:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f2f3f8;background:#101218;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#20243d 0,transparent 38rem),#101218}.shell{width:min(1180px,calc(100% - 40px));margin:auto;padding:72px 0 100px}.eyebrow{margin:0 0 12px;color:#aeb5ff;font-size:12px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}h1{max-width:820px;margin:0;font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.055em}.intro{max-width:680px;color:#b7bbc7;font-size:18px;line-height:1.6}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px;margin-top:42px}.panel{border:1px solid #353946;border-radius:20px;background:#1b1e25eb;padding:24px;box-shadow:0 24px 70px #0003}.drop{display:grid;gap:8px;padding:28px;border:1px dashed #555c70;border-radius:14px;background:#171920}.drop strong{font-size:18px}.drop span,.hint,.disclosure,#status{color:#aeb2bf;line-height:1.5}.drop input{margin-top:10px}video{width:100%;max-height:360px;margin-top:18px;border-radius:14px;background:#08090d}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}label{display:grid;gap:8px;font-size:13px;font-weight:650}select,input,textarea{border:1px solid #444957;border-radius:10px;background:#15171d;color:#f2f3f8;padding:11px;font:inherit}.actions{display:flex;gap:10px;margin-top:20px}button{min-height:42px;border:0;border-radius:11px;background:#929bff;color:#11131a;padding:10px 16px;font:700 14px inherit;cursor:pointer}button.secondary{border:1px solid #454b59;background:#242730;color:#f2f3f8}button:disabled{opacity:.45;cursor:not-allowed}.stages h2{margin-top:0}.stages ol{display:grid;gap:10px;padding-left:22px}.stages li{color:#aeb2bf}.stages li.running{color:#cdd2ff}.stages li.done{color:#79daa3}.stages li.warning{color:#efc36c}.editor{margin-top:18px}.editor-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.editor h2{margin:0}.summary{margin:14px 0 20px;color:#b8bcc8}.cue{display:grid;grid-template-columns:38px 150px 150px 1fr;gap:10px;align-items:start;margin-bottom:10px}.cue span{padding-top:12px;color:#8f95a4}.cue textarea{min-height:52px;resize:vertical}pre{max-height:360px;overflow:auto;border:1px solid #343844;border-radius:12px;background:#121419;padding:18px;white-space:pre-wrap;color:#d7dae3}@media(max-width:820px){.workspace{grid-template-columns:1fr}.cue{grid-template-columns:32px 1fr 1fr}.cue textarea{grid-column:2/4}.row{grid-template-columns:1fr}.shell{width:min(100% - 24px,1180px);padding-top:40px}}.video-export{border-top:1px solid #353946;margin-top:28px;padding-top:12px}.video-export canvas{width:100%;max-height:480px;object-fit:contain;background:#08090d;margin-top:16px}.video-export progress{width:100%;margin-top:18px}.actions{flex-wrap:wrap}[hidden]{display:none!important}.subtitle-import{margin-top:18px}.ending-studio{margin-top:24px;padding:20px;border:1px solid #444957;border-radius:16px;background:#13151c}.ending-optional{font-size:12px;color:#b8bcc8;border:1px solid #444957;border-radius:20px;padding:5px 10px}.ending-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:20px;align-items:start}.ending-controls,.ending-controls>div{display:grid;gap:16px;min-width:0}.ending-controls .hint{font-size:12px;margin:0}.ending-controls input[type=color]{width:100%;height:43px;padding:4px}.ending-stage{min-width:0}.video-export #ending-preview{display:block;width:100%;max-height:360px;margin:0 0 14px;border-radius:10px}.ending-stage button{width:100%}#ending-status{font-size:12px;margin-bottom:0;overflow-wrap:anywhere}@media(max-width:700px){.ending-workspace{grid-template-columns:minmax(0,1fr)}.ending-studio{padding:14px}.ending-controls .design-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.cue-timing{grid-column:2/-1;color:#aeb2bf;margin-bottom:8px}.caption-studio{margin-top:24px;border:1px solid #444957;border-radius:16px;background:#13151c;padding:20px}.studio-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.studio-head h3{margin:0;font-size:26px;letter-spacing:-.03em}.studio-head .eyebrow{font-size:10px;margin-bottom:6px}.preset-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:20px 0}.preset{min-height:64px;background:#242833;color:#fff;border:2px solid transparent;font-size:13px;padding:8px}.preset[aria-pressed=true]{border-color:#aab0ff}.preset-clean{background:#252c39;text-shadow:1px 1px #000,-1px -1px #000}.preset-bold{color:#b8ff42;text-transform:uppercase;font-weight:900}.preset-card{background:#fff6e8;color:#182032}.preset-neon{background:#241335;color:#ff7edb}.preset-editorial{font-family:Georgia,serif;color:#fff2cf}.studio-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}.design-stage{position:sticky;top:16px;min-width:0}.video-export #design-preview{display:block;width:100%;height:auto;max-height:none;object-fit:initial;margin:0 auto;background:#090b10;border-radius:10px;cursor:move;touch-action:none}.video-export #design-preview:focus-visible{outline:2px solid #aab0ff;outline-offset:3px}.design-controls{display:grid;gap:16px}.design-controls label{font-size:12px}.design-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.design-controls select{width:100%;padding:9px;font-size:12px}.design-controls input[type=range],#design-seek{width:100%;padding:0;accent-color:#aab0ff}.design-controls output{float:right;color:#aab0ff;font-variant-numeric:tabular-nums}.check{display:flex;align-items:center;gap:8px}.check input{margin:0;accent-color:#aab0ff}.color-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.color-controls input{width:100%;height:34px;padding:3px;cursor:pointer}.position-presets{display:flex;gap:6px}.position-presets button{flex:1;font-size:12px;min-height:34px;padding:7px}.preview-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0}.preview-controls button{min-height:34px;font-size:12px}.preview-controls span{font-size:12px;color:#aeb2bf;margin-left:auto;font-variant-numeric:tabular-nums}.preview-controls .check{font-size:12px}.design-controls .hint,.design-stage .hint{font-size:12px;margin:0;line-height:1.6}@media(max-width:950px){.studio-workspace{grid-template-columns:1fr}.design-stage{position:static}.design-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.caption-studio{padding:14px}.design-controls{grid-template-columns:1fr}.studio-head{align-items:start}.preset-grid{grid-template-columns:repeat(2,1fr)}}.caption-transcript{border:1px solid #353946;border-radius:12px;padding:16px;margin-top:18px}.caption-transcript>summary{cursor:pointer;font-weight:650;color:#c8ceff}.caption-transcript[open]>summary{margin-bottom:18px}.panel,label,.design-stage,.design-controls{min-width:0}input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea{width:100%;min-width:0;max-width:100%}@media(max-width:820px){.workspace{grid-template-columns:minmax(0,1fr)}.cue{grid-template-columns:32px minmax(0,1fr) minmax(0,1fr)}}.cue .repair-caption,.caption-repair{grid-column:2/-1}.cue .repair-caption{justify-self:start}.caption-repair{padding:12px;border:1px solid #666;border-radius:10px}.caption-repair p{font-size:.85rem}.word-timing-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:8px;margin:8px 0}.word-timing-row span{overflow-wrap:anywhere}.caption-repair button{margin:4px}.caption-repair input{width:100%;min-width:0}@media(max-width:520px){.caption-repair{grid-column:1/-1}.word-timing-row input{padding:8px 4px;font-size:.85rem}}@media(max-width:520px){.ending-controls>.design-pair{grid-template-columns:minmax(0,1fr)}}.batch{margin-top:18px}.batch h2{margin:0;font-size:26px;letter-spacing:-.03em}.batch>.hint{font-size:13px;max-width:850px}.add-videos{margin-top:18px;color:#c8ceff;font-size:12px}.add-videos input{font-size:12px}.video-queue{display:grid;gap:8px;list-style:none;margin:20px 0;padding:0;max-height:360px;overflow:auto}.video-queue-item{display:flex;align-items:center;gap:8px;min-width:0}.queue-select{display:grid;gap:5px;flex:1;text-align:left;min-width:0}.queue-select strong{overflow-wrap:anywhere;font-size:14px}.queue-select span{font-size:12px;font-weight:400;color:#b8bcc8;overflow-wrap:anywhere}.queue-select[aria-current=true]{border-color:#aab0ff;background:#30344e}.queue-select span.queue-ready{color:#79daa3}.queue-select span.queue-error{color:#efc36c}.queue-remove{font-size:12px;padding:8px 12px}.review-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin:18px 0;background:#252a43;border:1px solid #545c86;border-radius:12px}.review-bar span{color:#d6daff;font-size:13px;overflow-wrap:anywhere;min-width:0}.review-bar button{flex-shrink:0}#batch-status{color:#c8ceff;font-size:13px;line-height:1.6}button:focus-visible{outline:2px solid #c8ceff;outline-offset:3px}@media(max-width:520px){.review-bar{align-items:stretch;flex-direction:column}.queue-remove{padding:7px}.batch h2{font-size:23px}}