.substudio{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;overflow:hidden}.substudio input{accent-color:var(--accent)}.substudio.is-drop{outline:3px solid var(--border-input);outline-offset:4px}.substudio__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:24px 28px;display:flex}.substudio__head .kicker{letter-spacing:.16em;margin:0 0 6px;font-size:10px}.substudio__head h2{letter-spacing:-.04em;margin:0;font-size:clamp(19px,2vw,25px)}.substudio__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.substudio__import{background:var(--bg-subtle);border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:16px 28px;display:flex}.substudio__file{cursor:pointer;border:1px dashed var(--border-input);border-radius:10px;align-items:center;gap:12px;min-width:250px;padding:9px 13px;display:flex}.substudio__file:focus-within{outline:2px solid var(--text);outline-offset:3px}.substudio__file>span:first-child{color:var(--text-muted);font-size:25px}.substudio__file strong{font-size:13px;display:block}.substudio__file small{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.substudio__source{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);flex:1;font-size:12px;overflow:hidden}.substudio__body{grid-template-columns:minmax(275px,.85fr) minmax(0,1.65fr);display:grid}.substudio__captions{border-right:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.substudio__listhead{justify-content:space-between;align-items:center;gap:8px;padding:20px 18px 12px;display:flex}.substudio__listhead h3{white-space:nowrap;margin:0;font-size:14px}.substudio__listhead h3 span{font-family:var(--font-mono);background:var(--bg-subtle);border-radius:5px;margin-left:5px;padding:3px 7px;font-size:11px}.substudio__icon{border:1px solid var(--border-input);background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;flex:none;place-items:center;font-size:20px;display:inline-grid}.substudio__icon:hover:not(:disabled){background:var(--surface-2)}.substudio button:disabled{opacity:.45;cursor:not-allowed}.substudio__search{width:calc(100% - 36px);margin:0 18px;font-size:13px}.substudio__checks{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;padding:12px 18px;font-size:10px;display:flex}.substudio__checks label{white-space:nowrap;cursor:pointer;align-items:center;gap:5px;display:flex}.substudio__list{overscroll-behavior:contain;flex:1;min-height:280px;max-height:515px;padding:4px 10px 16px;overflow-y:auto}.substudio__listempty{text-align:center;padding:45px 20px}.substudio__listempty>span{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-family:var(--font-mono);border-radius:10px;margin-bottom:18px;padding:10px 14px;display:inline-block}.substudio__listempty h4{margin:0 0 10px;font-size:16px}.substudio__listempty p{margin:0 0 12px;font-size:12px;line-height:1.65}.substudio__cue{text-align:left;border:1px solid var(--border-input);background:var(--surface);width:100%;color:var(--text);cursor:pointer;border-radius:9px;flex-direction:column;gap:8px;margin-bottom:7px;padding:14px 13px;display:flex;position:relative}.substudio__cue[aria-pressed=true]{background:var(--accent-soft);border-color:var(--text);box-shadow:inset 3px 0 0 var(--text)}.substudio__cue.is-playing:after{content:"•";color:var(--text);position:absolute;top:9px;right:10px}.substudio__cuemeta{font:10px var(--font-mono);color:var(--text-muted);white-space:pre-wrap;padding-right:7px}.substudio__cuetext{white-space:pre-line;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.substudio__warning,.substudio__cueissues{color:var(--text-muted);font-size:10px;line-height:1.6}.substudio__warning{border-top:1px solid var(--border);padding-top:6px}.substudio__noresults{padding:20px;font-size:13px}.substudio__shift{border-top:1px solid var(--border);padding:16px 18px;font-size:12px}.substudio__shift summary{cursor:pointer;font-weight:600}.substudio__shift p{color:var(--text-muted);margin:12px 0;font-size:11px}.substudio__shift>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.substudio__shift input{width:95px}.substudio__work{min-width:0;padding:20px 24px 0}.substudio__previewhead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.substudio__previewhead .kicker{letter-spacing:.13em;font-size:10px}.substudio__previewhead>span:last-child{color:var(--text-muted);font-size:10px}.substudio__stage{aspect-ratio:16/9;background:var(--surface-inset);border:1px solid var(--border);border-radius:12px;place-items:center;max-height:420px;display:grid;position:relative;overflow:hidden}.substudio__stage canvas{object-fit:contain;width:100%;height:100%;display:block}.substudio__empty{background:var(--surface-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.substudio__empty[hidden]{display:none}.substudio__frame{font:700 18px var(--font-mono);border:1px solid var(--border-input);color:var(--text-muted);border-radius:7px;margin-bottom:18px;padding:6px 12px}.substudio__empty h3{letter-spacing:-.03em;margin:0 0 8px;font-size:20px}.substudio__empty p{color:var(--text-muted);margin:0 0 18px;font-size:12px}.substudio__empty small{color:var(--text-muted);margin-top:13px;font-size:10px}.substudio__transport{align-items:center;gap:12px;padding:14px 0;display:flex}.substudio__transport output{font:10px var(--font-mono);white-space:nowrap}.substudio__transport input{flex:1;min-width:0}.substudio__timeline{background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px;height:37px;margin:0 0 20px;position:relative;overflow:hidden}.substudio__timeline p{font:10px var(--font-mono);text-align:center;color:var(--text-muted);margin:10px 0}.substudio__timeline button{border:1px solid var(--border-input);background:var(--surface);min-width:8px;color:var(--text-muted);font:10px var(--font-mono);cursor:pointer;border-radius:3px;position:absolute;top:5px;bottom:5px;overflow:hidden}.substudio__timeline button[aria-pressed=true]{border-color:var(--text);background:var(--accent-soft);color:var(--text)}.substudio__tabs{border-bottom:1px solid var(--border);gap:18px;display:flex}.substudio__tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 0;font-size:12px}.substudio__tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--text);font-weight:600}.substudio__inspector{min-height:216px;padding:18px 0}.substudio__inspector p{font-size:11px;line-height:1.65}.substudio__edithead{justify-content:space-between;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.substudio__edithead span{color:var(--text-muted);font-size:10px}.substudio__inspector textarea{resize:vertical;width:100%;min-height:68px;font-size:13px}.substudio__times{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.substudio__times label,.substudio__stylefields label{flex-direction:column;gap:7px;font-size:11px;display:flex}.substudio__times input{width:100%;font:11px var(--font-mono)}.substudio__times .substudio__actions{grid-column:1/-1}.substudio__textbutton{color:var(--text-muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:10px;font-size:11px;text-decoration:underline}.substudio__presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:16px;display:grid}.substudio__presets button{border:1px solid var(--border-input);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:8px;padding:15px 8px 10px}.substudio__presets button[aria-pressed=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.substudio__presets span{font-size:11px;font-weight:650;display:block}.substudio__presets small{color:var(--text-muted);margin-top:10px;font-size:9px;display:block}.substudio__stylefields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.substudio__stylefields select{width:100%;font-size:12px}.substudio__stylefields output{color:var(--text-muted);font-family:var(--font-mono)}.substudio__stylefields>[data-sub=video-options]{display:contents}.substudio__stylefields>[data-sub=video-options][hidden]{display:none}.substudio__exporttype{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.substudio__exporttype label{border:1px solid var(--border-input);cursor:pointer;border-radius:8px;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:8px;padding:12px;display:grid}.substudio__exporttype input[type=radio]{width:16px;height:16px;margin:2px 0 0;padding:0}.substudio__exporttype label>span{min-width:0;display:grid}.substudio__exporttype strong{font-size:12px;line-height:20px}.substudio__exporttype small{color:var(--text-muted);margin-top:4px;font-size:10px;line-height:1.6;display:block}.substudio__footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:18px 0 20px;display:flex}.substudio__footer>div:first-child{min-width:0}.substudio__footer p{margin:0 0 4px;font-size:11px;line-height:1.6}.substudio__footer small{color:var(--text-muted);font-size:10px}.substudio__footer .btn{white-space:nowrap}.substudio progress{width:100%;height:6px;margin-bottom:16px}.substudio__dialog{border:1px solid var(--border);background:var(--surface);width:min(620px,100% - 32px);color:var(--text);border-radius:16px;padding:24px}.substudio__dialog::backdrop{background:var(--scrim)}.substudio__dialog header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.substudio__dialog h2{margin:0;font-size:20px}.substudio__dialog label{font-size:12px}.substudio__dialog textarea{width:100%;font:12px var(--font-mono);margin:10px 0;display:block}.substudio__dialog [role=alert]{font-size:12px}.substudio__host>.substudio{height:100%;overflow-y:auto}.substudio__host>.substudio:focus-within{box-shadow:none}@media (width<=900px){.substudio__head{flex-wrap:wrap;padding:18px}.substudio__import{flex-wrap:wrap;gap:10px;padding:14px 18px}.substudio__source{flex-basis:100%;order:3}.substudio__body{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr)}.substudio__work{padding:16px 16px 0}.substudio__footer{flex-wrap:wrap}.substudio__presets span{font-size:9px}}@media (width<=650px){.substudio{border-radius:14px}.substudio__body{flex-direction:column-reverse;display:flex}.substudio__captions{border-right:0;border-top:1px solid var(--border)}.substudio__list{min-height:160px;max-height:310px}.substudio__file{width:100%;min-width:0}.substudio__stage{min-height:192px}.substudio__empty h3{font-size:17px}.substudio__empty p{font-size:11px}.substudio__empty .substudio__frame{margin-bottom:12px}.substudio__transport{gap:7px}.substudio__transport output{font-size:9px}.substudio__transport .substudio__icon{width:32px;height:32px}.substudio__head h2{font-size:20px}.substudio__footer .substudio__actions{width:100%}.substudio__footer .substudio__actions .btn{flex:1}.substudio__inspector{min-height:175px}}.tm-sub-file,.tm-sub-caption{opacity:1}.tm-sub-playhead{transform:translate(0)}@media (prefers-reduced-motion:no-preference){.tm-sub-file{animation:7s infinite backwards tm-sub-file}.tm-sub-caption{animation:7s infinite backwards tm-sub-caption}.tm-sub-playhead{animation:7s infinite backwards tm-sub-playhead}}@keyframes tm-sub-file{0%,12%{opacity:0;transform:translateY(8px)}25%,to{opacity:1;transform:translateY(0)}}@keyframes tm-sub-caption{0%,35%{opacity:0}48%,to{opacity:1}}@keyframes tm-sub-playhead{0%,25%{transform:translate(-80px)}75%,to{transform:translate(0)}}.substudio__timeline{height:81px;margin-bottom:12px}.substudio__timeline button{border-radius:2px;min-width:0;padding:0;font-size:9px;bottom:auto}.substudio__ruler{font:10px var(--font-mono);color:var(--text-muted);padding:4px 8px;display:block}.substudio__presets{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.substudio__presets>span{margin-right:4px;font-size:12px}.substudio__presets button{border-radius:6px;min-height:34px;padding:7px 12px;font-size:12px}.substudio__presets [data-sub=reset-style]{margin-left:auto}.substudio__stylefields input[type=color]{cursor:pointer;width:100%;height:36px;padding:3px 6px}.substudio__stylefields label{min-width:0}.substudio__stylefields .input{min-height:36px;padding-block:6px}.substudio__stage canvas{cursor:pointer}.substudio__stage canvas:focus-visible{outline:2px solid var(--text);outline-offset:-4px}.substudio__cue{gap:4px;margin-bottom:5px;padding:10px 12px}.substudio__cuetext{line-height:1.45}.substudio__list{position:relative}.substudio__inspector{padding-block:12px}.substudio__pagination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.substudio__pagination span{font:10px var(--font-mono);color:var(--text-muted)}.substudio__timeline{height:104px}.substudio__timelinecue{height:22px;position:absolute}.substudio__timeline .substudio__timelinebody{width:100%;height:22px;inset:0}.substudio__timeline .substudio__handle{border:1px solid var(--border-input);background:var(--surface);width:9px;height:22px;color:var(--text);cursor:ew-resize;touch-action:none;z-index:2;border-radius:3px;top:0}.substudio__handle:after{content:"";border-left:1px solid var(--text-muted);height:10px;margin-left:3px;display:block}.substudio__handle--start{left:-3px}.substudio__handle--end{right:-3px}.substudio__timinghint{margin:8px 0 0;font-size:10px}.substudio__list{height:0;max-height:none}.substudio__fileactions{flex:none}.substudio__fileactions .btn{white-space:nowrap}.substudio__listhead{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:16px;display:grid}.substudio__listhead>.substudio__actions{grid-template-columns:32px 32px minmax(0,1fr);gap:6px;display:grid}.substudio__listhead .substudio__icon{width:32px;height:32px}.substudio__listhead [data-sub=add]{white-space:nowrap;min-height:32px;padding-block:5px}.substudio__footer{padding-block:12px}@media (width<=650px){.substudio__fileactions{flex-wrap:wrap;width:100%}.substudio__fileactions .btn{flex:1 0 auto}.substudio__list{flex:none;height:310px;max-height:310px}}.substudio__captions{min-height:0;position:relative}.substudio__captioncontents{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.substudio__captioncontents>:not(.substudio__list){flex-shrink:0}.substudio__captioncontents .substudio__list{flex:1 1 0;height:0;min-height:0;max-height:none;overflow-y:auto}@media (width<=650px){.substudio__captioncontents{position:static}.substudio__captioncontents .substudio__list{flex:none;height:310px}}