:root{--bg:#0b0d10;--panel:#13161b;--panel-raised:#1a1e25;--border:#252a33;--text:#e6e8eb;--muted:#7d8590;--accent:#4da3ff;--go:#22c55e;--live:#22c55e;--danger:#ef4444;--warn:#f59e0b;--mono:"SF Mono", ui-monospace, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:13px/1.4 -apple-system,BlinkMacSystemFont,Hiragino Sans,system-ui,sans-serif}button{font:inherit;color:var(--text);background:var(--panel-raised);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 12px}button:hover:not(:disabled){background:#222730;border-color:#3a414d}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#06121f;font-weight:600}button.primary:hover{background:#6cb4ff}button.small{padding:3px 10px;font-size:12px}button small{opacity:.6;margin-left:4px;font-size:10px;font-weight:400}input,textarea{font:inherit;color:var(--text);background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 6px}input:hover,textarea:hover{border-color:var(--border)}input:focus,textarea:focus{border-color:var(--accent);background:#0e1116;outline:none}select{font:inherit;color:var(--text);background:var(--panel-raised);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:3px 6px}select:focus{border-color:var(--accent);outline:none}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;margin:0}.app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:10px 16px;display:flex}.brand{letter-spacing:.18em;color:var(--accent);font-size:15px;font-weight:800}.show-name{flex:0 420px;min-width:0;font-size:20px;font-weight:600}.file-name{color:var(--muted);font-size:13px}.clock{font-family:var(--mono);font-variant-numeric:tabular-nums;margin-left:auto;font-size:32px;font-weight:600;line-height:1}.toolbar{background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:6px 16px;display:flex}.toolbar-group{align-items:center;gap:6px;display:flex}.error-bar{color:#fecaca;cursor:pointer;background:#3b1113;padding:6px 14px}.warning-bar{color:#fde68a;background:#3a2a06;padding:6px 14px}.workspace{flex:1;grid-template-columns:250px 1fr 360px;min-height:0;display:grid}.statusbar{color:var(--muted);background:var(--panel);border-top:1px solid var(--border);justify-content:space-between;gap:16px;padding:5px 14px;font-size:11px;display:flex}.offline-ready{color:var(--go);flex-shrink:0}.panel{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.panel:last-child{border-right:none}.panel-header{border-bottom:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:11px;font-weight:700;display:flex}.toggle{letter-spacing:0;text-transform:none;color:var(--text);cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:400;display:flex}.icon-button{color:var(--muted);visibility:hidden;background:0 0;border:none;padding:0 6px;font-size:15px}.icon-button:hover:not(:disabled){color:var(--danger);background:0 0}.pill-toggle{background:var(--bg);letter-spacing:.06em;border-radius:999px;padding:2px;font-size:11px;font-weight:700;display:flex}.pill-toggle span{color:var(--muted);border-radius:999px;padding:4px 10px;transition:background .15s,color .15s}.pill-toggle span.active{background:var(--accent);color:#06121f}.mode-toggle span.active:last-child{background:var(--danger);color:#fff}.app.show-mode .toolbar{border-bottom-color:var(--danger);box-shadow:0 1px 0 var(--danger);z-index:1;position:relative}.page-list{margin:0;padding:6px;list-style:none;overflow-y:auto}.page-item{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:8px;display:flex}.page-item:hover{background:var(--panel-raised)}.page-item:hover .icon-button{visibility:visible}.page-item.current{background:#172435;border-color:#24476e}.page-item.drop-target{box-shadow:inset 0 2px 0 var(--accent)}.page-index{font-family:var(--mono);color:var(--muted);width:18px}.page-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.page-auto{color:var(--accent)}.page-title{letter-spacing:0;text-transform:none;flex:1;font-size:15px;font-weight:600}.cue-head,.cue-row{grid-template-columns:22px 34px 1fr 108px 34px 92px 28px;align-items:center;gap:6px;padding:0 12px;display:grid}.cue-head{color:var(--muted);border-bottom:1px solid var(--border);padding-top:6px;padding-bottom:6px;font-size:11px}.cue-list{flex:1;overflow-y:auto}.cue-list.follow:after{content:"";height:calc(100% - 78px);display:block}.follow-toggle.active{background:var(--accent);border-color:var(--accent);color:#06121f}.cue-row{border-bottom:1px solid #1a1d23;border-left:3px solid #0000;padding-top:4px;padding-bottom:4px;padding-left:9px}.cue-row:hover{background:#151920}.cue-row:hover .icon-button{visibility:visible}.cue-row.selected{border-left-color:var(--accent);background:#172435}.cue-row.live .cue-number{background:var(--live);color:#04150a}.cue-row.drop-target{box-shadow:inset 0 2px 0 var(--accent)}.drag-handle{cursor:grab;color:#4a515c;letter-spacing:-2px;-webkit-user-select:none;user-select:none}.cue-number{font-family:var(--mono);text-align:center;color:var(--muted);border-radius:4px;padding:2px 0}.cue-text{resize:none;field-sizing:content;min-height:28px;font-size:14px}.cue-text-display{white-space:nowrap;text-overflow:ellipsis;cursor:default;-webkit-user-select:none;user-select:none;border:1px solid #0000;min-width:0;min-height:28px;padding:4px 7px;font-size:14px;line-height:20px;overflow:hidden}.cue-text-display .placeholder{color:var(--muted)}.newline-mark{white-space:pre;color:var(--accent);opacity:.8}.size-head{text-align:center;padding-left:8px}.size-presets{justify-content:flex-end;align-items:center;gap:2px;display:flex}.size-presets button{width:26px;color:var(--muted);border-color:var(--border);background:0 0;padding:3px 0;font-size:11px;font-weight:700}.size-presets button.active{background:var(--accent);border-color:var(--accent);color:#06121f}.cue-time{width:100%;font-family:var(--mono);text-align:center}.cue-time.off{color:var(--muted);text-decoration:line-through}.time-head{text-align:center}.trigger-toggle{flex-shrink:0;width:34px}.trigger-toggle:disabled{opacity:.3;cursor:default}.cue-duration{font-family:var(--mono);text-align:right;width:100%}.empty{color:var(--muted);text-align:center;padding:24px}.vsplit{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.side{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex;position:relative}.column-resizer{z-index:5;cursor:col-resize;touch-action:none;width:7px;position:absolute;top:0;bottom:0;right:-4px}.column-resizer:hover{background:var(--accent)}.page-item .source-toggle,.page-item .on-off{width:30px;height:20px;font-size:9px}.side .panel{border-right:none;flex:1}.transport-panel{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:10px;padding:12px;display:flex}.vsplit .panel{border-right:none;height:100%}.vsplit-top{flex:1;min-height:0}.vsplit-bottom{flex-shrink:0;min-height:0}.vsplit-handle{cursor:row-resize;background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border);touch-action:none;flex-shrink:0;height:6px}.vsplit-handle:hover{background:var(--accent)}.overlay-row{border-bottom:1px solid #1a1d23;border-left:3px solid #0000;grid-template-columns:22px 40px 1fr 110px 64px 84px 28px;align-items:center;gap:6px;padding:4px 12px 4px 9px;display:grid}.overlay-row:hover{background:#151920}.overlay-row:hover .icon-button{visibility:visible}.overlay-row.live{border-left-color:var(--live)}.overlay-row.live.paused{border-left-color:var(--warn)}.overlay-row.blinking{animation:1s step-end infinite bar-blink}@keyframes bar-blink{50%{border-left-color:#0000}}.overlay-row.drop-target{box-shadow:inset 0 2px 0 var(--accent)}.overlay-kind{letter-spacing:.06em;text-align:center;background:var(--bg);color:var(--muted);border-radius:4px;padding:2px 0;font-size:10px;font-weight:700}.overlay-kind.countdown{color:var(--warn)}.overlay-kind.message{color:var(--accent)}.overlay-duration{width:90px;font-family:var(--mono);justify-self:start}.countdown-setting{align-items:center;gap:8px;min-width:0;display:flex}.countdown-mode{flex-shrink:0;font-size:9px}.countdown-mode span{padding:2px 7px}.countdown-mode:disabled{opacity:.6;cursor:default}.overlay-size{width:100%;accent-color:var(--accent)}.overlay-text,.overlay-duration{min-height:28px}.overlay-toggle,.overlay-blink{padding:5px 0;font-size:11px;font-weight:700}.countdown-controls{grid-template-columns:1fr 1fr;gap:4px;display:grid}.countdown-controls button{padding:4px 0;font-size:12px}.countdown-controls button.active,.overlay-blink.active{background:var(--warn);border-color:var(--warn);color:#1d1300}.overlay-toggle.active{background:var(--live);border-color:var(--live);color:#04150a}.controls-body{flex-direction:column;gap:10px;padding:12px;display:flex;overflow-y:auto}.controls-body>*,.settings>*{flex-shrink:0}.settings{display:contents}.settings:disabled .control-section{opacity:.45}.preview{aspect-ratio:16/9;border:1px solid var(--border);border-radius:4px;position:relative;overflow:hidden}.preview.program{border-color:var(--danger)}.preview.next{border-color:var(--go)}.program-bar{background:var(--panel-raised);border:1px solid var(--danger);border-bottom-color:#0000;border-radius:6px 6px 0 0;align-items:center;min-height:32px;margin-bottom:-10px;padding:4px 10px;display:flex}.program-bar+.preview.program{border-top-left-radius:0;border-top-right-radius:0}.program-bar-label{letter-spacing:.08em;color:var(--danger);font-size:10px;font-weight:700}.next-bar{text-align:left;border-color:#1f4d30;align-items:center;gap:10px;padding:4px 4px 4px 10px;display:flex}.next-bar:hover:not(:disabled){border-color:var(--go);background:#12261a}.next-bar.open{border-color:var(--go);border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:-10px}.next-bar.open+.preview.next{border-top-left-radius:0;border-top-right-radius:0}.next-bar-label{letter-spacing:.08em;color:var(--go);font-size:10px;font-weight:700}.next-bar-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.next-bar-chevron{width:26px;height:22px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:4px;place-items:center;font-size:9px;display:grid}.next-bar-chevron span{transition:transform .15s;display:inline-block}.next-bar:not(.open) .next-bar-chevron span{transform:rotate(-90deg)}.next-editor{background:#080a0ed1;place-items:center;padding:10px;display:grid;position:absolute;inset:0}.next-editor-text{resize:none;field-sizing:content;text-align:center;white-space:pre;min-width:60%;max-width:100%;max-height:100%;font-size:15px;line-height:1.4;overflow:auto}.next-editor-text:focus{border-color:var(--go)}.preview-empty{color:var(--muted);place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.go-button{background:var(--bg);border:2px solid var(--go);color:var(--go);letter-spacing:.1em;padding:13px;font-size:20px;font-weight:800}.go-button:hover:not(:disabled){color:#3ddc76;background:#12261a;border-color:#3ddc76}.go-button.flash{animation:.45s ease-out go-flash}@keyframes go-flash{0%{background:var(--go);color:#04150a}}.transport{gap:6px;display:grid}.transport button{padding:10px 4px;font-size:12px;font-weight:700}.toggle-button.blackout.active{background:var(--danger);border-color:var(--danger);color:#fff}.toggle-button.blink.active{background:var(--warn);border-color:var(--warn);color:#1d1300;animation:1s step-end infinite blink-soft}.control-section{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:10px;display:flex}.control-section h3{letter-spacing:.08em;color:var(--muted);margin:0 0 2px;font-size:11px;font-weight:700}.field{grid-template-columns:84px 1fr 64px;align-items:center;gap:8px;display:grid}.field code{font-family:var(--mono);color:var(--muted);text-align:right;font-size:11px}.color-cell{align-items:center;gap:8px;display:flex}.field.disabled .color-swatch{opacity:.35}.on-off{letter-spacing:.06em;width:40px;height:22px;color:var(--muted);background:0 0;padding:0;font-size:10px;font-weight:700}.on-off.active{background:var(--accent);border-color:var(--accent);color:#06121f}.color-swatch{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:50%;height:22px;padding:0}.color-swatch:hover:not(:disabled){border-color:var(--muted)}.color-popover{z-index:100;background:var(--panel-raised);border:1px solid #333944;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex;position:fixed;box-shadow:0 12px 32px #0000008c}.color-wheel{cursor:crosshair;touch-action:none;border-radius:50%;position:relative}.color-wheel canvas,.color-wheel-shade{border-radius:50%;position:absolute;inset:0}.color-wheel-shade{pointer-events:none;background:#000}.color-wheel-marker{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 0 1px #0009,0 1px 4px #00000080}.color-brightness{width:100%;color:var(--muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.color-brightness input{appearance:none;border:1px solid var(--border);border-radius:5px;height:10px;padding:0}.color-brightness input::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #0009}.color-presets{grid-template-columns:repeat(8,1fr);gap:5px;width:100%;display:grid}.color-presets button{aspect-ratio:1;border:1px solid #3a414d;border-radius:4px;padding:0}.color-presets button.active{outline:2px solid var(--accent);outline-offset:1px}.color-hex{text-align:center;width:100%;font-family:var(--mono);border-color:var(--border);background:var(--bg)}.field input[type=range]{accent-color:var(--accent);padding:0}.segmented{border:1px solid var(--border);border-radius:6px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.segmented button{border:none;border-radius:0}.segmented button.active{background:var(--accent);color:#06121f;font-weight:600}.output-root{width:100%;height:100%;position:relative;overflow:hidden;container-type:size}.output-layers,.output-layer,.output-blackout{position:absolute;inset:0}.output-layers.blink{animation:1s step-end infinite blink}.output-layer{justify-content:center;align-items:center;animation:linear both fade-in;display:flex}.output-layer.leaving{animation-name:fade-out}.output-text{text-align:center;white-space:pre;paint-order:stroke fill;flex-shrink:0;padding:4cqh 6cqw;font-weight:700;line-height:1.25}.output-countdown{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:7cqh;font-weight:700;position:absolute;bottom:3cqh;right:4cqh}.overlay-countdown{font-family:var(--mono);font-variant-numeric:tabular-nums;background:#0009;border-radius:1.5cqh;padding:.5cqh 3cqh;font-size:9cqh;font-weight:700;line-height:1.2;position:absolute;top:3cqh;left:50%;transform:translate(-50%)}.overlay-countdown.over{color:var(--danger)}.overlay-message{text-align:center;white-space:pre;background:#0009;padding:2.5cqh 6cqw;font-size:7cqh;font-weight:700;line-height:1.25;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.overlay-message.blink{animation:1s step-end infinite blink}.output-blackout{pointer-events:none;background:#000;transition-property:opacity;transition-timing-function:linear}.output-window{background:#000;position:fixed;inset:0}.output-stage{width:min(100vw,177.778vh);height:min(100vh,56.25vw);margin:auto;position:absolute;inset:0}.output-waiting{color:#555;place-items:center;height:100%;display:grid}.output-fullscreen-button{color:#ccc;background:#14161acc;border-color:#ffffff26;font-size:12px;position:fixed;top:12px;right:12px}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes blink{50%{opacity:0}}@keyframes blink-soft{50%{opacity:.45}}.csv-dialog{width:min(640px,100vw - 32px);max-height:calc(100vh - 64px);color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px 20px}.csv-dialog::backdrop{background:#0009}.csv-dialog h2{margin:0 0 10px;font-size:15px}.csv-dialog p{margin:0 0 12px}.csv-pages{border-collapse:collapse;table-layout:fixed;width:100%}.csv-pages th,.csv-pages td{text-align:left;border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;padding:5px 8px;overflow:hidden}.csv-pages th{color:var(--muted);font-size:11px;font-weight:600}.csv-pages th:nth-child(2),.csv-pages th:nth-child(3){width:80px}.csv-pages .num{font-family:var(--mono)}.csv-pages .first-cue{color:var(--muted)}.csv-warnings{color:#fde68a;background:#3a2a06;border-radius:6px;max-height:140px;margin:12px 0 0;padding:8px 10px;list-style:none;overflow-y:auto}.csv-warnings li+li{margin-top:3px}.dialog-buttons{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.tc-header{align-items:center;gap:14px;margin-left:auto;display:flex}.tc-header+.clock{margin-left:28px}.tc-header-transport{gap:4px;display:flex}.tc-header-transport button{width:30px;height:26px;padding:0;font-size:11px;line-height:1}.tc-header-transport button.active{background:var(--go);border-color:var(--go);color:#052e13}.tc-display{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted);align-items:baseline;gap:8px;display:flex}.tc-display.running{color:var(--live)}.tc-label,.tc-rate{letter-spacing:.06em;font-size:11px;font-weight:700}.tc-value{font-size:26px;font-weight:600;line-height:1}.tc-settings{display:contents}.tc-settings:disabled>*{opacity:.45}.segmented.four{grid-template-columns:repeat(4,1fr)}.segmented.four button{padding-left:2px;padding-right:2px;font-size:11px}.ltc-status{color:var(--muted);font-size:12px}.ltc-status.ok{color:var(--go)}.ltc-status.warn{color:var(--warn)}.tc-start{font-family:var(--mono);background:var(--panel-raised);border-color:var(--border)}.midi-notice{color:var(--warn);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.tc-transport{grid-template-columns:1fr 1fr 44px;gap:6px;display:grid}.tc-transport .tc-play.active{background:var(--go);border-color:var(--go);color:#052e13;font-weight:700}.source-toggle{letter-spacing:.04em;width:34px;height:22px;color:var(--muted);flex-shrink:0;padding:0;font-size:10px;font-weight:700}.source-toggle.tc{color:var(--warn);border-color:#5c4310}.source-toggle:disabled{opacity:1}.help-footer{border-top:1px solid var(--border);padding:8px}.help-footer button{width:100%;color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:5px 0;font-size:12px;display:flex}.help-footer button:hover{color:var(--text)}.help-mark{border:1px solid;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:grid}.help-dialog{width:min(960px,100vw - 48px);height:min(720px,100vh - 48px);color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:0}.help-dialog[open]{flex-direction:column;display:flex}.help-dialog::backdrop{background:#0009}.help-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px 10px 20px;display:flex}.help-header h2{margin:0;font-size:15px}.help-lang{margin-left:auto;margin-right:10px}.help-close{width:30px;height:30px;padding:0;font-size:18px;line-height:1}.help-layout{flex:1;grid-template-columns:240px 1fr;min-height:0;display:grid}.help-toc{border-right:1px solid var(--border);flex-direction:column;gap:2px;padding:10px 8px;display:flex;overflow-y:auto}.help-toc button{text-align:left;background:0 0;border-color:#0000;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.help-toc button:hover{background:var(--panel-raised)}.help-toc button.active{background:var(--panel-raised);border-color:var(--accent)}.help-toc-number{min-width:18px;font-family:var(--mono);color:var(--muted);font-size:11px}.help-body{outline:none;padding:4px 28px 40px;font-size:14px;line-height:1.7;overflow-y:auto}.help-body section{padding-top:16px}.help-body section+section{border-top:1px solid var(--border);margin-top:12px}.help-body h3{align-items:baseline;gap:8px;margin:0 0 8px;font-size:17px;display:flex}.help-body h4{color:var(--accent);margin:14px 0 4px;font-size:13px}.help-body p{margin:0 0 8px}.help-body ul{margin:0 0 8px;padding-left:20px}.help-body li+li{margin-top:3px}.help-body kbd{min-width:20px;font-family:var(--mono);text-align:center;background:var(--panel-raised);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:12px;line-height:18px;display:inline-block}.help-body code{font-family:var(--mono);font-size:12px}.help-table{border-collapse:collapse;width:100%;margin:6px 0 10px}.help-table th,.help-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:5px 8px}.help-table th{color:var(--muted);font-size:11px;font-weight:600}.help-table td:first-child{white-space:nowrap}.help-example{font-family:var(--mono);background:var(--bg);border:1px solid var(--border);border-radius:6px;margin:8px 0 0;padding:10px 12px;font-size:12px;line-height:1.6;overflow-x:auto}