.video-generation-page{--video-bg-panel:rgba(255,255,255,0.05);--video-bg-input:rgba(0,0,0,0.39);--video-border:rgba(255,255,255,0.12);--video-border-strong:rgba(255,87,0,0.42);--video-text:#ffffff;--video-muted:rgb(153,161,179);--video-accent:#ff5700;--video-accent-soft:rgba(255,87,0,0.14);--video-gradient:linear-gradient(-90deg,rgba(245,158,11,1) 10%,rgba(255,87,0,1) 62%)}.video-generation-page .cntr_header_nano p{margin-bottom:36px}.video-generator-panel{--video-workspace-height:380px;padding:22px 24px 24px;border-radius:20px;background:var(--video-bg-panel);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.04),0 4px 6px -1px rgba(0,0,0,.3)}.video-prompt-area,.video-upload-area{height:100%;min-height:var(--video-workspace-height)}.video-upload-area{display:flex;flex-direction:column}.video-upload-column{flex:0 0 31%;max-width:31%}.video-prompt-column{flex:0 0 69%;max-width:69%}.video-prompt-area{display:flex;flex-direction:column;gap:0}.video-section-heading h2,.video-upload-area h2{display:flex;align-items:center;gap:8px;color:var(--video-text);font-size:18px;font-weight:700;min-height:34px;margin:0}.video-upload-area h2{margin-bottom:14px}.video-section-heading h2 svg,.video-upload-area h2 svg{width:19px;height:19px;color:var(--video-accent)}.video-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px;margin-bottom:14px}.video-section-heading h2{margin-bottom:0}.video-section-heading button{display:inline-flex;align-items:center;gap:8px;color:var(--video-text);font-size:14px;font-weight:700;padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.42);border:1px solid var(--video-border-strong);transition:background .2s ease}.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{width:100%;flex:0 0 302px;min-height:0;display:flex;align-items:center;justify-content:center;aspect-ratio:auto;border-radius:12px;border:2px dashed rgba(255,87,0,.37);background:var(--video-bg-input);transition:border-color .2s ease,background .2s ease}.video-upload-box:focus-visible,.video-upload-box:hover{border-color:var(--video-accent);outline:none}.video-upload-inner{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:24px}.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);font-size:18px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.video-upload-inner small{color:var(--video-muted);font-size:14px;line-height:1.35;margin-top:8px}.video-upload-inner span{color:var(--video-muted);font-size:14px;margin-top:4px}.video-upload-tile-grid{flex:0 0 302px;display:block;min-height:0}.video-add-image-tile,.video-upload-image-tile{position:relative;overflow:hidden;min-height:0;height:302px;border-radius:10px;background:var(--video-bg-input);border:1px solid var(--video-border-strong)}.video-upload-image-tile img{display:block;width:100%;height:100%;object-fit:cover}.video-upload-image-tile button{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--video-accent);font-size:22px;line-height:1;border:0;background:transparent}.video-upload-area input[type=file]{display:none}.video-field-error{color:#ff9a62;font-size:13px;font-weight:700;min-height:18px;line-height:18px;margin:6px 0 0}.video-prompt-area textarea{width:100%;flex:0 0 180px;min-height:180px;resize:vertical;color:var(--video-text);padding:16px;border-radius:12px;background:var(--video-bg-input);border:1px solid rgba(255,255,255,.21);margin-bottom:0}.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{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--video-muted);margin-top:8px;margin-bottom:10px}.video-settings-heading svg{width:14px;height:14px;color:var(--video-accent)}.video-control-grid{display:flex;gap:8px}.video-control-card{display:flex;align-items:center;gap:15px;padding:8px 12px;border-radius:10px;background:rgba(0,0,0,.28);border:1px solid var(--video-border)}.video-control-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,87,0,.1);border:1px solid rgba(255,255,255,.12);flex:0 0 auto}.video-control-icon svg{width:15px;height:15px;color:var(--video-accent)}.video-control-label{color:var(--video-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.video-control-select-wrap{position:relative;flex:1}.video-control-select-wrap select{width:100%;color:var(--video-text);font-size:13px;font-weight:600;padding:6px 26px 6px 10px;border-radius:7px;background-color:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.18);-webkit-appearance:none;appearance:none;cursor:pointer;font-family:inherit;transition:border-color .2s ease}.video-control-select-wrap select:focus{border-color:var(--video-accent);outline:none}.video-control-select-wrap select option{color:#000000}.video-mobile-control,.video-mobile-tabs{display:none}.video-generate-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--video-text);font-size:18px;font-weight:700;letter-spacing:.02em;margin-top:0;min-height:48px;padding:11px 18px;border:0;border-radius:999px;background:var(--video-gradient);transition:filter .2s ease;cursor:pointer}.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{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,.58fr);gap:24px;align-items:stretch;opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}.video-generator-panel .is-switching{opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}.video-result-details,.video-result-left,.video-result-preview,.video-result-right{min-width:0}.video-result-details,.video-result-preview,.video-result-right{padding:18px;border-radius:16px;background:rgba(210,219,247,.16);border:1px solid var(--video-border)}.video-result-left{display:flex;flex-direction:column}.video-result-preview{margin-bottom:18px;flex:1}.video-generated-image,.video-output-preview{position:relative;overflow:hidden;border-radius:14px;background:var(--video-bg-input);border:1px solid rgba(255,255,255,.16)}.video-generated-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-content:start}.video-generated-image img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.video-result-detail-block{margin-bottom:16px}.video-output-meta span,.video-result-detail-block span,.video-result-settings span{display:block;color:var(--video-muted);font-size:13px;font-weight:700;margin-bottom:6px}.video-result-detail-block p{color:var(--video-text);font-size:15px;line-height:1.55;margin:0}.video-output-meta,.video-result-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.video-output-meta div,.video-result-settings div{padding:12px;border-radius:12px;background:var(--video-bg-panel);border:1px solid rgba(212,97,97,.12)}.video-output-meta strong,.video-result-settings strong{color:var(--video-text);font-size:15px}.video-result-right{display:flex;flex-direction:column;align-self:start;min-height:100%}.video-output-preview{height:clamp(320px,42vw,480px);min-height:0;flex:0 0 auto;margin-bottom:16px}.video-output-preview video{display:block;width:100%;height:100%;object-fit:cover}.video-processing-state{position:relative;height:100%;min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:var(--video-text)}.video-processing-state svg{width:54px;height:54px;color:var(--video-accent);animation:video-processing-spin 1s linear infinite}.video-processing-state strong{font-size:18px;font-weight:700}.video-error-state{gap:10px;padding:28px;text-align:center}.video-error-state:before{content:"";position:absolute;inset:18px;border-radius:16px;background:radial-gradient(circle at 50% 0,rgba(245,158,11,.16),transparent 42%),linear-gradient(135deg,rgba(15,23,42,.98),rgba(17,24,39,.92));border:1px solid rgba(245,158,11,.28);box-shadow:0 22px 60px rgba(0,0,0,.24);z-index:0}.video-error-state p,.video-error-state strong,.video-error-state svg{position:relative;z-index:1}.video-error-state svg{animation:none;color:#f59e0b;height:42px;width:42px}.video-error-state strong{color:#fff7ed;font-size:clamp(1.05rem,1.6vw,1.28rem)}.video-error-state p{color:#cbd5e1;font-size:.98rem;font-weight:600;line-height:1.55;margin:0;max-width:420px}@keyframes video-processing-spin{to{transform:rotate(1turn)}}.video-output-preview span{position:absolute;top:12px;left:12px;color:var(--video-text);font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--video-gradient)}.video-output-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.video-result-right .video-generate-button{margin-top:auto}.video-feature-card{display:flex;align-items:center;gap:14px;padding:15px;border-radius:12px;background:var(--video-bg-panel);border:1px solid rgba(255,255,255,.2);min-height:92px}.video-feature-card>svg{width:54px;height:54px;padding:10px;color:var(--video-text);border-radius:50%;background:var(--video-gradient);flex:0 0 auto}.video-feature-card h3{color:var(--video-text);font-size:17px;font-weight:700;margin:0 0 4px}.video-feature-card p{color:var(--video-muted);font-size:14px;margin:0}.video-examples{padding-left:0;padding-right:0}.video-examples .contnt_hld_oth_nano span{display:inline-flex;align-items:center;gap:8px}.video-examples .readmore-content{margin:0}.video-example-media img,.video-example-media video{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px}@media (max-width:991px){.video-generator-panel{--video-workspace-height:auto;padding:18px}.video-prompt-column,.video-upload-column{flex:0 0 auto;max-width:100%}.video-prompt-area,.video-section-heading,.video-section-heading h2,.video-upload-area,.video-upload-area 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{display:none;gap:8px;margin-bottom:14px;overflow-x:auto}.video-mobile-tabs button{color:var(--video-text);white-space:nowrap;border:0;border-radius:8px;padding:9px 12px;background:transparent}.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-generated-image-grid,.video-result-layout,.video-result-settings{grid-template-columns:1fr}.video-output-preview{height:clamp(280px,72vw,420px)}.video-processing-state{min-height:280px}}.video-caption-premium-card{display:grid;margin-top:28px;padding:22px 24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;border:1px solid rgba(255,87,0,.38);border-radius:16px;background:linear-gradient(115deg,rgba(255,87,0,.14),rgba(17,19,23,.96) 48%,rgba(8,9,12,.98));box-shadow:0 18px 45px rgba(0,0,0,.28)}.video-caption-premium-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#ff5700,#ff8a4c)}.video-caption-premium-icon svg{width:27px;height:27px}.video-caption-premium-copy span{color:#ff8a4c;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.video-caption-premium-copy h2{margin:4px 0 5px;color:#fff;font-size:clamp(19px,2vw,25px)}.video-caption-premium-copy p{max-width:720px;margin:0;color:#aaa;font-size:13px;line-height:1.55}.video-caption-premium-card>a{display:inline-flex;padding:12px 16px;align-items:center;justify-content:center;gap:8px;border-radius:9px;color:#fff;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap;background:#ff5700;transition:transform .2s ease,background .2s ease}.video-caption-premium-card>a:hover{color:#fff;background:#ff6b1a;transform:translateY(-1px)}.video-caption-premium-card>a svg{width:16px}@media (max-width:767px){.video-caption-premium-card{grid-template-columns:auto 1fr;padding:18px}.video-caption-premium-card>a{grid-column:1/-1;width:100%}}@media (max-width:575px){.video-section-heading{align-items:flex-start;flex-direction:column}.video-section-heading button{width:100%;justify-content:center}.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}}