.studio{color:#f6f7f9;background:#101216;min-height:100vh;font-size:13px}.topbar{background:#181b21;border-bottom:1px solid #343b48;align-items:center;gap:14px;min-height:56px;padding:0 16px;display:flex}.logo{font-size:16px;font-weight:850;text-decoration:none}.logo span{color:#d7a532}.topbar .privacy{color:#9ba4b2}.topbar .feedback{color:#f5d977;border:1px solid #65552d;border-radius:7px;margin-left:auto;padding:9px 11px;text-decoration:none}.topbar .about{color:#d7dde7;text-decoration:none}.warning{color:#f2d879;text-align:center;background:#33270c;border-bottom:1px solid #65552d;padding:9px 16px;font-weight:700}.setup{background:#15181d;border-bottom:1px solid #343b48;grid-template-columns:1.3fr repeat(3,minmax(130px,.5fr)) auto;align-items:end;gap:10px;padding:14px 16px;display:grid}.field{gap:6px;display:grid}.field label{color:#cbd1da;font-weight:750}.field input,.field select,.field textarea{color:#f6f7f9;background:#101216;border:1px solid #3a4250;border-radius:7px;min-width:0;padding:9px}.upload{cursor:pointer;border:1px dashed #586170;border-radius:8px;padding:10px;position:relative}.upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.btn{color:#fff;cursor:pointer;background:#232832;border:1px solid #3a4250;border-radius:7px;padding:10px 12px;font-weight:750}.btn.primary{color:#17120a;background:#d7a532;border-color:#d7a532}.btn:disabled{opacity:.45;cursor:not-allowed}.workspace{grid-template-columns:minmax(440px,1.2fr) minmax(360px,.8fr);min-height:650px;display:grid}.preview-panel{border-right:1px solid #343b48;padding:16px}.stage{aspect-ratio:16/9;background:#050609;border:1px solid #2b313b;border-radius:9px;place-items:center;display:grid;position:relative;overflow:hidden}.stage video{object-fit:contain;width:100%;height:100%}.caption-overlay{text-align:center;text-shadow:0 3px 12px #000,0 0 4px #000;pointer-events:none;font-size:clamp(20px,3vw,42px);font-weight:900;position:absolute;bottom:10%;left:5%;right:5%}.caption-overlay.boxed span{background:#000000c7;padding:6px 12px}.caption-overlay.bold{color:#f5df3c;-webkit-text-stroke:2px #000;text-shadow:none}.caption-overlay.cinematic{letter-spacing:.05em;text-transform:uppercase;font-weight:650}.transport{grid-template-columns:auto auto 1fr auto;align-items:center;gap:9px;margin-top:10px;display:grid}.transport input{width:100%}.time{font-variant-numeric:tabular-nums;color:#aeb6c2}.preset-row{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.preset{color:#fff;cursor:pointer;background:#1a1e25;border:1px solid #3a4250;border-radius:8px;padding:10px 12px}.preset.active{color:#f5d977;border-color:#d7a532}.style-controls{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.editor-panel{max-height:760px;padding:16px;overflow:auto}.panel-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.panel-head h2{text-transform:uppercase;letter-spacing:.09em;margin-right:auto;font-size:13px}.cue-list{gap:8px;display:grid}.cue-row{background:#181b21;border:1px solid #343b48;border-radius:8px;grid-template-columns:72px 72px 1fr auto;align-items:start;gap:7px;padding:8px;display:grid}.cue-row.active{border-color:#d7a532}.cue-row input,.cue-row textarea{color:#fff;background:#101216;border:1px solid #3a4250;border-radius:5px;width:100%;padding:7px}.cue-row textarea{resize:vertical;min-height:58px}.cue-row button{color:#fff;cursor:pointer;background:#2c323c;border:0;border-radius:5px;padding:8px}.empty{text-align:center;color:#929ba8;padding:28px;line-height:1.6}.statusbar{background:#15181d;border-top:1px solid #343b48;align-items:center;gap:12px;padding:10px 16px;display:flex}.statusbar progress{flex:1}.network-strip{color:#19150e;background:#f7f4ec}.network-strip .consumer-network{margin-top:0}.model-note{color:#9da6b4;margin:6px 0 0;font-size:11px}.error{color:#ff9da3}.success{color:#8fe0b0}@media (width<=980px){.setup{grid-template-columns:1fr 1fr 1fr}.setup .upload{grid-column:1/-1}.workspace{grid-template-columns:1fr}.preview-panel{border-bottom:1px solid #343b48;border-right:0}.editor-panel{max-height:none}}@media (width<=680px){.setup{grid-template-columns:1fr 1fr}.setup .btn.primary{grid-column:1/-1}.style-controls,.cue-row{grid-template-columns:1fr 1fr}.cue-row textarea{grid-column:1/-1}.transport{grid-template-columns:auto auto 1fr}.time{grid-column:1/-1}.topbar .privacy,.topbar .about{display:none}.caption-overlay{font-size:24px;line-height:1.08;font-size:24px!important}.caption-overlay span{box-decoration-break:clone}.topbar a,.btn,.preset,.field input,.field select,.field textarea,.cue-row input,.cue-row textarea,.cue-row button,.upload{min-height:44px;font-size:16px}.transport input[type=range]{min-height:44px}.topbar{-webkit-overflow-scrolling:touch;overflow-x:auto}}