*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.resize{resize:both}@font-face{font-family:Gotham;font-style:normal;font-weight:300;font-display:block;src:url(../fonts/gotham-light.woff2) format("woff2")}@font-face{font-family:Gotham;font-style:normal;font-weight:400;font-display:block;src:url(../fonts/gotham-book.woff2) format("woff2")}@font-face{font-family:Gotham;font-style:normal;font-weight:500;font-display:block;src:url(../fonts/gotham-medium.woff2) format("woff2")}@font-face{font-family:Gotham;font-style:normal;font-weight:700;font-display:block;src:url(../fonts/gotham-bold.woff2) format("woff2")}@font-face{font-family:Alibaba PuHuiTi;font-style:normal;font-weight:500;font-display:block;src:url(../fonts/puhuiti-medium.woff2) format("woff2")}@font-face{font-family:Alibaba PuHuiTi;font-style:normal;font-weight:700;font-display:block;src:url(../fonts/puhuiti-bold.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:block;src:url(../fonts/jbmono-regular.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:block;src:url(../fonts/jbmono-medium.woff2) format("woff2")}:root{--bg-nearblack:#070A0E;--panel:#0E1318;--panel-2:#141C24;--panel-3:#1B252F;--line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.13);--ink:#EEF3F6;--ink-2:#9AA7B2;--ink-3:#5C6770;--live:#FF3B30;--warn:#FFB020;--ready:#17C277;--accent:var(--ready);--disp:"Gotham","Alibaba PuHuiTi",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-nearblack);color:var(--ink);font-family:var(--disp);-webkit-font-smoothing:antialiased;overflow:hidden}body[data-view=display] #control{display:none}body[data-view=display] #displayViewport{display:block}body[data-view=control] #displayViewport{display:none}.viewport{container-type:size;position:relative;width:100%;height:100%;overflow:hidden}#displayViewport{position:fixed;inset:0}.stage{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg-nearblack);font-size:min(18cqw,30cqh);--pad-i:6.2cqmin;--pad-b:5.6cqmin;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stage[data-orient=port]{font-size:min(20cqw,30cqh);--pad-b:6.4cqmin}.stage[data-bg=nearblack]{background:var(--bg-nearblack)}.stage[data-bg=black]{background:#000}.stage[data-bg=blue]{background:#0047bb}.stage[data-bg=green]{background:#00b140}.stage[data-bg=green]{--ready:#05110A}.stage[data-bg=green] .timecode,.stage[data-bg=green] .modelabel,.stage[data-bg=green] .status,.stage[data-bg=green] .rname,.stage[data-bg=green] .rtime{color:#05110a}.stage[data-bg=green] .modeTag,.stage[data-bg=green] .rtag{color:#030e0894}.stage[data-bg=green] .zone,.stage[data-bg=green] .dateline,.stage[data-bg=green] .cell.colon{color:#030e08ad}.stage[data-bg=green] .tk,.stage[data-bg=green] .rprog{background:#00000029}.stage[data-bg=green] .tk.head{background:#05110a}.stage[data-tally=ready]{--accent:var(--ready)}.stage[data-tally=live]{--accent:var(--live)}.stage[data-tally=hold],.stage[data-tally=run]{--accent:var(--warn)}.stage[data-tally=warn],.stage[data-tally=over]{--accent:var(--live)}.core{display:flex;flex-direction:column;align-items:center;line-height:1}.modeTag{font-size:.072em;letter-spacing:.46em;text-indent:.46em;color:var(--ink-3);text-transform:uppercase;font-weight:500;margin-bottom:.12em}.timecode{display:flex;align-items:baseline;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.cell{display:inline-flex;justify-content:center;align-items:baseline}.cell.d{width:.62em}.cell.colon{width:.3em;color:var(--ink-2)}.cell.sign{width:.46em;color:var(--accent)}.stage[data-mode=clock] .colon{animation:colon 1s steps(1) infinite}@keyframes colon{0%,49.9%{opacity:1}50%,to{opacity:.18}}.stage.overtime .timecode{color:var(--live)}.stage.overtime.blink .timecode{animation:alarm 1s steps(1) infinite}@keyframes alarm{0%,49.9%{opacity:1}50%,to{opacity:.25}}.modelabel{font-size:.155em;letter-spacing:.34em;text-indent:.34em;color:var(--ink);font-weight:500;margin-top:.06em}.scale{display:flex;align-items:flex-end;gap:.014em;width:4.33em;height:.28em;margin-top:.15em}.tk{flex:1 1 0;height:42%;background:var(--line);border-radius:.5px}.tk.q{height:80%;background:var(--line-2)}.tk.on{background:var(--accent)}.tk.head{height:100%;background:var(--ink);box-shadow:0 0 .14em var(--accent)}.rack{display:none;flex-direction:column;width:86cqw;font-size:min(13cqw,16cqh)}.stage[data-mode=all] .core{display:none}.stage[data-mode=all] .rack{display:flex}.stage[data-orient=port] .rack{width:90cqw;height:74cqh;font-size:min(18.5cqw,11cqh)}.stage[data-orient=port] .rrow{flex:1 1 0;display:flex;flex-direction:column;justify-content:center;gap:.14em;padding:0}.stage[data-orient=port] .rline{flex-direction:column;align-items:flex-start;gap:.06em}.stage[data-orient=port] .rleft{align-items:center;gap:.5em}.stage[data-orient=port] .rname{font-size:.27em;letter-spacing:.1em}.stage[data-orient=port] .rdot{width:.13em;height:.13em}.stage[data-orient=port] .rprog{margin-top:.18em;height:.04em}.rrow{padding:.16em 0;border-bottom:1px solid var(--line);--a2:var(--ready)}.rrow:last-child{border-bottom:0}.rrow[data-tally=ready]{--a2:var(--ready)}.rrow[data-tally=live]{--a2:var(--live)}.rrow[data-tally=hold],.rrow[data-tally=run]{--a2:var(--warn)}.rrow[data-tally=warn],.rrow[data-tally=over]{--a2:var(--live)}.rline{display:flex;align-items:baseline;justify-content:space-between;gap:.6em}.rleft{display:flex;align-items:baseline;gap:.42em;min-width:0}.rdot{width:.16em;height:.16em;border-radius:50%;background:var(--a2);box-shadow:0 0 .55em var(--a2);align-self:center;flex:none}.rname{font-size:.3em;color:var(--ink);font-weight:500;letter-spacing:.12em;white-space:nowrap}.rtag{font-size:.135em;color:var(--ink-3);text-transform:uppercase;letter-spacing:.26em;white-space:nowrap}.rtime{font-size:1em;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;display:flex;align-items:baseline;line-height:1;flex:none}.rrow .cell.sign{color:var(--a2)}.rrow.over .rtime{color:var(--live)}.rrow.over.blink .rtime{animation:alarm 1s steps(1) infinite}.rprog{margin-top:.14em;height:.045em;min-height:2px;background:var(--line);border-radius:999px;overflow:hidden;position:relative}.rprog>i{position:absolute;left:0;top:0;bottom:0;background:var(--a2);border-radius:999px}.stage[data-orient=port] .rtag{display:none}.eyebrow{position:absolute;top:var(--pad-b);left:var(--pad-i);right:var(--pad-i);display:flex;justify-content:space-between;align-items:center;font-size:.115em}.tally{display:flex;align-items:center;gap:.55em}.dot{width:.66em;height:.66em;border-radius:50%;background:var(--accent);box-shadow:0 0 .7em var(--accent)}.stage[data-tally=ready] .dot{box-shadow:0 0 .45em var(--accent)}.status{color:var(--ink);letter-spacing:.04em}.zone{color:var(--ink-2);letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:.55em}.midt{width:.3em;height:.3em;border-radius:50%;background:var(--ink-3);flex:none}.dateline{position:absolute;bottom:var(--pad-b);left:0;right:0;display:flex;justify-content:center;align-items:center;gap:.75em;font-size:.082em;color:var(--ink-2);letter-spacing:.14em}.safe-guide{position:absolute;inset:0;pointer-events:none;display:none}.stage.safe .safe-guide{display:block}.safe-guide:before,.safe-guide:after{content:"";position:absolute;border:1px dashed}.safe-guide:before{inset:3.25%;border-color:#ffb42080}.safe-guide:after{inset:5%;border-color:#ffffff73}.dock{position:absolute;bottom:max(3vmin,18px);left:50%;transform:translate(-50%,8px);display:none;flex-wrap:wrap;justify-content:center;max-width:94vw;gap:6px;padding:7px;border:1px solid var(--line-2);border-radius:12px;background:#090d12db;backdrop-filter:blur(10px);opacity:0;transition:opacity .22s,transform .22s;z-index:5}.stage.has-dock .dock{display:flex}.stage.show-dock .dock{opacity:1;transform:translate(-50%)}.stage.idle{cursor:none}.dock button{font-family:var(--disp);font-size:13px;color:var(--ink-2);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 11px;cursor:pointer;letter-spacing:.02em;line-height:1;white-space:nowrap;flex:none}.dock button:hover{color:var(--ink);border-color:var(--line-2);background:var(--panel-3)}.dock button.on{color:#04130c;background:var(--accent);border-color:transparent}.dock button:disabled{opacity:.4;cursor:default}.dock .sep{width:1px;background:var(--line);margin:2px 1px}.toast{position:absolute;bottom:max(3vmin,18px);left:50%;transform:translate(-50%);font-size:13px;color:var(--ink-3);background:#090d12cc;border:1px solid var(--line);padding:7px 13px;border-radius:999px;letter-spacing:.04em;opacity:0;transition:opacity .5s;pointer-events:none;z-index:4}.toast.show{opacity:1}.control{position:fixed;inset:0;overflow:auto;background:var(--bg-nearblack);color:var(--ink)}.ctl-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(16px,4vw,40px);border-bottom:1px solid var(--line);max-width:1480px;margin-inline:auto}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid rgba(0,0,0,.1);flex:none;display:grid;place-items:center;overflow:hidden}.brand-mark img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.brand-mark svg{width:23px;height:23px;display:block}.brand h1{font-size:18px;font-weight:700;letter-spacing:.04em;color:var(--ink)}.brand p{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.14em;margin-top:2px;text-transform:uppercase}.conn{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);padding:7px 12px;border-radius:999px}.conn i{width:7px;height:7px;border-radius:50%;background:var(--ink-3);transition:all .2s}.conn.live i{background:var(--ui-accent,#17C277);box-shadow:0 0 8px var(--ui-accent,#17C277)}.conn.live span{color:var(--ink-2)}.ctl-body{padding:clamp(20px,3.2vw,36px) clamp(16px,4vw,40px) 48px;max-width:1480px;margin-inline:auto}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.toolbar .spacer{flex:1}.ctl-grid{display:grid;grid-template-columns:minmax(0,1fr) 384px;gap:clamp(20px,3vw,38px);align-items:start}@media (max-width:920px){.ctl-grid{grid-template-columns:1fr}}.preview-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.res{font-family:var(--disp);font-size:13px;color:var(--ink-2);letter-spacing:.04em;border:1px solid var(--line);padding:9px 12px;border-radius:8px;background:var(--panel-2);color-scheme:dark}.preview-stage{aspect-ratio:16/9;border:1px solid var(--line-2);border-radius:14px;overflow:hidden;background:#000;box-shadow:0 24px 60px -28px #000000e6}.preview-stage[data-ar="9x16"]{aspect-ratio:9/16;max-width:332px;margin-inline:auto}.preview-tip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--ink-2);background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:11px 14px;margin-bottom:14px;line-height:1.5}.preview-tip b{color:var(--ink);font-weight:700;font-family:var(--disp)}.preview-tip .step{font-family:var(--mono);font-size:10px;color:var(--ink-3);border:1px solid var(--line-2);border-radius:5px;padding:3px 7px;letter-spacing:.06em}.preview-note{font-size:12px;color:var(--ink-3);line-height:1.6;margin-top:14px;text-align:center;max-width:none}.preview-note kbd{font-size:10px}.panel{display:flex;flex-direction:column;gap:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;overflow-y:auto;overscroll-behavior:contain}.panel::-webkit-scrollbar{width:10px}.panel::-webkit-scrollbar-thumb{background:var(--panel-3);border-radius:999px;border:3px solid var(--panel)}.panel::-webkit-scrollbar-track{background:transparent}.sect-eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;color:var(--ink-3);text-transform:uppercase;margin-bottom:11px}.block+.block{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.seg{display:flex;gap:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:4px}.seg button{flex:1;font-family:var(--disp);font-size:13.5px;font-weight:500;color:var(--ink-2);background:transparent;border:0;border-radius:8px;padding:10px 6px;cursor:pointer;letter-spacing:.02em;transition:all .15s}.seg button:hover{color:var(--ink)}.seg button.on{color:var(--ink);font-weight:700;background:var(--panel-3);box-shadow:inset 0 0 0 1px var(--line-2)}.ar-seg{flex:none;width:252px;height:42px}.ar-seg button{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;padding:0 6px}.toolbar .dd-btn{height:42px;padding:0 14px}.toolbar .btn.open{height:42px;padding:0 16px}.btn.open{display:inline-flex;align-items:center;gap:8px;background:var(--ui-accent,#17C277);color:#06130c;border:1px solid transparent;font-weight:700;box-shadow:0 6px 18px -8px var(--ui-accent,#17C277)}.btn.open:hover{filter:brightness(.95)}.btn.open svg{width:15px;height:15px;color:#06130c}.btn.mini{font-size:12px;padding:9px 13px}.dropdown{position:relative;flex:none}.dd-btn{display:inline-flex;align-items:center;gap:10px;justify-content:space-between;font-family:var(--disp);font-weight:700;font-size:13px;color:var(--ink);letter-spacing:.02em;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:9px 13px;cursor:pointer;min-width:152px}.dd-btn:hover{border-color:var(--line-2)}.dd-chev{width:14px;height:14px;color:var(--ink-3);transition:transform .15s}.dropdown.open .dd-chev{transform:rotate(180deg)}.dd-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;background:var(--panel-2);border:1px solid var(--line-2);border-radius:10px;padding:5px;z-index:20;box-shadow:0 20px 40px -20px #000c}.dd-opt{display:block;width:100%;text-align:left;white-space:nowrap;font-family:var(--disp);font-weight:700;font-size:13px;color:var(--ink-2);background:transparent;border:0;border-radius:7px;padding:9px 11px;cursor:pointer;letter-spacing:.02em}.dd-opt:hover{background:var(--panel-3);color:var(--ink)}.dd-opt.on{color:var(--ink);background:var(--panel-3)}.head-right{display:flex;align-items:center;gap:12px}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink-2);cursor:pointer;transition:all .15s;flex:none}.icon-btn:hover{color:var(--ink);border-color:var(--line-2);background:var(--panel-3)}.icon-btn svg{width:19px;height:19px}.drawer-backdrop{position:fixed;inset:0;background:#04070b8c;z-index:40;animation:fadein .18s ease}.drawer{position:fixed;top:0;right:0;height:100%;width:min(440px,92vw);background:var(--panel);border-left:1px solid var(--line-2);z-index:41;display:flex;flex-direction:column;box-shadow:-30px 0 60px -30px #000000d9;animation:slidein .22s cubic-bezier(.22,.61,.36,1)}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:15px;font-weight:700;letter-spacing:.04em;color:var(--ink)}.drawer-head .sub{font-family:var(--mono);font-size:10px;color:var(--ink-3);letter-spacing:.18em;text-transform:uppercase;margin-top:4px}.drawer-body{padding:20px 22px 28px;overflow-y:auto}.drawer-body .blk+.blk{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slidein{0%{transform:translate(100%)}to{transform:translate(0)}}.ctl-foot{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);text-align:center}.ctl-foot .foot-main{font-family:var(--disp);font-size:13px;color:var(--ink-2);letter-spacing:.05em}.ctl-foot .foot-sub{font-family:var(--mono);font-size:10px;color:var(--ink-3);letter-spacing:.2em;margin-top:6px;text-transform:uppercase}.fld{width:100%;font-family:var(--disp);font-size:14px;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:10px 12px}.fld:focus{outline:none;border-color:var(--ui-accent,var(--line-2))}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-row{display:flex;gap:10px}.auth-row .btn{flex:1}.auth-err{color:var(--live);font-size:12px;line-height:1.4}.acct{display:flex;align-items:center;justify-content:space-between;gap:12px}.acct .who{min-width:0}.acct .who .em{font-size:13.5px;color:var(--ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct .who .lbl{font-family:var(--mono);font-size:10px;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;margin-top:2px}.sess-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.sess{background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:12px 13px}.sess-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sess .nm{font-size:14px;color:var(--ink);font-weight:600;display:flex;align-items:center;gap:8px;min-width:0}.sess .nm .pip{width:7px;height:7px;border-radius:50%;background:var(--ui-accent,#17C277);flex:none}.sess .nm .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sess .rid{font-family:var(--mono);font-size:10px;color:var(--ink-3);letter-spacing:.08em;margin-top:4px}.sess-mini{display:flex;gap:5px;flex:none}.sess-mini button{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:transparent;border:1px solid var(--line);color:var(--ink-2);cursor:pointer;transition:all .15s}.sess-mini button:hover{color:var(--ink);border-color:var(--line-2);background:var(--panel-3)}.sess-mini button.danger:hover{color:#fff;background:var(--live);border-color:transparent}.sess-mini svg{width:15px;height:15px}.sess-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.sess-grid .btn{padding:9px 8px;font-size:12.5px;text-align:center}.sess-rename{display:flex;gap:7px;margin-top:6px}.sess-rename .fld{flex:1;padding:8px 11px;font-size:13px}.sess-rename .btn{flex:none;white-space:nowrap;padding:0 14px}.sess-new{display:flex;gap:8px;margin-top:14px}.sess-new .fld{flex:1}.sess-new .btn{flex:none;white-space:nowrap;padding:0 18px;align-self:stretch}.sess-empty{font-size:12.5px;color:var(--ink-3);margin-top:10px;line-height:1.55}.logo-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.logo-prev{width:44px;height:44px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(0,0,0,.1);flex:none}.logo-prev img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.swatches{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.swatch{width:24px;height:24px;border-radius:6px;border:1px solid var(--line-2);cursor:pointer;padding:0}.swatch.on{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--ui-accent,#17C277)}input[type=color]{width:42px;height:34px;border:1px solid var(--line-2);border-radius:8px;background:var(--panel-2);cursor:pointer;padding:2px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{font-family:var(--disp);font-size:13px;color:var(--ink-2);background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:9px 14px;cursor:pointer;transition:all .15s}.chips button:hover{color:var(--ink);border-color:var(--line-2)}.chips button.on{color:var(--ink);border-color:var(--ink-2);background:var(--panel-3)}.readout-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.rd-label{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase}.readout{font-family:var(--disp);font-size:38px;font-weight:500;letter-spacing:.01em;color:var(--ink);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.transport{display:flex;gap:10px;margin-top:14px}.btn{font-family:var(--disp);font-size:14px;color:var(--ink);background:var(--panel-3);border:1px solid var(--line-2);border-radius:10px;padding:11px 16px;cursor:pointer;letter-spacing:.04em;transition:all .15s;white-space:nowrap}.btn:hover{border-color:var(--ink-3)}.btn.primary{background:var(--ink);color:#0a0d11;border-color:transparent;font-weight:700}.btn.primary:hover{background:#fff}.btn.big{flex:2;font-weight:700;font-size:15px;background:var(--ready);color:#04130c;border-color:transparent}.btn.big[data-run="1"]{background:var(--warn);color:#1a1100}.btn.ghost{flex:1;background:transparent}.dur-row{display:flex;gap:10px}.stepper{flex:1;display:flex;align-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;overflow:hidden}.stepper button{width:40px;align-self:stretch;font-size:19px;color:var(--ink-2);background:transparent;border:0;cursor:pointer}.stepper button:hover{color:var(--ink);background:var(--panel-3)}.stepper input{width:100%;min-width:0;text-align:center;font-family:var(--disp);font-weight:500;font-size:21px;color:var(--ink);background:transparent;border:0;outline:none;padding:11px 0}.stepper label{font-family:var(--mono);font-size:10px;color:var(--ink-3);padding-right:12px;letter-spacing:.1em}.quick{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.quick button{font-family:var(--disp);font-size:13px;color:var(--ink-2);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 11px;cursor:pointer;letter-spacing:.02em}.quick button:hover{color:var(--ink);border-color:var(--line-2)}.endclock{margin-top:14px}.endclock summary{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.1em;cursor:pointer;text-transform:uppercase;list-style:none}.endclock summary::-webkit-details-marker{display:none}.endclock summary:before{content:"▸ ";color:var(--ink-3)}.endclock[open] summary:before{content:"▾ "}.endclock-row{display:flex;gap:10px;margin-top:11px}.endclock-row input{flex:1;font-family:var(--mono);font-size:15px;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:10px 12px;color-scheme:dark}.hint-sm{font-size:11.5px;color:var(--ink-3);margin-top:9px;line-height:1.55}.toggles{display:grid;grid-template-columns:1fr 1fr;gap:11px}.tg{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13.5px;color:var(--ink-2)}.tg input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:38px;height:22px;border-radius:999px;background:var(--panel-3);border:1px solid var(--line-2);position:relative;cursor:pointer;transition:background .18s;flex:none}.tg input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ink-3);transition:all .18s}.tg input:checked{background:var(--ui-accent,#17C277);border-color:transparent}.tg input:checked:after{left:18px;background:#04130c}.tg input:checked+span{color:var(--ink)}.label-inputs{display:flex;flex-direction:column;gap:11px}.label-inputs label{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.06em}.label-inputs input{flex:1;font-family:var(--disp);font-size:14px;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:10px 12px}.label-inputs input:focus{outline:none;border-color:var(--ui-accent,var(--line-2))}.keys{list-style:none;display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12.5px;color:var(--ink-2)}.keys li{display:flex;align-items:center;gap:8px;white-space:nowrap}kbd{font-family:var(--mono);font-size:11px;color:var(--ink);background:var(--panel-3);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:6px;padding:3px 7px;min-width:22px;text-align:center}.mode-panel[hidden]{display:none}.joint{background:var(--panel-2);border:1px solid var(--line-2);border-radius:12px;padding:14px}.joint-head{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--ink-2);text-transform:uppercase;margin-bottom:13px}.joint-head em{color:var(--ink-3);font-style:normal;letter-spacing:.2em}.joint-head .pip{width:7px;height:7px;border-radius:50%;background:var(--ready);box-shadow:0 0 8px var(--ready)}.joint-row{display:flex;gap:10px}@media (prefers-reduced-motion:reduce){.colon,.stage.overtime.blink .timecode{animation:none!important;opacity:1!important}}.auth-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#04070bbd;backdrop-filter:blur(6px);animation:fadein .2s ease}.auth-card{width:min(380px,100%);background:var(--panel);border:1px solid var(--line-2);border-radius:18px;padding:26px 24px;box-shadow:0 40px 90px -40px #000000e6;display:flex;flex-direction:column;gap:13px}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:2px}.auth-brand h2{font-size:17px;font-weight:700;letter-spacing:.03em;color:var(--ink)}.auth-brand p{font-size:12px;color:var(--ink-3);margin-top:3px;line-height:1.4}.auth-tabs{display:flex;gap:6px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:4px}.auth-tabs button{flex:1;font-family:var(--disp);font-size:13.5px;color:var(--ink-2);background:transparent;border:0;border-radius:7px;padding:9px;cursor:pointer;transition:all .15s}.auth-tabs button.on{color:var(--ink);background:var(--panel-3);box-shadow:inset 0 0 0 1px var(--line-2)}.auth-submit{margin-top:3px}.auth-skip{font-family:var(--disp);font-size:12.5px;color:var(--ink-3);background:transparent;border:0;cursor:pointer;padding:5px;text-align:center}.auth-skip:hover{color:var(--ink-2)}.hdr-btn{font-family:var(--disp);font-size:13px;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:0 14px;height:38px;cursor:pointer;letter-spacing:.02em;display:inline-flex;align-items:center;gap:7px;transition:all .15s;flex:none}.hdr-btn:hover{border-color:var(--line-2);background:var(--panel-3)}.hdr-btn svg{width:15px;height:15px;color:var(--ui-accent,#17C277)}.control[data-theme=light]{background:#eff2f6;--panel:#FFFFFF;--panel-2:#ECF0F4;--panel-3:#DCE3EA;--line:rgba(18,26,34,.11);--line-2:rgba(18,26,34,.2);--ink:#0F141A;--ink-2:#3C454E;--ink-3:#5A636B}.control[data-theme=light] .preview-wrap{--panel:#0E1318;--panel-2:#141C24;--panel-3:#1B252F;--line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.13);--ink:#EEF3F6;--ink-2:#9AA7B2;--ink-3:#5C6770;color:var(--ink)}.control[data-theme=light] .btn.primary{background:#1b2530;color:#fff;border-color:transparent}.control[data-theme=light] .btn.primary:hover{background:#0f1620}.control[data-theme=light] .auth-tabs button.on,.control[data-theme=light] .seg button.on,.control[data-theme=light] .chips button.on,.control[data-theme=light] .dd-opt.on{box-shadow:inset 0 0 0 1px var(--line-2)}.control[data-theme=light] kbd{background:#e7ecf1}.control[data-theme=light] .preview-stage{box-shadow:0 24px 60px -34px #141e2d66}.control[data-theme=light] .drawer-backdrop,.control[data-theme=light] .auth-overlay{background:#1e28346b}.login-page{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(1100px 560px at 50% -8%,#0f161e,var(--bg-nearblack) 62%);overflow:auto}.login-card{width:min(400px,100%);background:var(--panel);border:1px solid var(--line-2);border-radius:20px;padding:30px 28px;box-shadow:0 50px 120px -50px #000000f2;display:flex;flex-direction:column;gap:14px}.login-brand{display:flex;align-items:center;gap:13px;margin-bottom:4px}.login-brand .brand-mark{width:46px;height:46px;border-radius:13px}.login-brand .brand-mark svg{width:29px;height:29px}.login-brand h1{font-size:20px;font-weight:700;letter-spacing:.03em;color:var(--ink)}.login-brand p{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.14em;margin-top:4px}.login-submit{margin-top:4px;height:46px;font-size:15px;background:var(--ui-accent,#17C277);color:#06130c;border-color:transparent;font-weight:700;box-shadow:0 8px 24px -10px var(--ui-accent,#17C277)}.login-submit:hover{filter:brightness(.95)}.login-hint{font-size:12px;color:var(--ink-3);line-height:1.55;margin-top:2px}
