:root{--vc-ink:#0d2036;--vc-blue:#1565d8;--vc-teal:#25c7bb;--vc-line:#dce5ef;--vc-bg:#f4f7fb}
.vc-history-tools{display:flex;gap:4px}.vc-history-tools button{width:32px;height:32px;border:1px solid #d6e0eb;border-radius:8px;background:#fff;color:#264765;cursor:pointer}.vc-history-tools button:disabled{opacity:.38;cursor:not-allowed}.vc-draft-state{font-size:10px;color:#477064}.vc-draft-state.saving{color:#966000}
.vc-ai-voice{padding:10px;margin-bottom:10px;border:1px solid #cfe0f2;border-radius:12px;background:linear-gradient(145deg,#f4f8ff,#ebfaf7)}.vc-ai-voice h4{margin:0 0 8px;font-size:12px}.vc-ai-voice h4 i{color:#1769d2}.vc-ai-voice label{margin-bottom:7px}.vc-ai-voice select{padding:7px}.vc-ai-voice>small{display:block;margin-top:7px;color:#60758a;font-size:9px;line-height:1.35}
.vc-director-actions{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:7px}.vc-director-actions .vc-btn{padding:.55rem .65rem;font-size:10px}.vc-batch-progress{position:relative;height:30px;margin-top:7px;background:#e3edf6;border-radius:8px;overflow:hidden}.vc-batch-progress>span{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#1769d2,#19a69c);transition:width .3s}.vc-batch-progress small{position:relative;z-index:1;display:grid;place-items:center;height:100%;font-size:9px;font-weight:800;color:#10283f}
.vc-visual-ai{padding:10px;margin-bottom:10px;border:1px solid #cfe0f2;border-radius:12px;background:linear-gradient(145deg,#f5f9ff,#ecfbf8)}.vc-visual-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.vc-visual-title strong{font-size:12px}.vc-visual-title button{border:0;background:transparent;color:#1269bd;font-size:10px;font-weight:800;cursor:pointer}.vc-visual-ai textarea{min-height:68px!important;margin:0 0 7px!important;background:#fff!important}.vc-visual-ai>small{display:block;margin-top:6px;color:#60758a;font-size:9px}.vc-library-search{display:flex;align-items:center;gap:6px;border:1px solid #d8e3ee;border-radius:9px;padding:0 8px;background:#fff}.vc-library-search input{border:0!important;margin:0!important;padding:8px 2px!important;outline:0}.vc-library-search span{min-width:22px;text-align:center;border-radius:99px;background:#eaf2fb;color:#1769b5;font-size:9px;padding:3px}.vc-image-controls{margin-top:7px}.vc-image-controls label{margin-bottom:2px}.vc-image-thumb.selected{border-color:#159f98;box-shadow:0 0 0 2px rgba(21,159,152,.14)}.vc-canvas[data-image-fit="contain"] img{object-fit:contain}.vc-canvas[data-image-focus="top"] img{object-position:center top}.vc-canvas[data-image-focus="bottom"] img{object-position:center bottom}.vc-canvas[data-image-focus="left"] img{object-position:left center}.vc-canvas[data-image-focus="right"] img{object-position:right center}
*{box-sizing:border-box}.vc-landing-hero{color:#fff;background:radial-gradient(circle at 80% 15%,rgba(37,199,187,.35),transparent 28%),linear-gradient(135deg,#07192d,#103e73 62%,#0c6f7a)}.vc-landing-hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.045em;font-weight:800;max-width:880px;margin:1rem 0}.vc-landing-hero .lead{max-width:760px;color:#d8e8f5}.vc-kicker{display:inline-flex;gap:.5rem;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:.55rem .9rem;border-radius:999px;font-weight:700}.vc-trust{display:flex;gap:1.1rem;flex-wrap:wrap;margin-top:1.5rem;color:#dcecf7;font-size:.92rem}.vc-trust i{color:var(--vc-teal)}.vc-demo-card{background:#fff;color:var(--vc-ink);padding:1rem;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.28);transform:rotate(1.5deg)}.vc-demo-top{display:flex;gap:.35rem;padding:.25rem}.vc-demo-top span{width:9px;height:9px;border-radius:50%;background:#dce5ef}.vc-demo-stage{aspect-ratio:9/12;border-radius:20px;background:linear-gradient(160deg,#112a48,#1565d8 65%,#25c7bb);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.7rem}.vc-demo-stage i{font-size:3.5rem}.vc-demo-stage strong{font-size:1.3rem}.vc-demo-stage small{color:#d9f8f4}.vc-demo-timeline{display:grid;grid-template-columns:1.3fr .7fr 1fr 1.2fr;gap:.35rem;margin-top:.8rem}.vc-demo-timeline b{height:32px;background:#dce8f5;border-radius:8px}.vc-demo-timeline b:nth-child(2){background:#b7eee9}.vc-feature{height:100%;padding:1.7rem;border:1px solid #e1e9f2;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(13,32,54,.06)}.vc-feature i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e8f1ff;color:var(--vc-blue);font-size:1.35rem}.vc-feature h3{font-size:1.15rem;margin:1rem 0 .45rem}.vc-feature p{color:#627084;margin:0}
.vc-studio-body{margin:0;font-family:Inter,"Noto Sans Devanagari",system-ui,sans-serif;background:var(--vc-bg);color:var(--vc-ink);overflow:hidden}.vc-studio-head{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;border-bottom:1px solid var(--vc-line)}.vc-brand{display:flex;align-items:center;gap:.65rem;color:var(--vc-ink);text-decoration:none;font-weight:700}.vc-brand img{width:38px;height:38px;border-radius:10px}.vc-brand b{color:var(--vc-blue)}.vc-head-actions{display:flex;align-items:center;gap:.7rem}.vc-head-actions>span{font-size:.82rem;color:#6e7b8b}.vc-btn{border:0;border-radius:10px;padding:.7rem 1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.vc-btn-primary{background:linear-gradient(135deg,var(--vc-blue),#1e8cc8);color:#fff}.vc-btn-light{background:#fff;color:var(--vc-ink);border:1px solid var(--vc-line)}.w-100{width:100%}.vc-workspace{height:calc(100vh - 64px);display:grid;grid-template-columns:310px minmax(430px,1fr) 270px}.vc-left-panel,.vc-right-panel{padding:18px;background:#fff;overflow:auto}.vc-left-panel{border-right:1px solid var(--vc-line)}.vc-right-panel{border-left:1px solid var(--vc-line)}.vc-panel-title{display:flex;justify-content:space-between;align-items:center;font-weight:800;margin-bottom:1rem}.vc-panel-title button,.vc-preview-toolbar button,.vc-player button{border:0;background:#edf3f9;border-radius:9px;width:34px;height:34px;cursor:pointer}.vc-left-panel label,.vc-right-panel label{display:block;font-size:.78rem;color:#5e6d7d;font-weight:700;margin:0 0 .9rem}.vc-left-panel input,.vc-left-panel select,.vc-left-panel textarea,.vc-right-panel input,.vc-right-panel select,.vc-right-panel textarea{width:100%;margin-top:.35rem;border:1px solid var(--vc-line);border-radius:10px;padding:.72rem;background:#fbfdff;color:var(--vc-ink);font:inherit;resize:vertical}.vc-left-panel textarea{min-height:125px}.vc-two{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.vc-input-tabs{display:flex;background:#eef3f8;padding:4px;border-radius:10px;margin-bottom:.7rem}.vc-input-tabs button{width:50%;border:0;padding:.55rem;background:transparent;border-radius:8px;font-weight:700;color:#6d7b8a}.vc-input-tabs button.active{background:#fff;color:var(--vc-blue);box-shadow:0 2px 8px rgba(13,32,54,.08)}.vc-upload{position:relative;text-align:center;border:1.5px dashed #aabbd0;border-radius:12px;padding:1rem;margin-bottom:.8rem;color:#617185}.vc-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.vc-upload i,.vc-upload strong,.vc-upload small{display:block}.vc-upload i{font-size:1.4rem;color:var(--vc-blue)}.vc-upload small{font-size:.72rem}.vc-recent{border-top:1px solid var(--vc-line);margin-top:1rem;padding-top:.8rem}.vc-recent h3{font-size:.8rem;color:#6c7887;text-transform:uppercase}.vc-project-row{width:100%;display:flex;justify-content:space-between;border:0;background:#f4f7fb;padding:.6rem;border-radius:8px;margin:.35rem 0}.vc-center{min-width:0;display:flex;flex-direction:column;padding:14px 20px;overflow:hidden}.vc-preview-toolbar{display:flex;justify-content:space-between;align-items:center;font-weight:800}.vc-preview-toolbar>div{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.vc-canvas-wrap{flex:1;display:grid;place-items:center;min-height:0;padding:12px}.vc-canvas{position:relative;overflow:hidden;background:linear-gradient(145deg,#0c1d34,#185db0 65%,#19a99f);box-shadow:0 20px 60px rgba(11,35,60,.2);isolation:isolate}.ratio-9-16{height:min(62vh,650px);aspect-ratio:9/16;border-radius:18px}.ratio-16-9{width:min(76vw,850px);aspect-ratio:16/9;border-radius:16px}.ratio-1-1{height:min(60vh,610px);aspect-ratio:1;border-radius:18px}.vc-canvas img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0}.vc-canvas.has-image img{opacity:1;animation:vcZoom 9s ease-in-out infinite alternate}.vc-scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,17,34,.05),rgba(4,17,34,.84))}.vc-caption{position:absolute;left:8%;right:8%;bottom:12%;color:#fff}.vc-caption span{display:inline-block;color:var(--vc-teal);font-weight:900;font-size:.72rem;letter-spacing:.14em}.vc-caption h2{font-size:clamp(1.3rem,3vw,2.5rem);line-height:1.08;margin:.45rem 0}.vc-caption p{margin:0;color:#e4eef7;font-size:clamp(.75rem,1.3vw,1rem)}.vc-watermark{position:absolute;right:4%;top:3%;color:rgba(255,255,255,.7);font-size:.7rem;font-weight:800}.vc-player{display:flex;align-items:center;gap:.7rem}.vc-progress{height:6px;background:#dce5ef;border-radius:99px;flex:1;overflow:hidden}.vc-progress span{display:block;width:0;height:100%;background:var(--vc-blue)}.vc-player>span{font-size:.75rem;color:#6a7888}.vc-timeline{height:92px;display:flex;gap:.5rem;overflow-x:auto;padding:.65rem 0}.vc-scene-card{min-width:130px;border:2px solid transparent;background:#fff;border-radius:10px;padding:.45rem;text-align:left;cursor:pointer}.vc-scene-card.active{border-color:var(--vc-blue)}.vc-scene-card b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vc-scene-card small{color:#728092}.vc-quality-note{display:flex;gap:.7rem;background:#eaf8f6;border-radius:12px;padding:.8rem;margin-top:1rem}.vc-quality-note i{color:#12877d;font-size:1.2rem}.vc-quality-note p{font-size:.75rem;color:#54716e;margin:.25rem 0 0}.vc-toast{position:fixed;right:20px;bottom:20px;background:#10283f;color:#fff;padding:.8rem 1rem;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.vc-toast.show{opacity:1;transform:none}@keyframes vcZoom{from{transform:scale(1)}to{transform:scale(1.1)}}
@media(max-width:1050px){.vc-workspace{grid-template-columns:280px 1fr}.vc-right-panel{display:none}}@media(max-width:760px){.vc-studio-body{overflow:auto}.vc-studio-head{position:sticky;top:0;z-index:5}.vc-head-actions>span,.vc-head-actions .vc-btn-light{display:none}.vc-workspace{height:auto;display:block}.vc-left-panel{border:0}.vc-center{min-height:720px}.vc-canvas-wrap{min-height:500px}.vc-left-panel textarea{min-height:90px}}
.vc-render-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.65rem .1rem;border-bottom:1px solid var(--vc-line);font-size:.85rem}.vc-render-row a{color:var(--vc-teal);font-weight:800}.vc-render-row small{color:var(--vc-muted)}
.vc-plan-card{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.75rem;background:linear-gradient(135deg,#eaf2ff,#e7fbf8);border:1px solid #cfe3f2;border-radius:12px;margin-bottom:1rem}.vc-plan-card strong,.vc-plan-card small{display:block}.vc-plan-card small{font-size:.7rem;color:#607487;margin-top:.18rem}.vc-plan-card a{font-size:.75rem;font-weight:800;color:var(--vc-blue)}
.vc-ai-box{border:1px solid #cfe0f2;border-radius:12px;background:linear-gradient(145deg,#f7fbff,#eff9f8);margin:10px 0;overflow:hidden}
.vc-ai-box summary{display:flex;align-items:center;gap:9px;padding:11px 12px;cursor:pointer;list-style:none;color:#10243e}
.vc-ai-box summary::-webkit-details-marker{display:none}.vc-ai-box summary>i{font-size:18px;color:#1769d2}.vc-ai-box summary span{display:flex;flex-direction:column;gap:2px}.vc-ai-box summary small{font-size:10px;color:#60738a;font-weight:500}
.vc-ai-fields{padding:0 11px 11px;border-top:1px solid #dce9f5}.vc-ai-fields label{margin-top:9px}.vc-ai-fields textarea,.vc-ai-fields input,.vc-ai-fields select{background:#fff}
.vc-btn-ai{background:linear-gradient(110deg,#1769d2,#159f98);color:#fff;border:0;margin-top:10px}.vc-btn-ai:disabled{opacity:.65;cursor:wait}
.vc-ai-safe{display:flex;gap:5px;margin:8px 2px 0;color:#587187;font-size:10px;line-height:1.35}.vc-ai-safe i{color:#159f73}
.vc-image-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.vc-image-thumb{padding:0;border:2px solid transparent;border-radius:8px;background:#fff;overflow:hidden;cursor:pointer;text-align:left}.vc-image-thumb:hover{border-color:#1769d2}.vc-image-thumb img{display:block;width:100%;height:48px;object-fit:cover}.vc-image-thumb span{display:block;padding:3px 4px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vc-media-help{display:block;color:#62758a;font-size:9px;line-height:1.35;margin:6px 2px 9px}
.vc-record-row{display:flex;align-items:center;gap:8px;margin-top:9px}.vc-record-row .vc-btn{white-space:nowrap}.vc-record-row span{font-size:10px;color:#60738a;overflow:hidden;text-overflow:ellipsis}.vc-record-row .recording{color:#fff;background:#dc3545;border-color:#dc3545;animation:vcPulse 1.2s infinite}.vc-audio-preview{width:min(520px,92%);height:36px;margin:7px auto 0}@keyframes vcPulse{50%{opacity:.7}}
.vc-render-library .vc-render-row{align-items:center;gap:8px}.vc-render-row>div:first-child{display:flex;flex-direction:column;min-width:0}.vc-render-row strong{font-size:12px}.vc-render-row small{font-size:10px;color:#708198}.vc-render-actions{display:flex;align-items:center;gap:5px}.vc-render-actions button,.vc-render-actions a{border:1px solid #d5dfeb;background:#fff;color:#0b62b4;border-radius:7px;min-height:28px;padding:4px 7px;text-decoration:none;font:700 10px/1 Arial;cursor:pointer}.vc-render-actions a{display:grid;place-items:center;min-width:28px}.vc-library-modal{position:fixed;inset:0;z-index:2000;background:rgba(4,15,30,.72);display:grid;place-items:center;padding:24px}.vc-library-modal[hidden]{display:none}.vc-library-dialog{width:min(900px,96vw);max-height:92vh;background:#fff;border-radius:16px;box-shadow:0 28px 80px rgba(0,0,0,.35);overflow:hidden}.vc-library-head,.vc-library-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.vc-library-head>div{display:flex;flex-direction:column}.vc-library-head small{color:#718096;margin-top:2px}.vc-library-head button{border:0;background:#edf2f7;border-radius:50%;width:34px;height:34px;cursor:pointer}.vc-library-dialog video{display:block;width:100%;max-height:68vh;background:#071526}.vc-library-foot{justify-content:flex-end;border-top:1px solid #e7edf4}@media(max-width:640px){.vc-library-modal{padding:8px}.vc-library-dialog{border-radius:12px}.vc-library-foot{flex-direction:column}.vc-library-foot .vc-btn{width:100%}}
.vc-scene-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.vc-scene-actions button{height:34px;border:1px solid #d5dfeb;border-radius:8px;background:#fff;color:#36516f;cursor:pointer}.vc-scene-actions button:hover{border-color:#1677d2;color:#0966bb}.vc-canvas[data-caption-position="top"] .vc-caption{top:16%;bottom:auto}.vc-canvas[data-caption-position="center"] .vc-caption{top:50%;bottom:auto;transform:translateY(-50%)}.vc-canvas[data-caption-position="bottom"] .vc-caption{top:auto}.vc-canvas[data-caption-style="boxed"] .vc-caption{background:rgba(4,17,34,.72);border-radius:10px;padding:14px}.vc-canvas[data-caption-style="highlight"] .vc-caption h2{display:inline;background:linear-gradient(transparent 55%,var(--vc-teal) 55%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.vc-template-box{border:1px solid #dce7f2;background:linear-gradient(145deg,#f8fbff,#eef7ff);border-radius:10px;padding:9px;margin:8px 0}.vc-template-box label{margin:0 0 7px}.vc-canvas[data-template="education"]{background:linear-gradient(145deg,#132b55,#2478d4)!important}.vc-canvas[data-template="news"]{background:linear-gradient(145deg,#15171c,#9b1024)!important}.vc-canvas[data-template="promo"]{background:linear-gradient(145deg,#36125e,#e63f8c)!important}.vc-canvas[data-template="minimal"]{background:linear-gradient(145deg,#eef3f8,#cad8e8)!important}.vc-canvas[data-template="minimal"] .vc-caption h2,.vc-canvas[data-template="minimal"] .vc-caption p{color:#10233b}.vc-canvas[data-logo-position="none"] .vc-watermark{display:none}.vc-canvas[data-logo-position="top-left"] .vc-watermark{left:5%;right:auto}.vc-canvas[data-logo-position="bottom-right"] .vc-watermark{top:auto;bottom:4%}
.vc-mixer{margin:12px 0 8px;padding:10px;border:1px solid #d8e4ef;border-radius:12px;background:linear-gradient(145deg,#f8fbff,#f0fbf9)}.vc-mixer h4{margin:0 0 9px;font-size:12px}.vc-upload-compact{padding:9px}.vc-mixer label{margin:8px 0;font-size:10px}.vc-mixer label output{float:right;color:#1769d2}.vc-mixer input[type="range"]{padding:0;border:0}.vc-mixer-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.vc-mixer-options label{display:flex;align-items:center;gap:5px;margin:3px 0}.vc-mixer-options input{width:auto;margin:0}.vc-mixer select{padding:6px}
.vc-smart-reflow{margin-top:7px}.vc-pro-badge{padding:3px 7px;border-radius:999px;background:#e7f4ff;color:#1266b4;font-size:9px;letter-spacing:.08em}.vc-text-safety{display:flex;align-items:center;gap:6px;margin-top:8px;padding:7px 9px;border-radius:8px;background:#eaf8f2;color:#157153;font-size:10px}.vc-text-safety.warning{background:#fff3dd;color:#9a5a00}.vc-canvas .vc-caption{max-height:49%;overflow:hidden}.vc-canvas[data-text-align="center"] .vc-caption{text-align:center}.vc-canvas[data-text-align="right"] .vc-caption{text-align:right}.vc-canvas[data-layout="card"] .vc-caption{left:8%;right:8%;padding:18px;background:rgba(3,14,28,.74);border-radius:14px;box-shadow:0 12px 35px rgba(0,0,0,.2)}.vc-canvas[data-layout="lower-third"] .vc-caption{bottom:8%;padding:13px 15px;background:linear-gradient(90deg,rgba(3,14,28,.88),rgba(3,14,28,.35));border-left:4px solid var(--vc-teal)}.vc-canvas[data-layout="minimal"] .vc-caption{left:12%;right:12%}.vc-timeline{position:relative;border-top:1px solid #dce5ef;background:linear-gradient(#f9fbfd,#f2f6fa);border-radius:10px 10px 0 0}.vc-scene-card{box-shadow:0 3px 10px rgba(13,32,54,.06)}.vc-scene-card.active{box-shadow:0 5px 16px rgba(21,101,216,.15)}
.vc-timeline-tools{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:0 3px}.vc-timeline-tools>div{display:flex;align-items:center;gap:8px}.vc-timeline-tools strong{font-size:11px}.vc-timeline-tools span{font-size:9px;color:#6d7d90}.vc-timeline-tools button{height:27px;border:1px solid #d6e1ec;background:#fff;color:#31506e;border-radius:7px;padding:0 8px;font-size:9px;font-weight:700;cursor:pointer}.vc-timeline-tools button:disabled{opacity:.4;cursor:not-allowed}.vc-timeline-help{display:block;color:#738399;font-size:9px;margin:-5px 3px 2px}.vc-scene-card{position:relative;user-select:none}.vc-scene-card.selected{background:#eef6ff;border-color:#9bc8f4}.vc-scene-card.active.selected{border-color:var(--vc-blue)}.vc-scene-card.dragging{opacity:.42}.vc-scene-card.drag-over{transform:translateX(5px);box-shadow:-4px 0 0 var(--vc-blue)}.vc-scene-drag{position:absolute;left:2px;top:3px;color:#91a1b3;font-size:11px}.vc-scene-check{position:absolute;right:5px;top:4px;color:#1976d2;font-size:11px}.vc-scene-card small{padding:0 13px 0 8px}.vc-scene-card:focus-visible{outline:2px solid #1677d2;outline-offset:2px}
.vc-auto-captions{margin:10px 0;padding:10px;border:1px solid #cfe3f4;border-radius:12px;background:linear-gradient(145deg,#f5faff,#eefbf8)}.vc-auto-captions h4{margin:0 0 8px;font-size:12px;color:#173d61}.vc-auto-captions h4 i{color:#1379c9}.vc-auto-captions label{margin-bottom:7px}.vc-auto-captions>small{display:block;margin-top:7px;color:#60778b;font-size:9px;line-height:1.35}.vc-caption-editor{margin:9px 0;padding:9px;border:1px solid #d8e6f1;border-radius:10px;background:#f7fbff}.vc-caption-editor>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.vc-caption-editor strong{font-size:11px}.vc-caption-editor span{font-size:9px;color:#697d90}.vc-caption-editor textarea{min-height:74px!important;margin:0 0 6px!important}.vc-caption-editor .vc-btn{padding:7px;font-size:10px}.vc-subtitle-overlay{position:absolute;z-index:5;left:7%;right:7%;padding:7px 10px;text-align:center;color:#fff;font-size:clamp(12px,2.2vw,22px);line-height:1.25;font-weight:800;border-radius:7px;text-shadow:0 2px 6px rgba(0,0,0,.85)}.vc-subtitle-overlay.position-bottom{bottom:4%}.vc-subtitle-overlay.position-top{top:8%}.vc-subtitle-overlay.style-bold{background:rgba(0,0,0,.75)}.vc-subtitle-overlay.style-highlight{background:rgba(5,18,34,.88);color:var(--vc-teal)}.vc-subtitle-overlay.style-clean{background:transparent}.vc-subtitle-overlay[hidden]{display:none}
.vc-autopilot{margin:0 0 12px;border:1px solid #b8d8ff;border-radius:15px;background:linear-gradient(145deg,#f4f8ff,#eafcf9);box-shadow:0 9px 24px rgba(21,105,210,.09);overflow:hidden}.vc-autopilot summary{display:flex;align-items:center;gap:9px;padding:12px;cursor:pointer;list-style:none}.vc-autopilot summary::-webkit-details-marker{display:none}.vc-autopilot summary>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#1769d2,#159f98);color:#fff}.vc-autopilot summary span{display:flex;flex:1;flex-direction:column}.vc-autopilot summary small{font-size:9px;color:#61758a}.vc-autopilot summary>b{font-size:8px;letter-spacing:.08em;color:#fff;background:#6c4ce3;border-radius:99px;padding:4px 7px}.vc-autopilot-body{padding:0 11px 11px;border-top:1px solid rgba(23,105,210,.12)}.vc-autopilot-body label{margin:9px 0 5px}.vc-autopilot-body textarea{min-height:72px!important;background:#fff!important}.vc-btn-autopilot{margin-top:7px;background:linear-gradient(110deg,#6550e8,#167bd8 52%,#13a28e);color:#fff;box-shadow:0 8px 18px rgba(68,85,214,.2)}.vc-autopilot-body>p{display:flex;gap:5px;margin:8px 2px 0;color:#557085;font-size:9px;line-height:1.35}.vc-autopilot-progress{position:relative;height:34px;margin-top:8px;background:#dce9f5;border-radius:9px;overflow:hidden}.vc-autopilot-progress>span{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#b9d8ff,#7fe0d1);transition:width .35s}.vc-autopilot-progress small{position:relative;z-index:1;display:grid;place-items:center;height:100%;padding:0 6px;color:#102b48;font-size:9px;font-weight:800;text-align:center}.vc-avatar-presenter{position:absolute;z-index:4;bottom:31%;width:29%;aspect-ratio:1;border:3px solid var(--vc-teal);border-radius:50%;overflow:visible;background:#0d2944;filter:drop-shadow(0 10px 15px rgba(0,0,0,.4));animation:vcAvatarFloat 4s ease-in-out infinite}.vc-avatar-presenter.bottom-right{right:5%}.vc-avatar-presenter.bottom-left{left:5%}.vc-avatar-presenter img{position:absolute!important;inset:0;width:100%!important;height:100%!important;opacity:1!important;object-fit:cover!important;object-position:top center!important;border-radius:50%;animation:none!important}.vc-avatar-presenter span{position:absolute;right:0;bottom:4%;width:17%;aspect-ratio:1;border-radius:50%;background:#31d79f;border:2px solid #fff}.vc-avatar-presenter.speaking span{animation:vcTalkPulse .65s ease-in-out infinite}.vc-avatar-presenter[hidden]{display:none}@keyframes vcAvatarFloat{50%{transform:translateY(-5px)}}@keyframes vcTalkPulse{50%{transform:scale(1.45);box-shadow:0 0 0 7px rgba(49,215,159,.18)}}
.vc-studio-head{position:relative;z-index:20;box-shadow:0 3px 18px rgba(13,32,54,.06)}.vc-left-panel,.vc-right-panel{scrollbar-width:thin;scrollbar-color:#b8c9db transparent}.vc-left-panel{background:linear-gradient(180deg,#fff,#f9fbfe)}.vc-right-panel{background:linear-gradient(180deg,#fff,#f7fbff)}.vc-center{background:radial-gradient(circle at 50% 34%,#fff 0,#f4f7fb 56%,#edf2f8 100%)}.vc-btn{transition:transform .16s,box-shadow .16s}.vc-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(12,43,75,.12)}
@media(min-width:1250px){.vc-workspace{grid-template-columns:330px minmax(480px,1fr) 290px}}
/* Phase 40: unified professional editing workspace.  Media, scenes and audio
   stay in a dedicated dock instead of competing with the preview stage. */
.vc-workspace{grid-template-columns:300px minmax(540px,1fr) 292px;background:#eef3f8}.vc-center{gap:9px;padding:14px 16px;min-height:0}.vc-preview-toolbar{min-height:34px;padding:0 4px}.vc-canvas-wrap{padding:4px 12px;min-height:220px}.vc-center .vc-player{padding:0 4px;min-height:30px}.vc-editor-dock{flex:0 0 auto;max-height:276px;overflow:auto;border:1px solid #d7e2ee;border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(22,51,81,.08);padding:10px 12px}.vc-editor-dock-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.vc-editor-dock-head strong{font-size:.82rem;letter-spacing:.01em}.vc-editor-dock-head span{font-size:.7rem;color:#65778a}.vc-editor-dock .vc-timeline-tools{margin:0;padding:0 0 6px}.vc-editor-dock .vc-timeline{height:72px;padding:.4rem 0;background:#f7faff;border-top:1px solid #e2eaf2;border-bottom:1px solid #e2eaf2;border-radius:8px}.vc-editor-dock .vc-timeline-help{margin:5px 2px 8px}.vc-editor-dock #visualClipTimeline,.vc-editor-dock #audioTimeline{margin:8px 0 0!important;padding:9px 10px!important;border-radius:9px!important;box-shadow:none}.vc-editor-dock #visualClipTimeline{background:#f6faff!important;border-color:#cbddeb!important}.vc-editor-dock #audioTimeline{background:#fbfaff!important;border-color:#ded8f4!important}.vc-editor-dock #visualClipTimeline strong,.vc-editor-dock #audioTimeline strong{font-size:.78rem;color:#163655}.vc-editor-dock #visualClipTimeline small,.vc-editor-dock #audioTimeline small{font-size:.69rem;color:#60738a}.vc-editor-dock input[type=range]{accent-color:#167bd8}.vc-editor-dock .vc-audio-preview{margin:6px 0;width:100%}.vc-left-panel,.vc-right-panel{padding:14px}.vc-left-panel .vc-autopilot{margin-bottom:9px}.vc-right-panel .vc-panel-title{position:sticky;top:-14px;z-index:2;padding:14px 0 9px;background:linear-gradient(#fff,#fffdfd 80%,transparent)}
@media(max-height:780px) and (min-width:761px){.vc-editor-dock{max-height:220px}.vc-canvas-wrap{padding:0}.ratio-9-16{height:min(49vh,520px)}}
/* Phase 41: editor modes make the dock approachable for non-technical clients. */
.vc-editor-tabs{display:flex;gap:5px;padding:4px;background:#eef3f8;border-radius:10px;margin-bottom:8px}.vc-editor-tabs button{flex:1;border:0;border-radius:7px;padding:7px 9px;background:transparent;color:#60738a;font-size:.74rem;font-weight:800;cursor:pointer}.vc-editor-tabs button.active{background:#fff;color:#1266b4;box-shadow:0 2px 7px rgba(20,69,115,.14)}.vc-editor-pane[hidden]{display:none!important}.vc-editor-pane>.vc-timeline-tools{margin-top:0}.vc-editor-pane>#clientVideoLibrary,.vc-editor-pane>div[style*="f4f9ff"]{font-size:.75rem!important;margin:7px 0!important;padding:10px!important;border-radius:10px!important}.vc-clip-actions{display:flex;gap:7px;margin-top:6px}.vc-clip-actions button,.vc-audio-status button{border:1px solid #c9d8e6;border-radius:7px;background:#fff;color:#194668;padding:6px 8px;font-size:.7rem;font-weight:800;cursor:pointer}.vc-clip-actions button:first-child,.vc-audio-status button:last-child{border-color:#167bd8;background:#167bd8;color:#fff}.vc-audio-actions{margin:0 0 8px}.vc-audio-status{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:9px;font-size:.73rem;font-weight:700}.vc-audio-status.ready{background:#eaf8f2;color:#157153}.vc-audio-status.warning{background:#fff6e8;color:#8b5a00}.vc-audio-status>div{display:flex;gap:5px;flex-shrink:0}.vc-audio-status button{padding:5px 7px}.vc-editor-pane #clientVideoLibrary button{font-size:.72rem}.vc-editor-pane #audioTimeline{margin-top:0!important}
/* Phase 42: visible export-integrity check before a final MP4 is queued. */
.vc-export-integrity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 0;padding:9px 10px;border:1px solid #b9dfd7;border-radius:9px;background:#effaf7;color:#145c53}.vc-export-integrity strong{display:block;font-size:.75rem}.vc-export-integrity small{display:block;margin-top:2px;font-size:.67rem;color:#4f756f}.vc-export-integrity button{border:0;border-radius:7px;background:#087f72;color:#fff;padding:6px 8px;font-size:.7rem;font-weight:800;cursor:pointer;white-space:nowrap}.vc-export-integrity button:disabled{background:#aab8c3;cursor:not-allowed}
.vc-native-director{margin:0 0 12px;border:1px solid #9ee2d2;border-radius:15px;background:linear-gradient(145deg,#f2fffb,#eef7ff);box-shadow:0 9px 24px rgba(17,142,119,.09);overflow:hidden}.vc-native-director summary{display:flex;align-items:center;gap:9px;padding:12px;cursor:pointer;list-style:none}.vc-native-director summary::-webkit-details-marker{display:none}.vc-native-director summary>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#0eaa86,#187bd0);color:#fff}.vc-native-director summary span{display:flex;flex:1;flex-direction:column}.vc-native-director summary small{font-size:9px;color:#59778a}.vc-native-director summary>b{font-size:8px;letter-spacing:.08em;color:#08745f;background:#c9f7e9;border-radius:99px;padding:4px 7px}.vc-native-body{padding:0 11px 11px;border-top:1px solid rgba(14,170,134,.15)}.vc-native-body label{margin:9px 0 5px}.vc-native-body>p{display:flex;gap:5px;margin:8px 2px 0;color:#46766c;font-size:9px;line-height:1.35}.vc-btn-native{margin-top:7px;background:linear-gradient(110deg,#0d9f80,#157bd0);color:#fff}.vc-native-fx{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none}.vc-scene-shade{z-index:2}.vc-caption,.vc-watermark{z-index:4}
.vc-motion-director{margin:0 0 12px;border:1px solid #d8c6ff;border-radius:15px;background:linear-gradient(145deg,#faf7ff,#edf8ff);box-shadow:0 9px 24px rgba(91,64,190,.08);overflow:hidden}.vc-motion-director summary{display:flex;align-items:center;gap:9px;padding:12px;cursor:pointer;list-style:none}.vc-motion-director summary::-webkit-details-marker{display:none}.vc-motion-director summary>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#7448df,#187bcf);color:#fff}.vc-motion-director summary span{display:flex;flex:1;flex-direction:column}.vc-motion-director summary small{font-size:9px;color:#61758a}.vc-motion-director summary>b{font-size:8px;letter-spacing:.08em;color:#fff;background:#146e91;border-radius:99px;padding:4px 7px}.vc-motion-body{padding:0 11px 11px;border-top:1px solid rgba(83,64,180,.12)}.vc-motion-body label{margin:9px 0 5px}.vc-motion-body textarea{min-height:72px!important;background:#fff!important}.vc-motion-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.vc-motion-actions .vc-btn{padding:8px 6px;font-size:10px}.vc-motion-progress{position:relative;height:34px;margin-top:8px;background:#e3e5f7;border-radius:9px;overflow:hidden}.vc-motion-progress>span{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#cfc0ff,#79dbe7);transition:width .35s}.vc-motion-progress small{position:relative;z-index:1;display:grid;place-items:center;height:100%;padding:0 6px;color:#162647;font-size:9px;font-weight:800;text-align:center}.vc-motion-config{display:block;margin-top:7px;color:#5f7086;font-size:9px;line-height:1.35}.vc-scene-motion{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover}.vc-scene-motion[hidden]{display:none}.vc-canvas.has-motion #sceneImage{opacity:0!important}.vc-canvas.has-motion .vc-scene-shade{z-index:1}.vc-canvas.has-motion .vc-caption,.vc-canvas.has-motion .vc-watermark{z-index:3}

/* Phase 20A: one canvas composition for character preview and export. */
.vc-character-composition > :not(#nativeFxCanvas){visibility:hidden!important}.vc-character-composition #nativeFxCanvas{visibility:visible;z-index:10}

/* Phase 28: script and timed-caption editing */
.vc-text-editor-dialog{width:min(850px,94vw);max-height:88vh;overflow:auto;border:1px solid #d6e1ed;border-radius:16px;padding:24px;color:#102b3c;background:#fff;box-shadow:0 20px 80px #0004}
.vc-text-editor-dialog::backdrop{background:#07172899}
.vc-text-editor-dialog textarea{box-sizing:border-box;width:100%;font:17px/1.65 "Noto Sans Devanagari",Arial,sans-serif;padding:12px;border:1px solid #b8cce0;border-radius:8px;color:#102b3c;background:#fff}
.vc-text-editor-dialog p{font-size:14px;line-height:1.5}.vc-text-editor-dialog h2{font-size:22px}
.vc-timed-caption-row{display:grid;grid-template-columns:100px 100px 1fr auto;gap:10px;align-items:end;border-bottom:1px solid #d6e1ed;padding:12px 0}
.vc-timed-caption-row label{display:block;font-size:13px}.vc-timed-caption-row input{box-sizing:border-box;width:100%;padding:8px}
#timedCaptionError{color:#a21a24}
@media(max-width:600px){.vc-timed-caption-row{grid-template-columns:1fr 1fr}.vc-timed-caption-row label:nth-child(3){grid-column:1/-1}.vc-text-editor-dialog{padding:14px}}

/* Phase 43: responsive professional workspace — desktop studio, tablet/mobile drawers. */
.vc-responsive-nav{display:none}.vc-studio-body{background:#edf3f8}.vc-studio-head{min-height:64px}.vc-left-panel,.vc-right-panel{box-shadow:none}.vc-center{min-height:0}.vc-canvas-wrap{min-height:260px}.vc-editor-dock{scrollbar-gutter:stable}
@media(min-width:1200px){.vc-workspace{grid-template-columns:280px minmax(600px,1fr) 280px}.vc-left-panel,.vc-right-panel{padding:14px 12px}.vc-canvas-wrap{padding:4px 14px}.ratio-9-16{height:min(51vh,590px)}.vc-editor-dock{max-height:245px}.vc-left-panel .vc-autopilot,.vc-left-panel .vc-motion-director{border-radius:12px}.vc-right-panel label{margin-bottom:.7rem}}
@media(min-width:761px) and (max-width:1199px){.vc-workspace{grid-template-columns:minmax(0,1fr) 292px;position:relative}.vc-left-panel{position:absolute;z-index:40;left:0;top:0;bottom:0;width:min(360px,88vw);transform:translateX(-105%);transition:transform .22s ease;box-shadow:16px 0 42px rgba(8,32,55,.2)}.vc-tools-open .vc-left-panel{transform:translateX(0)}.vc-responsive-nav{display:flex;gap:6px;padding:4px;background:#eef3f8;border-radius:10px}.vc-responsive-nav button{border:0;border-radius:7px;background:#fff;color:#24506f;padding:7px 9px;font-size:.72rem;font-weight:800;cursor:pointer}.ratio-9-16{height:min(53vh,570px)}.vc-editor-dock{max-height:240px}}
@media(max-width:760px){.vc-studio-body{overflow:auto}.vc-studio-head{position:sticky;top:0;z-index:100;height:auto;min-height:58px;padding:8px 10px}.vc-brand img{width:31px;height:31px}.vc-brand span{font-size:.82rem}.vc-head-actions{gap:5px}.vc-head-actions>span,.vc-head-actions .vc-history-tools{display:none}.vc-head-actions .vc-btn{padding:8px;font-size:0;border-radius:8px}.vc-head-actions .vc-btn i{font-size:1rem}.vc-workspace{display:block;height:auto;min-height:calc(100vh - 58px)}.vc-center{padding:9px 10px;min-height:680px;overflow:visible}.vc-preview-toolbar{font-size:.84rem}.vc-responsive-nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;padding:5px;background:#eef3f8;border-radius:10px}.vc-responsive-nav button{border:0;border-radius:7px;padding:8px 5px;background:#fff;color:#24506f;font-size:.7rem;font-weight:800;cursor:pointer}.vc-canvas-wrap{flex:none;min-height:0;padding:10px 2px}.ratio-9-16{height:min(59vh,520px);max-height:520px}.vc-editor-dock{max-height:none;overflow:visible;padding:9px;margin-top:2px}.vc-editor-dock-head span{display:none}.vc-editor-tabs button{padding:8px 4px}.vc-left-panel,.vc-right-panel{position:fixed;z-index:90;top:58px;bottom:0;width:min(92vw,380px);padding:14px;background:#fff;box-shadow:0 18px 48px rgba(6,27,49,.26);transition:transform .22s ease;overflow:auto}.vc-left-panel{left:0;transform:translateX(-105%)}.vc-right-panel{right:0;transform:translateX(105%)}.vc-tools-open .vc-left-panel{transform:translateX(0)}.vc-inspector-open .vc-right-panel{transform:translateX(0)}.vc-audio-status{align-items:flex-start;flex-direction:column}.vc-audio-status>div{width:100%}.vc-audio-status button{flex:1}.vc-export-integrity{align-items:flex-start;flex-direction:column}.vc-export-integrity button{width:100%}.vc-editor-pane .vc-timeline{height:78px}.vc-timeline-tools{align-items:flex-start;gap:6px;flex-direction:column}.vc-timeline-tools>div:last-child{width:100%;justify-content:flex-end}.vc-scene-card{min-width:112px}}

/* Phase 48: Hindi-safe preview typography and one reading layer at a time. */
.vc-studio-body,.vc-canvas,.vc-subtitle-overlay{font-family:"Noto Sans Devanagari","Nirmala UI","Mangal",Inter,system-ui,sans-serif}.vc-canvas .vc-caption p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.42}.vc-canvas .vc-caption.vc-caption-suppressed{visibility:hidden}.vc-subtitle-overlay{font-size:clamp(13px,2.35vw,23px);line-height:1.45;letter-spacing:0;word-break:normal;overflow-wrap:anywhere}

/* Phase 52: balanced Quick Create workspace.
   The first release stacked the creation card over a tall vertical preview.
   That made the video fall below the fold on common laptop screens.  Quick
   Create now has a deliberate two-column composition: create on the left,
   see the complete 9:16 result on the right, and open the complete editor
   only when it is needed. */
@media(min-width:1200px){
  .vc-quick-create .vc-workspace{grid-template-columns:minmax(760px,1fr)}
  .vc-quick-create .vc-left-panel,.vc-quick-create .vc-right-panel{display:none}
  .vc-quick-create .vc-center{display:grid;grid-template-columns:minmax(470px,1fr) minmax(250px,340px);grid-template-rows:auto auto minmax(0,1fr) auto auto auto;column-gap:22px;row-gap:8px;align-content:start;max-width:1120px;width:100%;margin:0 auto;padding:12px 18px;overflow:auto}
  .vc-quick-create .vc-preview-toolbar{grid-column:1/-1;grid-row:1;margin:0}
  .vc-quick-create .vc-production-guide{grid-column:1/-1;grid-row:2;margin:0}
  .vc-quick-create .vc-hybrid-production{grid-column:1;grid-row:3;margin:0;align-self:start}
  .vc-quick-create .vc-canvas-wrap{grid-column:2;grid-row:3;padding:0;align-self:start;min-height:0;display:flex;align-items:center;justify-content:center}
  .vc-quick-create .ratio-9-16{height:clamp(360px,58vh,510px);max-height:calc(100vh - 205px)}
  .vc-quick-create .vc-player{grid-column:2;grid-row:4;min-width:0;margin:0}
  .vc-quick-create .vc-timeline-tools,.vc-quick-create .vc-timeline,.vc-quick-create .vc-timeline-help,.vc-quick-create .vc-audio-preview{display:none}
  .vc-quick-create .vc-editor-dock{display:none}
  .vc-quick-create .vc-hybrid-production{padding:14px}
  .vc-quick-create .vc-hybrid-head h2{font-size:1.25rem}
  .vc-quick-create .vc-hybrid-styles{margin:10px 0 9px}
  .vc-quick-create .vc-hybrid-styles button{min-height:54px}
  .vc-quick-create .vc-hybrid-entry textarea{min-height:52px}
}

/* Phase 56: single, honest in-house animation workflow. */
.vc-animation-only .vc-hybrid-badge{background:rgba(37,199,187,.2);font-size:.58rem}.vc-animation-only .vc-hybrid-badge i{font-size:.72rem}
.vc-animation-only .vc-hybrid-actions small{color:#d2fbef;font-weight:800}
.vc-animation-only .vc-hybrid-primary{background:linear-gradient(135deg,#fff,#d7fff7);color:#075b6b}
@media(min-width:1200px) and (max-height:720px){
  .vc-quick-create .vc-center{row-gap:6px;padding-top:8px}
  .vc-quick-create .vc-hybrid-production{padding:11px}
  .vc-quick-create .vc-hybrid-head p,.vc-quick-create .vc-hybrid-entry small{display:none}
  .vc-quick-create .vc-hybrid-styles{margin:7px 0}
  .vc-quick-create .vc-hybrid-styles button{min-height:46px;padding:7px}
  .vc-quick-create .vc-hybrid-styles small{display:none}
  .vc-quick-create .ratio-9-16{height:clamp(330px,52vh,430px)}
}

/* Phase 53: Advanced Studio is an editor, not a second onboarding screen.
   Keep the production decisions available as a slim command strip and return
   the height to scene preview, inspector and timeline. */
@media(min-width:1200px){
  body:not(.vc-quick-create) .vc-hybrid-production{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head actions" "styles actions";column-gap:14px;row-gap:7px;align-items:center;margin:0 0 7px;padding:9px 11px;border-radius:13px}
  body:not(.vc-quick-create) .vc-hybrid-head{grid-area:head;gap:9px;align-items:center}
  body:not(.vc-quick-create) .vc-hybrid-head>div:first-child{display:flex;align-items:baseline;gap:8px;min-width:0}
  body:not(.vc-quick-create) .vc-hybrid-head span{font-size:.55rem;white-space:nowrap}
  body:not(.vc-quick-create) .vc-hybrid-head h2{margin:0;font-size:.94rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body:not(.vc-quick-create) .vc-hybrid-head p{display:none}
  body:not(.vc-quick-create) .vc-hybrid-badge{padding:4px 7px;font-size:.58rem;white-space:nowrap}
  body:not(.vc-quick-create) .vc-hybrid-entry{display:none}
  body:not(.vc-quick-create) .vc-hybrid-styles{grid-area:styles;display:flex;gap:6px;margin:0}
  body:not(.vc-quick-create) .vc-hybrid-styles button{flex:0 1 170px;align-items:center;min-height:33px;padding:6px 8px;border-radius:8px}
  body:not(.vc-quick-create) .vc-hybrid-styles i{font-size:.82rem}
  body:not(.vc-quick-create) .vc-hybrid-styles b{font-size:.64rem;white-space:nowrap}
  body:not(.vc-quick-create) .vc-hybrid-styles small{display:none}
  body:not(.vc-quick-create) .vc-hybrid-actions{grid-area:actions;justify-content:flex-end;max-width:410px;gap:6px}
  body:not(.vc-quick-create) .vc-hybrid-actions button{padding:7px 8px;border-radius:8px;font-size:.66rem;white-space:nowrap}
  body:not(.vc-quick-create) .vc-hybrid-actions small{flex:1 0 100%;font-size:.57rem;text-align:right;line-height:1.2}
  body:not(.vc-quick-create) .vc-hybrid-advanced{margin-left:0;padding:5px 7px;font-size:.6rem;white-space:nowrap}
  body:not(.vc-quick-create) .vc-center{padding-top:10px}
  body:not(.vc-quick-create) .vc-canvas-wrap{padding-top:5px}
}
@media(min-width:1200px) and (max-width:1320px){
  body:not(.vc-quick-create) .vc-hybrid-production{grid-template-columns:1fr;grid-template-areas:"head" "styles" "actions";gap:6px}
  body:not(.vc-quick-create) .vc-hybrid-actions{justify-content:flex-start;max-width:none}
  body:not(.vc-quick-create) .vc-hybrid-actions small{text-align:left}
}

/* Phase 54: desktop preview-first editor.  The bottom workbench is available
   at all times, but short laptop screens open with it collapsed so the actual
   9:16 production can be reviewed at a useful desktop size. */
.vc-dock-toggle{margin-left:auto;border:1px solid #c9d9e7;border-radius:7px;padding:5px 8px;background:#fff;color:#21516f;font-size:.68rem;font-weight:800;cursor:pointer;white-space:nowrap}
.vc-dock-toggle:hover{border-color:#1777c7;color:#0c66ad}
.vc-editor-dock.is-collapsed{max-height:44px!important;min-height:44px;overflow:hidden;padding:8px 12px}
.vc-editor-dock.is-collapsed .vc-editor-tabs,.vc-editor-dock.is-collapsed .vc-editor-pane{display:none!important}
.vc-editor-dock.is-collapsed .vc-editor-dock-head{margin:0}
@media(min-width:761px){
  body:not(.vc-quick-create) .vc-canvas-wrap{min-height:340px}
}
@media(max-width:760px){.vc-dock-toggle{padding:5px 7px;font-size:.65rem}.vc-editor-dock.is-collapsed{max-height:43px!important}}

/* Phase 55: the Advanced Studio desktop stage.  A vertical deliverable stays
   vertical, but it now sits inside a deliberate cinema-style review surface
   rather than floating in a blank page like a phone mock-up. */
@media(min-width:1200px){
  body:not(.vc-quick-create) .vc-workspace{grid-template-columns:252px minmax(720px,1fr) 252px;background:#e8eef5}
  body:not(.vc-quick-create) .vc-left-panel,body:not(.vc-quick-create) .vc-right-panel{background:#f9fbfd}
  body:not(.vc-quick-create) .vc-center{padding:12px 16px;background:linear-gradient(180deg,#f7fafc,#edf3f8)}
  body:not(.vc-quick-create) .vc-canvas-wrap{position:relative;margin:0;padding:18px 22px;min-height:0;border:1px solid #d6e2ee;border-radius:18px;background:radial-gradient(circle at 50% 42%,#304c67 0,#1a3048 45%,#102237 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 11px 25px rgba(23,53,80,.12)}
  body:not(.vc-quick-create) .vc-canvas-wrap::before{content:'PROGRAM PREVIEW';position:absolute;left:18px;top:14px;color:#bcd0e3;font-size:.61rem;font-weight:900;letter-spacing:.13em}
  body:not(.vc-quick-create) .vc-canvas-wrap::after{content:'9:16 • LIVE COMPOSITION';position:absolute;right:18px;top:14px;color:#91b0c9;font-size:.58rem;font-weight:800;letter-spacing:.09em}
  body:not(.vc-quick-create) .ratio-9-16{height:min(61vh,590px);max-height:calc(100vh - 188px);border-radius:15px;box-shadow:0 20px 42px rgba(0,0,0,.43),0 0 0 1px rgba(255,255,255,.16)}
  body:not(.vc-quick-create) .vc-center .vc-player{padding:3px 8px;border:1px solid #d6e2ee;border-radius:10px;background:#fff}
  body:not(.vc-quick-create) .vc-editor-dock.is-collapsed{border-color:#cbdce9;background:#fff;box-shadow:0 5px 15px rgba(22,51,81,.07)}
  body:not(.vc-quick-create) .vc-editor-dock.is-collapsed .vc-editor-dock-head strong{color:#143e60}
}

/* Phase 50: attractive one-command Hybrid Production Hub. */
.vc-hybrid-advanced{margin-left:auto;border:1px solid rgba(255,255,255,.32);border-radius:9px;padding:6px 8px;background:rgba(2,22,48,.25);color:#fff;font-size:.67rem;font-weight:800;cursor:pointer}.vc-hybrid-entry{display:block;margin:12px 0 0;color:#d7f5f3;font-size:.72rem;font-weight:800}.vc-hybrid-entry textarea{display:block;width:100%;min-height:58px;margin:5px 0;border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:9px 10px;background:rgba(3,24,52,.35);color:#fff;font:600 .8rem/1.45 "Noto Sans Devanagari","Nirmala UI",system-ui,sans-serif;resize:vertical}.vc-hybrid-entry textarea::placeholder{color:#c0e8ee}.vc-hybrid-entry small{display:block;color:#bcebe6;font-size:.62rem;font-weight:600}
.vc-hybrid-production{margin:0 0 8px;padding:16px;border:1px solid #cbdcff;border-radius:18px;background:radial-gradient(circle at 95% 0,rgba(115,74,230,.27),transparent 34%),linear-gradient(115deg,#09284c,#125d7e 58%,#0a9a87);color:#fff;box-shadow:0 14px 28px rgba(16,68,112,.18)}.vc-hybrid-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.vc-hybrid-head span{font-size:.64rem;font-weight:900;letter-spacing:.16em;color:#8ff7e9}.vc-hybrid-head h2{margin:4px 0;font-size:clamp(1.05rem,2vw,1.42rem);line-height:1.1}.vc-hybrid-head p{margin:0;color:#d6f1f7;font-size:.76rem}.vc-hybrid-badge{flex:0 0 auto;display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.13);font-size:.68rem;font-weight:800}.vc-hybrid-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0 11px}.vc-hybrid-styles button{display:flex;align-items:flex-start;gap:7px;min-height:60px;padding:9px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(2,23,49,.26);color:#fff;text-align:left;cursor:pointer}.vc-hybrid-styles button.selected{background:#fff;color:#103050;border-color:#fff;box-shadow:0 7px 17px rgba(0,0,0,.13)}.vc-hybrid-styles i{font-size:1.05rem;color:#79f4e3}.vc-hybrid-styles button.selected i{color:#136fd1}.vc-hybrid-styles b,.vc-hybrid-styles small{display:block}.vc-hybrid-styles b{font-size:.73rem}.vc-hybrid-styles small{margin-top:3px;line-height:1.2;font-size:.62rem;opacity:.82}.vc-hybrid-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vc-hybrid-actions button{border:0;border-radius:10px;padding:9px 12px;font-weight:900;cursor:pointer}.vc-hybrid-primary{background:#fff;color:#0d5d9a}.vc-hybrid-secondary{background:#172d69;color:#fff;border:1px solid rgba(255,255,255,.38)!important}.vc-hybrid-secondary span{margin-left:4px;padding:2px 5px;border-radius:99px;background:#7851dc;font-size:.58rem}.vc-hybrid-actions small{flex:1 1 220px;color:#cdf3ef;font-size:.66rem;line-height:1.3}@media(max-width:700px){.vc-hybrid-production{padding:13px}.vc-hybrid-head{display:block}.vc-hybrid-badge{display:inline-flex;margin-top:8px}.vc-hybrid-styles{grid-template-columns:1fr}.vc-hybrid-actions button{flex:1}.vc-hybrid-actions small{flex-basis:100%}}

/* Phase 67: responsive ratio-first preview. The selected output format is
   preserved exactly; only the editor review size changes by device. */
.vc-canvas-wrap{--vc-preview-stage-height:260px;isolation:isolate}
.vc-canvas-wrap>.vc-canvas{position:relative;z-index:1;box-sizing:border-box;max-width:calc(100% - 24px);max-height:calc(100% - 24px);transition:width .22s ease,height .22s ease,box-shadow .22s ease}
.vc-preview-profile{position:absolute;z-index:2;right:16px;bottom:12px;padding:5px 8px;border:1px solid rgba(183,215,239,.34);border-radius:999px;background:rgba(5,25,46,.72);color:#d4eafb;font-size:.61rem;font-weight:800;letter-spacing:.04em;pointer-events:none}
body:not(.vc-quick-create) .vc-canvas-wrap{display:flex;align-items:center;justify-content:center;overflow:hidden}
body:not(.vc-quick-create) .vc-canvas-wrap::after{content:attr(data-preview-ratio) ' • LIVE COMPOSITION';z-index:2}
body.vc-quick-create .vc-canvas-wrap{min-height:var(--vc-preview-stage-height);display:flex;align-items:center;justify-content:center}
body.vc-quick-create .ratio-9-16,body.vc-quick-create .ratio-16-9,body.vc-quick-create .ratio-1-1{height:auto!important;max-height:none!important}
@media(min-width:1200px){.vc-preview-profile{right:18px;bottom:14px}}
@media(max-width:639px){.vc-canvas-wrap{border-radius:12px!important}body:not(.vc-quick-create) .vc-canvas-wrap{min-height:var(--vc-preview-stage-height)!important;padding:18px 8px}.vc-preview-profile{right:9px;bottom:8px;font-size:.54rem}}

/* Phase 69: desktop editor continuity. The preview must share the fixed
   workspace with the Scene, Video and Audio dock; it may never take that
   dock's space. The canvas continues to fit its selected output ratio. */
@media(min-width:761px){
  body:not(.vc-quick-create) .vc-center{gap:6px}
  body:not(.vc-quick-create) .vc-canvas-wrap{flex:1 1 0;min-height:180px!important;height:auto;max-height:none}
  body:not(.vc-quick-create) .vc-editor-dock{position:relative;z-index:3;flex:0 0 clamp(172px,27vh,246px);min-height:172px;max-height:246px}
}

/* Phase 44: visible guided workflow for first-time and returning clients. */
.vc-production-guide{display:flex;align-items:center;gap:12px;margin:0 0 3px;padding:8px 10px;border:1px solid #d9e6f1;border-radius:12px;background:linear-gradient(100deg,#fff,#f4fbff);box-shadow:0 4px 14px rgba(23,76,120,.06)}.vc-production-guide-head{display:flex;align-items:center;gap:8px;min-width:150px}.vc-production-guide-head strong{display:block;font-size:.76rem}.vc-production-guide-head small{display:block;color:#677b8f;font-size:.63rem;line-height:1.2}.vc-production-guide-head button{border:0;background:transparent;color:#7890a5;cursor:pointer}.vc-production-steps{display:flex;align-items:center;gap:4px;flex:1}.vc-production-steps button{display:inline-flex;align-items:center;gap:4px;border:0;border-radius:8px;padding:6px 8px;background:#edf3f8;color:#718397;font-size:.67rem;font-weight:800;cursor:pointer}.vc-production-steps button.next{background:#e0f3ff;color:#1168a6}.vc-production-steps button.done{background:#e8f8f1;color:#157153}.vc-production-steps i{font-size:.75rem}@media(max-width:900px){.vc-production-guide{align-items:flex-start;flex-direction:column;gap:6px}.vc-production-guide-head{width:100%;justify-content:space-between}.vc-production-steps{width:100%;overflow:auto;padding-bottom:1px}.vc-production-steps button{flex:0 0 auto}}@media(max-width:520px){.vc-production-guide{padding:7px}.vc-production-steps button span{display:none}.vc-production-steps button{padding:7px 9px}.vc-production-steps i{font-size:.9rem}}
.vc-clip-assembly{margin-top:12px;padding:12px;border:1px solid #cfe3f4;border-radius:12px;background:linear-gradient(135deg,#f6fbff,#eef8f8)}
.vc-live-clip-editor{margin:10px 0;padding:12px;border:1px solid #a9d6e5;border-radius:12px;background:#fff;box-shadow:0 4px 14px #15385f0b}.vc-live-clip-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.vc-live-clip-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#58708a}.vc-live-clip-video{display:block;width:100%;max-height:230px;background:#071a2f;border-radius:8px}.vc-live-clip-controls{display:grid;gap:7px;margin-top:8px}.vc-live-clip-controls label{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center;font-size:11px;font-weight:700;color:#36556e}.vc-live-readout{display:flex;justify-content:space-between;font-size:11px;color:#58708a}.vc-live-readout b{color:#087f72}.vc-live-actions{display:flex;gap:6px;flex-wrap:wrap}.vc-live-actions .vc-btn{width:auto;padding:7px 10px}.vc-clip-queue-row{cursor:pointer}.vc-clip-queue-row:hover{border-color:#78b7d1;background:#f7fcff}
.vc-clip-assembly-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.vc-clip-assembly-head small,.vc-clip-note{font-size:11px;color:#58708a}.vc-clip-queue{display:grid;gap:6px;margin:10px 0}.vc-clip-queue-row{display:grid;grid-template-columns:22px minmax(0,1fr) 28px 28px 28px 28px;gap:4px;align-items:center;padding:6px;border-radius:8px;background:#fff;border:1px solid #deebf4}.vc-clip-queue-row>b{color:#147a91;font-size:12px}.vc-clip-queue-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.vc-clip-queue-row button{width:26px;height:26px;padding:0;border:1px solid #d5e2ec;border-radius:6px;background:#fff;color:#28506b}.vc-clip-queue-row button:disabled{opacity:.4}.vc-clip-merge-controls{display:flex;align-items:end;gap:8px}.vc-clip-merge-controls label{flex:1;font-size:11px;font-weight:700;color:#35506b}.vc-clip-merge-controls select{display:block;width:100%;margin-top:3px}.vc-clip-merge-controls .vc-btn{white-space:nowrap}.vc-clip-empty{margin:0;color:#61758b;font-size:12px}@media(max-width:540px){.vc-clip-assembly-head{display:block}.vc-clip-merge-controls{align-items:stretch;flex-direction:column}.vc-clip-merge-controls .vc-btn{width:100%}}