:root{--bg:#0f1216;--panel:#171b21;--panel-2:#1d222a;--line:#262c35;--line-2:#333b46;--text:#e8ebef;--dim:#8b94a1;--accent:#ff5a36;--song:#4aa3ff;--imaging:#f5b83d;--ok:#3ccf7a;--warn:#ff5a5a;--m-start:#3ccf7a;--m-intro:#f5b83d;--m-segue:#ff5a36;--m-end:#b48cff;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line-2);cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 10px}button:hover:not(:disabled){background:#2a313b}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);font-weight:600}button.danger{color:var(--warn)}button.small{padding:2px 8px;font-size:12px}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line-2);border-radius:6px;padding:6px 9px}.topbar{border-bottom:1px solid var(--line);background:var(--bg);z-index:5;align-items:center;gap:18px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{font-size:16px;font-weight:700}.brand span{color:var(--dim);font-weight:400}.station-pick{padding:4px 8px;font-weight:600}.station-name{color:var(--imaging);font-weight:600}.modes{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:2px;padding:2px;display:flex}.modes button{color:var(--dim);background:0 0;border:0;padding:5px 14px;font-weight:600}.modes button.active{background:var(--panel-2);color:var(--text)}.modes button.active.admin{color:var(--imaging)}.topbar .spacer{flex:1}.clock{font:600 20px/1 var(--mono)}.pill{letter-spacing:.05em;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.pill.on{background:var(--accent);color:#fff}.pill.dead{background:var(--warn);color:#fff;animation:1s steps(2,end) infinite blink}.pill.idle{background:var(--line);color:var(--dim)}@keyframes blink{50%{opacity:.4}}.banner{border:1px solid var(--warn);background:#3a1c1c;border-radius:8px;margin:12px 16px 0;padding:9px 12px}.banner.info{border-color:var(--song);background:#1c2a3a}.page{gap:16px;padding:16px;display:grid}.columns{grid-template-columns:minmax(0,3fr) minmax(320px,2fr);align-items:start;gap:16px;display:grid}@media (width<=1000px){.columns{grid-template-columns:1fr}}.stack{gap:16px;min-width:0;display:grid}section.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:0;padding:12px}section.panel>h2{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);align-items:center;gap:8px;margin:0 0 10px;font-size:12px;display:flex}.hint{text-transform:none;letter-spacing:0;color:var(--dim);font-size:12px;font-weight:400}.empty{color:var(--dim);padding:8px 0}.decks{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=1000px){.decks{grid-template-columns:repeat(2,minmax(0,1fr))}}.deck{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;min-width:0;min-height:132px;padding:10px 12px;display:flex;position:relative}.deck.on-air{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;background:#1f1714}.deck.cued{border-style:dashed;border-color:var(--imaging)}.deck.pinned{border-style:dashed;border-color:var(--song)}.deck.drop{outline:2px solid var(--song);outline-offset:2px}.deck-head{color:var(--dim);align-items:center;gap:8px;font-size:12px;display:flex}.deck-num{color:var(--text);font-weight:700}.status{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.status.playing{color:var(--ok)}.status.cued{color:var(--imaging)}.status.fading{color:var(--dim)}.status.pinned{color:var(--song)}.deck.on-air .status.playing{color:var(--accent)}.deck .empty-deck{color:var(--dim);text-align:center;margin-top:auto;margin-bottom:auto;font-size:12px}.countdown{font:700 26px/1 var(--mono);margin-top:auto}.countdown small{font:600 11px var(--mono);color:var(--dim);letter-spacing:.06em;margin-right:6px}.countdown.vocal{color:var(--imaging)}.deck.on-air .countdown{font-size:34px}.title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.title b{font-weight:600}.sub{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.chip{background:var(--line);color:var(--text);border-radius:4px;margin-right:4px;padding:0 6px;font-size:11px;font-weight:600;display:inline-block}.bar{background:var(--line);border-radius:3px;height:6px;position:relative;overflow:hidden}.bar i{background:var(--song);position:absolute;inset:0 auto 0 0}.bar.imaging i{background:var(--imaging)}.bar.fading i{background:var(--dim)}.bar u{background:var(--text);width:2px;position:absolute;top:0;bottom:0}.rows{display:grid}.row{border-top:1px solid var(--line);border-radius:4px;grid-template-columns:64px 8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 4px;display:grid}.row:first-child{border-top-color:#0000}.row[draggable=true]{cursor:grab}.row.on-air{border:1px solid var(--ok);background:#3ccf7a14;border-radius:6px;margin-bottom:4px}.row.on-air+.row.on-air{margin-top:-2px}.on-air-tag{font:700 11px var(--mono);color:var(--ok);letter-spacing:.06em}.row.on-air .left{font:600 13px var(--mono);color:var(--ok);text-align:right;min-width:44px}.row.drop-before{box-shadow:0 -2px 0 var(--song)}.rows.drop-end{box-shadow:0 2px 0 var(--song)}.time{font:13px var(--mono);color:var(--dim)}.dot{background:var(--song);border-radius:50%;width:8px;height:8px}.dot.imaging{background:var(--imaging)}.dot.voice{background:#c792ff}.actions{gap:4px;display:flex}.legend{color:var(--dim);gap:14px;margin-top:8px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:8px;display:flex}.tabs button{color:var(--dim);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:6px 12px;font-weight:600}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.tabs button span{color:var(--dim);margin-left:4px;font-weight:400}.search{width:100%;margin-bottom:8px}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.filters .search{flex:1;width:auto;min-width:200px;margin:0}table.lib{border-collapse:collapse;width:100%}table.lib th{text-align:left;color:var(--dim);border-bottom:1px solid var(--line);background:var(--panel);padding:6px 8px;font-size:12px;font-weight:600;position:sticky;top:52px}table.lib td{border-bottom:1px solid var(--line);vertical-align:middle;padding:6px 8px}table.lib tr:hover td{background:var(--panel-2)}table.lib td.num{font:13px var(--mono);color:var(--dim)}.src{font-size:11px;font-weight:600}.src.user{color:var(--ok)}.src.wav{color:var(--song)}.src.imported{color:var(--imaging)}.editor-backdrop{z-index:10;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.editor{background:var(--panel);border:1px solid var(--line-2);border-radius:12px;gap:12px;width:min(1200px,100%);max-height:100%;padding:16px;display:grid;overflow:auto}.editor header{align-items:baseline;gap:12px;display:flex}.editor header h3{margin:0;font-size:18px}.editor header .spacer{flex:1}.wave-wrap{background:var(--bg);border:1px solid var(--line);border-radius:8px;overflow-x:auto}.wave-wrap canvas{cursor:crosshair;display:block}.marker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@media (width<=800px){.marker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.marker{border:1px solid var(--line);cursor:pointer;border-radius:8px;gap:6px;padding:8px;display:grid}.marker.selected{border-color:var(--text)}.marker .name{text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.marker .value{font:600 18px var(--mono)}.marker .row-btns{flex-wrap:wrap;gap:4px;display:flex}.transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.transport .pos{font:600 16px var(--mono);min-width:110px}.keys{color:var(--dim);font-size:12px}kbd{font:11px var(--mono);border:1px solid var(--line-2);color:var(--text);border-radius:4px;padding:0 4px}.placeholder{max-width:720px}.placeholder h2{margin-top:0}.placeholder li{color:var(--dim);margin:6px 0}.placeholder li b{color:var(--text)}.banner.trim{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.banner.trim .hint{flex-basis:100%}.deck.loaded{border-color:var(--ok);cursor:pointer;-webkit-user-select:none;user-select:none;border-style:dashed}.status.loaded{color:var(--ok)}.deck-buttons{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;display:flex}button.fire{background:var(--ok);border-color:var(--ok);color:#0f1216;padding:8px 16px;font-size:16px;font-weight:700}button.fire:hover:not(:disabled){background:#5fe196}button.stop{color:var(--warn);border-color:#5a2a2a}.live-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.modes button.active.assist{color:var(--imaging)}.modes.processing{align-items:center;margin-left:auto}.modes-label{color:var(--dim);padding:0 6px 0 10px;font-size:12px}.paused-note{border:1px solid var(--imaging);color:var(--imaging);background:#3a2a14;border-radius:8px;align-items:center;gap:10px;padding:4px 6px 4px 12px;font-weight:600;display:inline-flex}.title .version{color:var(--dim)}.hour{padding:0}.hour-head{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.hour-head:hover{background:var(--panel-2)}.hour-time{font:700 16px var(--mono)}.log-rows{padding:0 12px 10px;display:grid}.log-rows>.banner{margin:0 0 8px}.log-row{border-top:1px solid var(--line);grid-template-columns:72px 8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:5px 4px;display:grid}.log-row.imaging,.log-row.item{opacity:.8}.log-row .title,.swap-row .title,.log-row .sub{display:block}.log-row.previewing,.swap-row.previewing{box-shadow:inset 3px 0 #3fd5e0}.flags{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.flag{white-space:nowrap;border-radius:4px;padding:0 6px;font-size:11px}.flag.hard{color:var(--warn);background:#3a1c1c;border:1px solid #5a2a2a;font-weight:600}.flag.soft{color:var(--dim);font-style:italic}.warn-text{color:var(--warn)}.dim{color:var(--dim)}button.link{color:var(--song);background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.swap{border:1px solid var(--line-2);background:var(--bg);border-radius:8px;max-height:360px;margin:4px 0 8px 82px;padding:8px;overflow:auto}.swap-head{background:var(--bg);align-items:center;gap:10px;margin-bottom:6px;padding:4px 0;display:flex;position:sticky;top:-8px}.swap-head input{flex:1;padding:3px 8px}.swap-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:4px;display:grid}.swap-row.current{background:var(--panel)}.form-grid{grid-template-columns:140px minmax(0,1fr);align-items:start;gap:12px 16px;display:grid}.form-grid>label{padding-top:6px;font-weight:600}.inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.patterns{gap:4px;margin-top:8px;display:grid}.patterns code{font:600 14px var(--mono);letter-spacing:.15em}.rule-row{border-top:1px solid var(--line);grid-template-columns:auto minmax(180px,1.2fr) minmax(0,1.5fr) auto auto;align-items:center;gap:12px;padding:8px 0;display:grid}.rule-order{flex-direction:column;gap:2px;display:flex}.rule-order button{padding:0 6px;font-size:11px}.small-modes button{padding:3px 10px;font-size:12px}@media (width<=900px){.rule-row{grid-template-columns:auto 1fr}}.hour-divider{font:600 11px var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line-2);padding:10px 4px 2px}.log-row.status-played,.log-row.status-skipped{opacity:.45}.log-row.status-sent{box-shadow:inset 3px 0 0 var(--accent)}.status-tag{font-size:11px}.status-tag.skipped{color:var(--imaging)}.status-tag.sent{color:var(--accent)}.now-hour{border:1px solid var(--accent);background:#1f1714;border-radius:8px;margin-bottom:6px;padding:6px 10px}.now-hour b{color:var(--accent)}.hour-divider.current{color:var(--accent);border-bottom-color:var(--accent)}.rows .hour-divider{border:0;border-top:2px solid var(--line-2);border-radius:0 0 6px 6px;align-items:baseline;gap:10px;margin:14px 0 4px;padding:8px 10px;display:flex}.rows .hour-divider.next{border-top-color:var(--song);color:var(--text);background:#18222e}.rows .hour-divider.current{border-top-color:var(--accent);background:#2a1813;margin-top:4px}.rows .hour-divider .hour-name{letter-spacing:0;font-size:18px}.transition-strip{gap:6px;padding:8px 0 2px;display:flex;overflow-x:auto}.transition-chip{white-space:nowrap;font-size:12px}.transition-chip.active{border-color:var(--accent);background:#2a1c17}.transition-chip.done{opacity:.5}.transition .countdown{margin:0 12px 0 0;font-size:26px}.lanes{gap:6px;margin:12px 0 6px;display:grid;position:relative}.lane{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:10px;display:grid}.lane-label{color:var(--dim);min-width:0;font-size:12px}.lane-label .artist{color:var(--text);font-size:13px;font-weight:700}.lane-label .title{color:var(--text);font-size:13px}.lane-label .version{color:var(--dim);font-size:12px}.lane-label>div{white-space:nowrap;text-overflow:ellipsis;line-height:1.25;overflow:hidden}.lane-track{background:var(--bg);border:1px solid var(--line);border-radius:6px;height:56px;min-height:62px;position:relative;overflow:hidden}.lane-clip{border:1px solid var(--line-2);background:#4aa3ff14;border-radius:4px;position:absolute;top:3px;bottom:3px;overflow:hidden}.lane-clip.imaging{background:#f5b83d1a}.lane-clip canvas{width:100%;height:100%;display:block}.lane-fade{background:linear-gradient(90deg,#0000,#0f1216bf);position:absolute;top:0;bottom:0;right:0}.lane-duck{border-left:1px dashed var(--accent);border-right:1px dashed var(--accent);background:#ff5a362e;position:absolute;top:0;bottom:0}.lane-playhead{background:#fff;width:2px;position:absolute;top:-2px;bottom:-2px}.lane-marks{height:18px;margin-left:230px;position:relative}.mark{font:600 10px var(--mono);text-transform:uppercase;border-top:2px solid;padding-top:4px;position:absolute;top:0;transform:translate(-50%)}.mark.handover{color:var(--text);border-color:var(--text)}.mark.vocal{color:var(--imaging);border-color:var(--imaging)}.lane-clip.draggable{cursor:grab;border-color:var(--text)}.lane-clip.draggable:active{cursor:grabbing}.trim-handle{cursor:ew-resize;background:linear-gradient(90deg,#4aa3ffe6,#4aa3ff26);border-radius:4px 0 0 4px;width:14px;position:absolute;top:0;bottom:0;left:0}.trim-handle:after{content:"";opacity:.8;border-left:1px solid #fff;border-right:1px solid #fff;width:3px;position:absolute;top:35%;bottom:35%;left:5px}.trim-handle:hover{background:#4aa3fff2}.lanes{-webkit-user-select:none;user-select:none}.lane-ghost{border:1px dashed var(--line-2);opacity:.3;border-radius:4px;position:absolute;top:3px;bottom:3px;overflow:hidden}.trim-handle.end{background:linear-gradient(270deg,#4aa3ffe6,#4aa3ff26);border-radius:0 4px 4px 0;left:auto;right:0}.lane-ruler{border-bottom:1px solid var(--line);cursor:ew-resize;-webkit-user-select:none;user-select:none;height:20px;margin-left:230px;position:relative;overflow:hidden}.lane-ruler:hover{background:#18202a}.lane-ruler span{border-left:1px solid var(--line-2);font:10px var(--mono);color:var(--dim);white-space:nowrap;padding:0 0 1px 3px;position:absolute;bottom:0}.transition .zoom{align-items:center;gap:4px;margin-left:8px;display:inline-flex}.transition .zoom .hint{min-width:120px}.chip.readonly{background:var(--line);color:var(--dim)}.lane-track{cursor:text}.lane-cursor{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:18px;box-shadow:0 0 0 1px #0006}.lane-playhead{display:none}.chip.unsaved{color:var(--imaging);background:#3a2a14}.edit-bar{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.mic-closed{align-items:center;gap:8px;padding-top:10px;padding-bottom:10px;display:flex}.mic-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin:14px 0 8px;display:grid}@media (width<=900px){.mic-grid{grid-template-columns:minmax(0,1fr)}}.meter-row{grid-template-columns:80px minmax(0,1fr) 56px auto;align-items:center;gap:10px;margin:6px 0;display:grid}.meter-label,.mic-slider>span:first-child{color:var(--dim);font-size:12px}.meter-value{font:12px var(--mono);text-align:right}.meter{background:var(--bg);border:1px solid var(--line);border-radius:3px;height:12px;position:relative;overflow:hidden}.meter i{background:var(--song);position:absolute;top:0;bottom:0;left:0}.meter i.good{background:var(--ok)}.meter i.hot{background:var(--warn)}.meter b{background:var(--text);opacity:.4;width:1px;position:absolute;top:0;bottom:0}.meter.reduction i{background:var(--imaging)}.chip.gate-open{color:var(--ok);background:#173524}.mic-slider{grid-template-columns:80px minmax(0,1fr) 56px minmax(0,1.2fr);align-items:center;gap:10px;margin:8px 0;display:grid}.mic-slider input[type=range]{width:100%;accent-color:var(--song)}.mic-slider .hint{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.presets{gap:6px;margin-bottom:6px}.presets button.active{border-color:var(--song);background:#14273b}.mic-test{border-top:1px solid var(--line);gap:10px;padding-top:10px}.mic-test .countdown{margin:0;font-size:22px}.toggle{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.voice-bar{border-top:1px solid var(--line);gap:10px;margin-top:8px;padding-top:10px}.voice-rec{background:#1b1424;border:1px solid #5b3d7a;border-radius:8px;gap:8px;margin-top:10px;padding:10px 12px;display:grid}.voice-rec .countdown{margin:0;font-size:30px}.rec-dot{color:var(--warn);font:700 13px var(--mono);animation:1s steps(2,end) infinite rec-blink}@keyframes rec-blink{50%{opacity:.35}}.steps{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.steps li{color:var(--dim);border:1px solid var(--line);border-radius:12px;padding:3px 8px;font-size:12px}.steps li.now{color:var(--text);background:#2b1d3d;border-color:#c792ff;font-weight:600}.steps li.done{opacity:.5}.lane-clip.voice{background:#c792ff1a}.row.voice-row{background:#c792ff12;box-shadow:inset 3px 0 #c792ff}.row.voice-row .title{font-size:13px}.voice-processing{flex-basis:100%;gap:6px}.voice-processing button.active{background:#2b1d3d;border-color:#c792ff}.voice-bar{flex-wrap:wrap}.cat-row{border-top:1px solid var(--line);grid-template-columns:36px minmax(0,320px) 90px auto;align-items:center;gap:10px;padding:5px 0;display:grid}.cat-row:first-of-type{border-top:0}.cat-row input[type=color]{border:1px solid var(--line-2);cursor:pointer;background:0 0;width:32px;height:26px;padding:0}.cat-row .cat-name{width:100%}.cat-add{grid-template-columns:36px minmax(0,320px) auto;margin-top:6px}.hour-tools{gap:10px;margin-bottom:6px}.clock .zone{color:var(--dim);margin-left:2px;font-size:12px}.clock .local-time{color:var(--dim);text-align:right;font-size:11px;display:block}.hour-divider.now-band{border:0;border-top:2px solid var(--accent);color:var(--accent);background:#2a1813;border-radius:0 0 6px 6px;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 6px;padding:8px 10px;display:flex}.hour-divider.now-band .hour-name{letter-spacing:0;font-size:18px}.hour-divider.now-band .forecast{text-transform:none;letter-spacing:0;flex-basis:100%;font:500 13px/1.4 system-ui,Segoe UI,sans-serif}.hour-divider.now-band .forecast .hint{font:inherit}.chip.filled{color:var(--song);background:#14273b;margin-top:3px}.drop-to-add{position:relative}.drop-to-add.over:after{content:"";border:2px dashed var(--song);pointer-events:none;border-radius:10px;position:absolute;inset:-6px}.add-bar{align-items:center;gap:10px;margin:0 0 10px;display:flex}.uploads{gap:4px;margin-bottom:10px;display:grid}.upload{grid-template-columns:minmax(0,320px) 160px minmax(0,1fr);align-items:center;gap:10px;font-size:13px;display:grid}.upload .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.upload.done .meter i{background:var(--ok)}.upload.error .hint{color:var(--warn)}.drop-targets{z-index:5;background:#0f1216f0;border-radius:10px;flex-wrap:wrap;gap:8px;padding:14px;display:flex;position:absolute;top:40px;left:0;right:0}.drop-target{border:2px solid var(--line-2);background:var(--panel);border-radius:8px;gap:2px;min-width:140px;padding:14px 16px;display:grid}.drop-target span{color:var(--dim);font-size:12px}.drop-target.new{border-color:var(--song)}.drop-target:hover{background:#14273b}.drop-hint{color:var(--dim);flex-basis:100%;font-size:12px}.tabs .count{background:var(--song);color:#fff;border-radius:9px;min-width:18px;margin-left:4px;padding:0 5px;font-size:11px;display:inline-block}.new-tray input{padding:3px 6px;font-size:13px}.new-tray .note{white-space:nowrap;font-size:12px}.seg-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (width<=1100px){.seg-layout{grid-template-columns:minmax(0,1fr)}}.seg-list{max-height:calc(100vh - 90px);position:sticky;top:10px;overflow-y:auto}.seg-editor{min-width:0}.seg-editor .panel.transition{margin-top:0}.hour-list{display:grid}.hl-song{border-radius:6px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px;font-size:13px;display:grid}.hl-song .time{font:12px var(--mono);color:var(--dim)}.hl-song .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hl-song .version{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.hl-song{cursor:pointer}.hl-song:hover{background:#18202a}.hl-song.played{opacity:.45}.hl-song.air{box-shadow:inset 3px 0 0 var(--ok)}.hl-song.selected{background:#1d2733}.hl-tools{opacity:0;gap:2px;display:inline-flex}.hl-song:hover .hl-tools,.hl-song.selected .hl-tools,.hl-tools:focus-within{opacity:1}.chip.air{color:var(--ok);background:#173524}.hl-handover{all:unset;box-sizing:border-box;cursor:pointer;border-radius:6px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:3px 6px;display:grid}.hl-handover:hover{background:#18202a}.hl-handover .hl-line{background:var(--line-2);justify-self:center;width:2px;height:22px}.hl-handover .hl-what{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12px;display:flex}.hl-handover .hl-img{color:var(--imaging);white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.hl-handover .hl-voice{color:#c792ff}.hl-handover.done{opacity:.45}.hl-handover.selected{box-shadow:inset 3px 0 0 var(--song);background:#14273b}.hl-handover.selected .hl-line{background:var(--song)}.transition-title{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;margin:0;font-size:17px;display:flex}.transition-title .arrow{color:var(--song)}.add-bar{flex-wrap:wrap}.transport .jump{gap:4px;display:inline-flex}.radio-edit{border:1px solid var(--line-2);border-radius:8px;gap:10px;margin-top:12px;padding:10px 12px;display:grid}.radio-edit.closed{border-style:dashed;align-items:center;gap:10px;display:flex}.radio-edit .re-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.radio-edit .name{color:var(--dim);margin-bottom:4px;font-size:13px}.radio-edit .value{font:600 15px var(--mono);color:var(--text)}.radio-edit .row-btns{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;display:flex}.radio-edit button.active{border-color:var(--song);background:#14273b}.radio-edit svg.curve{width:60px;height:24px;color:var(--song)}.preview-bar{z-index:4;background:var(--panel);border:1px solid var(--song);border-radius:10px;margin-top:10px;padding:8px 12px 10px;position:sticky;bottom:0;box-shadow:0 -6px 18px #0006}.preview-bar .pb-top{align-items:center;gap:8px;margin-bottom:6px;display:flex}.preview-bar .pb-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.preview-bar .pb-time{font:12px var(--mono);color:var(--dim)}.preview-bar .pb-wave{cursor:pointer;width:100%;height:56px;display:block}table.lib tr.previewing{outline:2px solid var(--ok);outline-offset:-2px;background:#3ccf7a12}table.lib td:first-child{white-space:nowrap}.rating{white-space:nowrap;font-weight:600}.rating small{color:var(--dim);font-weight:400}.rating.good{color:var(--ok)}.rating.poor{color:var(--warn)}.charts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;display:grid}@media (width<=1100px){.charts{grid-template-columns:minmax(0,1fr)}}.charts h3{margin:8px 0;font-size:14px}.fixes{gap:4px;margin-bottom:8px;font-size:13px;display:grid}.chart-row{border-top:1px solid var(--line);grid-template-columns:28px 30px minmax(0,1fr) 130px 64px 36px;align-items:center;gap:8px;padding:6px 4px;display:grid}.chart-row .pos{font:700 16px var(--mono);color:var(--dim);text-align:right}.chart-row .title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chart-row .score{font:12px var(--mono);text-align:right;color:var(--dim)}.chart-row.held{opacity:.55}.mv{font:600 11px var(--mono);text-align:center}.mv.up{color:var(--ok)}.mv.down{color:var(--warn)}.mv.new{color:var(--song)}.mv.same{color:var(--dim)}.chart-row.previewing{outline:2px solid var(--ok);outline-offset:-2px;background:#3ccf7a12;border-radius:4px}.chart-row select.cat{padding:2px 4px;font-size:12px}.chart-row select.cat.none{color:var(--dim)}.bulk-bar{z-index:3;border:1px solid var(--song);background:#14273b;border-radius:8px;align-items:center;gap:10px;margin:6px 0;padding:8px 10px;display:flex;position:sticky;top:0}table.lib th.tick,table.lib td.tick{text-align:center;width:26px}table.lib tr.selected{background:#4aa3ff1a}.login-page{place-items:center;min-height:100vh;padding:16px;display:grid}.panel.login{gap:12px;width:min(360px,100%);padding:24px;display:grid}.panel.login .brand{margin-bottom:6px;font-size:20px}.panel.login label{color:var(--dim);gap:4px;font-size:13px;display:grid}.panel.login input{padding:8px 10px;font-size:15px}.user-menu{position:relative}.user-pop{z-index:20;gap:8px;min-width:260px;padding:12px;display:grid;position:absolute;top:36px;right:0}.user-pop label{color:var(--dim);gap:4px;font-size:12px;display:grid}.add-user{flex-wrap:wrap;gap:8px;margin-top:12px}table.lib td{white-space:nowrap;padding-top:4px;padding-bottom:4px}table.lib td.grow,table.lib th.grow{width:100%;max-width:0}table.lib td.grow .title{text-overflow:ellipsis;overflow:hidden}table.lib select.cat{max-width:150px;padding:2px 4px;font-size:12px}table.lib td.cues{color:var(--dim);font-size:12px}.src-dot{background:var(--line-2);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.src-dot.user{background:var(--ok)}.src-dot.wav{background:var(--song)}.src-dot.imported{background:var(--imaging)}.row-actions{justify-content:flex-end;align-items:center;gap:2px;display:flex}.row-actions .audio{text-align:center;width:18px;font-size:12px}.row-actions .audio.local{color:var(--ok)}.row-actions .audio.cloud{color:var(--dim)}.row-actions .audio.missing{color:var(--warn)}button.icon{min-width:28px;padding:2px 7px;font-size:13px}.menu-wrap{position:relative}.row-menu{z-index:6;background:var(--panel);border:1px solid var(--line-2);border-radius:8px;min-width:190px;padding:4px;display:grid;position:absolute;top:26px;right:0;box-shadow:0 6px 18px #00000073}.row-menu button{text-align:left;background:0 0;border:0;border-radius:6px;padding:7px 10px}.row-menu button:hover{background:var(--panel-2)}.row-menu button.danger{color:var(--warn)}.library-rows{align-content:start;min-height:300px;max-height:calc(100vh - 330px);overflow-y:auto}@media (width<=900px){.columns{grid-template-columns:minmax(0,1fr)}.decks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.topbar{flex-wrap:wrap;row-gap:8px}.topbar .brand span{display:none}.topbar nav.modes{scrollbar-width:none;flex-basis:100%;order:10;overflow-x:auto}.topbar nav.modes button{flex:none}.clock{font-size:16px}.page{gap:10px;padding:10px}.panel{padding-left:10px;padding-right:10px}}:root{--pfl:#2fd3e0}.row.pfl{box-shadow:inset 3px 0 0 var(--pfl);background:#2fd3e012}.pfl-btn.on{border-color:var(--pfl);color:var(--pfl);font-family:var(--mono)}.pfl-bar{background:var(--line);cursor:pointer;border-radius:3px;height:6px;margin-top:5px;overflow:hidden}.pfl-bar i{background:var(--pfl);height:100%;display:block}.deck{gap:4px}.deck .spacer{flex:1}.deck-head{align-items:center;gap:8px;min-height:24px;display:flex}.deck-badge{background:var(--panel-2);width:22px;height:22px;color:var(--dim);font:700 12px var(--mono);border-radius:6px;place-items:center;display:inline-grid}.deck.on-air .deck-badge{background:var(--accent);color:#fff}.deck-song{min-width:0;margin-top:4px}.deck-song .artist{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.deck-song .song-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.deck-song .version{color:var(--dim)}.deck-progress{margin-top:8px}.deck-progress .bar{border-radius:4px;height:8px}.deck-times{font:12px var(--mono);color:var(--dim);justify-content:space-between;margin-top:3px;display:flex}.deck .countdown{align-items:baseline;gap:8px;margin-top:auto;display:flex}.deck .countdown small{margin:0}.deck.empty{background:0 0;border-style:dashed}.deck.empty .empty-deck{opacity:.6;font-size:13px}.deck.fading{opacity:.6}.deck-foot{align-items:center;gap:8px;margin-top:auto;display:flex}.deck-len{font:12px var(--mono);color:var(--dim)}.deck button.stop{color:var(--warn)}.search-count{margin:6px 2px 0}.title .t-artist{font-weight:600}.title .t-mix{color:var(--dim)}.title .t-mix:before{content:" ("}.title .t-mix:after{content:")"}.imaging-title .tag{font:600 10px var(--mono);color:var(--imaging);vertical-align:1px;border:1px solid #f5b83d73;border-radius:4px;margin-left:8px;padding:0 4px}.rows.banded{gap:2px}.rows.banded .row{border-top:0;padding:8px}.rows.banded .row.band-a{background:#4ea1ff1a}.rows.banded .row.band-b{background:#ffffff06}.rows.banded .row.imaging-row{box-shadow:inset 4px 0 0 var(--imaging);background:#f5b83d1f}.rows.banded .row.imaging-row .imaging-line{align-items:center;gap:8px;display:flex}.rows.banded .row.voice-row{background:#c792ff24;box-shadow:inset 4px 0 #c792ff}.rows.banded .row.drop-before{box-shadow:0 -2px 0 var(--song)}.rows.banded .hour-divider{margin-top:12px}.row .actions button.icon{opacity:.55}.row:hover .actions button.icon{opacity:1}.seg-list .back{margin:8px 0 0}.sound .inline{flex-wrap:wrap;margin:8px 0}.sound h3{margin:18px 0 6px}.sound-found{flex-wrap:wrap;gap:4px;margin:4px 0 8px;display:flex}.lane-scroll{background:var(--bg);border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;height:12px;margin:4px 0 0 230px;position:relative}.lane-scroll .thumb{cursor:grab;background:#3a4a5c;border-radius:5px;min-width:6px;position:absolute;top:1px;bottom:1px}.lane-scroll .thumb:hover,.lane-scroll:active .thumb{background:#4f6680}.lane-scroll .head{background:var(--warn);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.modal-backdrop{z-index:50;background:#05080c99;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--panel,#121820);border:1px solid var(--line-2);border-radius:10px;width:min(440px,100vw - 32px);padding:18px 20px;box-shadow:0 20px 60px #00000080}.modal h3{margin:0 0 6px}.modal p{margin:0 0 14px}.modal-actions{gap:8px;margin-bottom:8px}.lane-eof{background:var(--warn);opacity:.8;pointer-events:auto;cursor:help;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.storage h3{margin:18px 0 6px}.storage .policy{position:relative}.storage .policy pre{background:var(--bg);border:1px solid var(--line);font:12px var(--mono);border-radius:6px;max-height:260px;margin:0 0 6px;padding:10px;overflow-x:auto}.storage code{font:12px var(--mono)}.chip.ok{color:var(--ok);background:#173524}.checks{gap:4px;margin:8px 0;padding:0;font-size:13px;list-style:none;display:grid}.checks li.ok{color:var(--ok)}.checks li.bad{color:var(--warn)}.import-progress{gap:6px;max-width:520px;display:grid}.import-progress .bar{border-radius:4px;height:8px}