/*
 * OscMix Web
 * Copyright (C) 2026 Martin Augustyniak
 * SPDX-License-Identifier: GPL-3.0-or-later
 * https://www.gnu.org/licenses/gpl-3.0.html
 */
#control-strip{flex:0 0 auto;width:0;overflow:hidden;transition:width calc(var(--panel-slide-duration-ms) * 1ms) ease;background:#1e1f23;border-left:1px solid #000}#control-strip.open{width:var(--control-strip-width)}#control-strip{position:relative}#control-strip.resizing{transition:none}.cs-grip{position:absolute;left:0;top:0;bottom:0;width:5px;cursor:ew-resize}.cs-grip:hover,#control-strip.resizing .cs-grip{background:var(--accent)}.cs-inner{width:var(--control-strip-width);padding:6px;display:flex;flex-direction:column;gap:5px}.cs-section{background:var(--strip-bg);border:1px solid var(--strip-border);border-radius:4px;overflow:hidden}.cs-section-hdr{display:flex;align-items:center;justify-content:space-between;height:20px;padding:0 7px;font-size:11px;font-weight:600;background:#232427;color:var(--text);cursor:pointer;user-select:none}.cs-section-hdr:hover{color:#fff}.cs-section-hdr{cursor:grab}.cs-section-hdr .cs-fold{color:var(--text-dim);font-weight:700;font-size:12px}.cs-section.cs-dragging{opacity:.5}.cs-hw-row{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:20px;margin:2px 0}.cs-hw-label{font-size:10px;color:var(--text-dim)}.cs-hw-row .ctl-select{width:auto;max-width:60%}.cs-hw-num{width:52px;height:18px;text-align:right;font-family:inherit;font-size:10px;color:var(--text);background:#14151a;border:1px solid var(--strip-border);border-radius:3px}.cs-hw-val{font-size:10px;color:var(--text);font-variant-numeric:tabular-nums}.cs-hw-pill{width:auto;padding:0 8px 1px;font-size:10px;min-width:34px;text-align:center}.cs-section-body{padding:5px 7px}.cs-section.closed .cs-section-body{display:none}.cs-pending{font-size:9px;color:var(--text-dim);text-align:center;padding:6px 0}.cs-slot{display:flex;align-items:center;height:18px;padding:0 5px;border-radius:3px;font-size:10px;color:var(--text);cursor:pointer;user-select:none}.cs-slot:hover{background:#3a3d44}.cs-slot.active{background:#2e4a2f;color:#b5e0b8}.cs-slot.active:after{content:"\25cf";margin-left:auto;font-size:7px;color:#4caf6a}.cs-slot.changed{background:#4a3d2e;color:#e0cdb5}.cs-slot.changed:after{content:"\25cf";margin-left:auto;font-size:7px;color:#e08a3c}.cs-slot.stored:after{content:"\25cb";margin-left:auto;font-size:7px;color:#6f7580}.cs-slot.stored.active:after{content:"\25cf";color:#4caf6a}.cs-slot.arming{outline:1px dashed var(--accent-cyan-dim);outline-offset:-1px}.cs-slot.empty-flash{background:#4a2e2e;color:#e0b5b5}.cs-slot-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:context-menu}.cs-slot-edit{width:100%;height:16px;font-family:inherit;font-size:10px;color:var(--text);background:#14151a;border:1px solid var(--accent);border-radius:3px;padding:0 4px;outline:none}.cs-action{margin-top:4px;width:100%;height:18px;font-size:10px;font-weight:600;background:var(--btn);border:1px solid #14151a;border-radius:3px;color:var(--text-dim);cursor:pointer}.cs-action:hover{color:var(--text)}.cs-master-row{display:flex;gap:4px}.cs-master-row+.cs-master-row{margin-top:5px}.cs-history-btn{flex:1;height:20px;font-size:10px;font-weight:600;background:var(--btn);border:1px solid #14151a;border-radius:3px;color:var(--text-dim);cursor:pointer}.cs-history-btn:hover{color:var(--text)}.cs-history-btn:active{background:#4a4d55;color:#fff}.cs-master-btn{flex:1 1 0;min-width:0;height:20px;line-height:18px;font-size:11px}.cs-group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.cs-group-head{font-size:9px;color:var(--text-dim);text-align:center}.cs-group-btn{height:18px;font-size:10px}.cs-group-btn:hover{color:var(--text)}.cs-group-btn.on{filter:brightness(1.14)}body.globalfadergroup-off .cs-group-btn.fader.on{filter:brightness(.58) saturate(.8)}.cs-mode-row{display:flex;gap:3px;align-items:center}.cs-mode-row .cs-group-btn{flex:1}.cs-alt-btn{flex:1 1 0;min-width:0;height:18px;font-size:10px;font-weight:600;background:transparent;border:1px solid var(--accent-cyan-dim);border-radius:3px;color:var(--accent-cyan);cursor:pointer}.cs-alt-btn:hover{background:#ffffff14}.cs-alt-btn.on{background:var(--accent-cyan);border-color:var(--accent-cyan-dim);color:var(--accent-cyan-ink)}.cs-option-heads .cs-group-head{flex:1 1 0;text-align:left}.cs-alt-btn.option:not(.on){background:var(--accent-cyan-dim);color:#e6fbff}.cs-alt-btn.meter-source,.cs-alt-btn.meter-source.on{background:var(--meter-src);border-color:var(--meter-src-dim);color:var(--meter-src-ink)}.cs-alt-btn.meter-scale,.cs-alt-btn.meter-scale.on{background:var(--meter-accent);border-color:var(--meter-accent-dim);color:var(--meter-accent-ink)}.cs-alt-btn.meter-source:hover,.cs-alt-btn.meter-scale:hover{filter:brightness(1.12)}.cs-alt-btn.meter-source.inert:hover,.cs-alt-btn.meter-scale.inert:hover{filter:none}.cs-alt-btn.inert{opacity:.4;cursor:default}.cs-alt-btn.inert:hover{background:transparent}.cs-durec-display{display:flex;justify-content:space-between;align-items:baseline;background:#14151a;border-radius:3px;padding:3px 6px;margin-bottom:4px;font-size:10px;color:var(--text)}.cs-durec-time{font-variant-numeric:tabular-nums;color:#4caf6a}.cs-durec-row{display:flex;gap:3px;margin-top:3px}.cs-durec-btn{flex:1;height:20px;display:flex;align-items:center;justify-content:center;background:var(--btn);border:1px solid #14151a;border-radius:3px;color:var(--text-dim);cursor:pointer;font-size:11px;line-height:1}.cs-durec-btn:hover{color:var(--text)}.cs-durec-btn.durec-record{color:#d24b4b}.cs-durec-btn.durec-play{font-size:13px}.cs-durec-btn.durec-record.lit{background:#d24b4b;border-color:#8a2020;color:#fff}.cs-durec-btn.durec-play.lit{background:var(--accent-cyan);border-color:var(--accent-cyan-dim);color:var(--accent-cyan-ink)}.cs-durec-btn.durec-pause.lit{background:#e08a3c;border-color:#8a5420;color:#241300}.cs-durec-btn.durec-stop.lit{background:var(--text-dim);border-color:#55585f;color:#16171a}.cs-durec-media{font-size:10px;color:var(--text-dim);margin:3px 0 2px}.cs-durec-media.bad{color:#d24b4b}.cs-durec-pos{display:flex;align-items:center;gap:6px;margin-top:3px}.cs-durec-seek{flex:1;min-width:0;height:14px;accent-color:var(--accent-cyan)}.cs-hw-slider{display:block;width:100%;margin:2px 0 4px}.cs-durec-rec{font-size:10px;color:#d24b4b;font-variant-numeric:tabular-nums;white-space:nowrap}.cs-durec-modes{display:grid;grid-template-columns:auto 1fr;gap:3px 6px;align-items:center;margin-top:4px;font-size:10px;color:var(--text-dim)}.cs-durec-modes .ctl-select{width:100%;min-width:0}.cs-durec-files{margin-top:4px;max-height:160px;overflow-y:auto;background:#14151a;border-radius:3px;font-size:10px}.cs-durec-file{display:flex;align-items:center;gap:5px;padding:2px 5px;cursor:pointer;color:var(--text-dim)}.cs-durec-file:hover{color:var(--text)}.cs-durec-file.selected{background:#1e2a30;color:var(--accent-cyan)}.cs-durec-file .idx{width:18px;text-align:right;opacity:.7;font-variant-numeric:tabular-nums}.cs-durec-file .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-durec-file .info{opacity:.7;font-variant-numeric:tabular-nums;white-space:nowrap}.cs-durec-file .del{background:transparent;border:0;color:#d24b4b;cursor:pointer;font-size:12px;line-height:1;padding:0 2px}.cs-durec-empty{padding:4px 6px;color:var(--text-dim);font-style:italic}.cs-action.on{background:#dd5f00;border-color:#8a5420;color:#16171a}