:root,:root[data-theme=dark]{color-scheme:dark;--bg: #16171d;--panel: #20222b;--panel-2: #262833;--text: #e6e6ea;--muted: #9aa0ac;--accent: #1db954;--danger: #e05656;--border: #33363f;--plot-bg: #121319;--wave: #1aa3c4;--playhead: #ffffff;--grid: rgba(255, 255, 255, .08)}:root[data-theme=light]{color-scheme:light;--bg: #eef0f4;--panel: #ffffff;--panel-2: #f3f5f8;--text: #14161c;--muted: #5b6270;--accent: #1d4ed8;--danger: #c2372f;--border: #d3d8e0;--plot-bg: #ffffff;--wave: #1d4ed8;--playhead: #111111;--grid: rgba(0, 0, 0, .1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{display:flex;flex-direction:column;height:100vh}.toolbar,.status{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.status{border-top:1px solid var(--border);border-bottom:none;color:var(--muted)}.brand{color:var(--accent);letter-spacing:.5px;margin-right:6px}.badge{font-size:11px;padding:3px 9px;border-radius:10px;border:1px solid var(--border);margin-right:6px;cursor:pointer}.badge.on{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text);border-color:var(--accent)}.badge.off{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--muted);border-color:var(--danger)}.spacer{flex:1}button,select,input{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 9px;font:inherit}button{cursor:pointer}button:hover:not(:disabled,.primary):not(:disabled,.danger){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}select option{background:var(--panel);color:var(--text)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}button.danger{background:var(--danger);color:#fff;border-color:var(--danger);font-weight:600}label{display:inline-flex;align-items:center;gap:5px;color:var(--muted)}label input[type=number]{width:56px}.check{gap:4px}.body{flex:1;display:flex;min-height:0}.sidebar{width:320px;min-width:220px;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sidebar-head{padding:8px 10px;color:var(--muted);border-bottom:1px solid var(--border)}.queue{flex:1;min-height:0;overflow-y:auto;position:relative}.queue .empty,.cues .empty{color:var(--muted);cursor:default;text-align:center;padding:14px}.qrow{box-sizing:border-box;padding:6px 10px;border-bottom:1px solid var(--grid);cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.qrow:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.qrow.sel{background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 3px 0 0 var(--accent)}.qname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qmeta{color:var(--muted);font-size:11px}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;padding:10px;gap:8px}.placeholder{color:var(--muted);margin:auto}.readout{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.readout .title{font-weight:600}.readout .stat{color:var(--muted)}.readout .stat b{color:var(--text)}.waveform{flex:1;min-height:160px;border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:crosshair}.transport{display:flex;align-items:center;gap:6px}.transport .play{min-width:44px;font-size:15px}.transport .time{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:6px}.cues{border-collapse:collapse;width:100%}.cues th,.cues td{text-align:left;padding:4px 8px;border-bottom:1px solid var(--grid)}.cues tbody tr{cursor:pointer}.cues tbody tr.sel{background:color-mix(in srgb,var(--accent) 14%,transparent)}.cues input{width:100%}.cues input[type=number]{width:110px}.swatch{display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid var(--grid)}.prog{color:var(--accent);font-variant-numeric:tabular-nums}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px;min-width:420px;max-width:90vw;max-height:80vh;overflow:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.shortcuts{border-collapse:collapse;width:100%}.shortcuts td{padding:3px 8px;border-bottom:1px solid var(--grid)}.shortcuts .key{color:var(--accent);font-family:ui-monospace,monospace;white-space:nowrap;width:40%}