.video-generation-page{--video-bg-panel:rgba(255,255,255,.05);--video-bg-input:rgba(0,0,0,.39);--video-border:rgba(255,255,255,.12);--video-border-strong:rgba(255,87,0,.42);--video-text:#fff;--video-muted:#99a1b3;--video-accent:#ff5700;--video-accent-soft:rgba(255,87,0,.14);--video-gradient:linear-gradient(-90deg,#f59e0b 10%,#ff5700 62%)}.video-generation-page .cntr_header_nano p{margin-bottom:36px}.video-generator-panel{--video-workspace-height:380px;background:var(--video-bg-panel);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:22px 24px 24px;box-shadow:inset 0 1px rgba(255,255,255,.04),0 4px 6px -1px rgba(0,0,0,.3)}.video-upload-area,.video-prompt-area{height:100%;min-height:var(--video-workspace-height)}.video-upload-area{flex-direction:column;display:flex}.video-upload-column{flex:0 0 31%;max-width:31%}.video-prompt-column{flex:0 0 69%;max-width:69%}.video-prompt-area{flex-direction:column;gap:0;display:flex}.video-upload-area h2,.video-section-heading h2{color:var(--video-text);align-items:center;gap:8px;min-height:34px;margin:0;font-size:18px;font-weight:700;display:flex}.video-upload-area h2{margin-bottom:14px}.video-upload-area h2 svg,.video-section-heading h2 svg{width:19px;height:19px;color:var(--video-accent)}.video-section-heading{justify-content:space-between;align-items:center;gap:16px;min-height:34px;margin-bottom:14px;display:flex}.video-section-heading h2{margin-bottom:0}.video-section-heading button{color:var(--video-text);border:1px solid var(--video-border-strong);background:rgba(0,0,0,.42);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:700;transition:background .2s;display:inline-flex}.video-section-heading button:hover{background:var(--video-accent)}.video-section-heading button:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.video-section-heading button svg{width:16px;height:16px}.video-upload-box{aspect-ratio:auto;background:var(--video-bg-input);border:2px dashed rgba(255,87,0,.37);border-radius:12px;flex:0 0 302px;justify-content:center;align-items:center;width:100%;min-height:0;transition:border-color .2s,background .2s;display:flex}.video-upload-box:hover{border-color:var(--video-accent);outline:none}.video-upload-box:focus-visible{border-color:var(--video-accent);outline:none}.video-upload-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.video-upload-inner svg{width:56px;height:56px;color:var(--video-accent);margin-bottom:14px}.video-upload-inner strong{max-width:240px;color:var(--video-text);overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.25}.video-upload-inner small{color:var(--video-muted);margin-top:8px;font-size:14px;line-height:1.35}.video-upload-inner span{color:var(--video-muted);margin-top:4px;font-size:14px}.video-upload-tile-grid{flex:0 0 302px;min-height:0;display:block}.video-upload-image-tile,.video-add-image-tile{background:var(--video-bg-input);border:1px solid var(--video-border-strong);border-radius:10px;height:302px;min-height:0;position:relative;overflow:hidden}.video-upload-image-tile img{object-fit:cover;width:100%;height:100%;display:block}.video-upload-image-tile button{width:24px;height:24px;color:var(--video-accent);background:0 0;border:0;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex;position:absolute;top:8px;right:8px}.video-upload-area input[type=file]{display:none}.video-field-error{color:#ff9a62;min-height:18px;margin:6px 0 0;font-size:13px;font-weight:700;line-height:18px}.video-prompt-area textarea{resize:vertical;width:100%;min-height:180px;color:var(--video-text);background:var(--video-bg-input);border:1px solid rgba(255,255,255,.21);border-radius:12px;flex:0 0 180px;margin-bottom:0;padding:16px}.video-prompt-area textarea:focus{border-color:var(--video-accent);outline:none}.video-prompt-area textarea::placeholder{color:rgba(255,255,255,.48)}.video-settings-heading{letter-spacing:.07em;text-transform:uppercase;color:var(--video-muted);align-items:center;gap:7px;margin-top:8px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.video-settings-heading svg{width:14px;height:14px;color:var(--video-accent)}.video-control-grid{gap:8px;display:flex}.video-control-card{border:1px solid var(--video-border);background:rgba(0,0,0,.28);border-radius:10px;align-items:center;gap:15px;padding:8px 12px;display:flex}.video-control-icon{background:rgba(255,87,0,.1);border:1px solid rgba(255,255,255,.12);border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.video-control-icon svg{width:15px;height:15px;color:var(--video-accent)}.video-control-label{color:var(--video-muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:700}.video-control-select-wrap{flex:1;position:relative}.video-control-select-wrap select{width:100%;color:var(--video-text);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:6px 26px 6px 10px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .2s}.video-control-select-wrap select:focus{border-color:var(--video-accent);outline:none}.video-control-select-wrap select option{color:#000}.video-mobile-tabs,.video-mobile-control{display:none}.video-generate-button{width:100%;color:var(--video-text);letter-spacing:.02em;background:var(--video-gradient);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;margin-top:0;padding:11px 18px;font-size:18px;font-weight:700;transition:filter .2s;display:flex}.video-generate-button:hover{filter:brightness(1.08)}.video-generate-button:disabled{opacity:.55;cursor:not-allowed}.video-generate-button svg{width:19px;height:19px}.video-result-layout{opacity:1;grid-template-columns:minmax(0,.92fr) minmax(360px,.58fr);align-items:stretch;gap:24px;transition:opacity .22s,transform .22s;display:grid;transform:translateY(0)}.video-generator-panel .is-switching{opacity:0;transition:opacity .22s,transform .22s;transform:translateY(8px)}.video-result-left,.video-result-right,.video-result-preview,.video-result-details{min-width:0}.video-result-preview,.video-result-details,.video-result-right{border:1px solid var(--video-border);background:rgba(0,0,0,.16);border-radius:16px;padding:18px}.video-result-left{flex-direction:column;display:flex}.video-result-preview{flex:1;margin-bottom:18px}.video-generated-image,.video-output-preview{background:var(--video-bg-input);border:1px solid rgba(255,255,255,.16);border-radius:14px;position:relative;overflow:hidden}.video-generated-image-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:12px;display:grid}.video-generated-image img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.video-result-detail-block{margin-bottom:16px}.video-result-detail-block span,.video-result-settings span,.video-output-meta span{color:var(--video-muted);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.video-result-detail-block p{color:var(--video-text);margin:0;font-size:15px;line-height:1.55}.video-result-settings,.video-output-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.video-result-settings div,.video-output-meta div{background:var(--video-bg-panel);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px}.video-result-settings strong,.video-output-meta strong{color:var(--video-text);font-size:15px}.video-result-right{flex-direction:column;align-self:start;min-height:100%;display:flex}.video-output-preview{flex:none;height:max(320px,min(42vw,480px));min-height:0;margin-bottom:16px}.video-output-preview video{object-fit:cover;width:100%;height:100%;display:block}.video-processing-state{height:100%;min-height:360px;color:var(--video-text);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.video-processing-state svg{width:54px;height:54px;color:var(--video-accent);animation:1s linear infinite video-processing-spin}.video-processing-state strong{font-size:18px;font-weight:700}@keyframes video-processing-spin{to{transform:rotate(360deg)}}.video-output-preview span{color:var(--video-text);background:var(--video-gradient);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.video-output-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.video-result-right .video-generate-button{margin-top:auto}.video-feature-card{background:var(--video-bg-panel);border:1px solid rgba(255,255,255,.2);border-radius:12px;align-items:center;gap:14px;min-height:92px;padding:15px;display:flex}.video-feature-card>svg{width:54px;height:54px;color:var(--video-text);background:var(--video-gradient);border-radius:50%;flex:none;padding:10px}.video-feature-card h3{color:var(--video-text);margin:0 0 4px;font-size:17px;font-weight:700}.video-feature-card p{color:var(--video-muted);margin:0;font-size:14px}.video-examples{padding-left:0;padding-right:0}.video-examples .contnt_hld_oth_nano span{align-items:center;gap:8px;display:inline-flex}.video-examples .readmore-content{margin:0}.video-example-media img,.video-example-media video{aspect-ratio:4/5;object-fit:cover;border-radius:16px;width:100%}@media (max-width:991px){.video-generator-panel{--video-workspace-height:auto;padding:18px}.video-upload-column,.video-prompt-column{flex:none;max-width:100%}.video-upload-area,.video-prompt-area,.video-upload-area h2,.video-section-heading,.video-section-heading h2{min-height:0}.video-prompt-area textarea{flex-basis:210px;min-height:210px}.video-control-grid,.video-settings-heading{display:none}.video-mobile-tabs{gap:8px;margin-bottom:14px;display:none;overflow-x:auto}.video-mobile-tabs button{color:var(--video-text);white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:9px 12px}.video-mobile-tabs button.active{background:var(--video-gradient)}.video-mobile-control{display:block}.video-feature-card{display:flex}.video-upload-box{flex-basis:auto;min-height:240px}.video-upload-tile-grid{flex-basis:240px}.video-result-layout,.video-result-settings,.video-generated-image-grid{grid-template-columns:1fr}.video-output-preview{height:max(280px,min(72vw,420px))}.video-processing-state{min-height:280px}}@media (max-width:575px){.video-section-heading{flex-direction:column;align-items:flex-start}.video-section-heading button{justify-content:center;width:100%}.video-upload-box{min-height:220px}.video-upload-tile-grid{flex-basis:220px}.video-feature-card{min-height:auto}.video-generated-image-grid{grid-template-columns:1fr}}