/*
 * OscMix Web
 * Copyright (C) 2026 Martin Augustyniak
 * SPDX-License-Identifier: GPL-3.0-or-later
 * https://www.gnu.org/licenses/gpl-3.0.html
 */
.editor{display:flex;flex-direction:column;gap:4px;min-height:0}.editor-full{flex:1 1 auto}.side-panel-eq .side-panel-title,.side-panel-dyn .side-panel-title{display:none}.editor-head{display:flex;align-items:center;gap:4px}.editor-head .pill{flex:0 1 auto;width:auto;padding:0 8px 1px}.editor-al-head{margin-top:2px}.editor-canvas{width:100%;display:block;background:#17181b;border:1px solid var(--strip-border);border-radius:4px;cursor:crosshair;touch-action:none}.editor-plot{position:relative;display:flex;flex-direction:column}.editor-full .editor-plot{flex:1 1 0;min-height:180px}.editor-compact .editor-canvas{height:120px;flex:0 0 auto}.editor-full .editor-canvas{flex:1 1 0;min-height:180px}.editor-band-grid{display:flex;gap:3px;align-items:stretch;flex:0 0 auto;overflow-x:auto;overflow-y:hidden}.editor-band-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--strip-bg);border:1px solid var(--strip-border);transition:border-color .12s,background-color .12s;border-top:2px solid var(--band-accent, var(--strip-border));border-radius:4px;padding:2px 2px 3px}.editor-band-label{font-size:9px;font-weight:700;letter-spacing:.05em;color:var(--band-accent, var(--text-dim))}.editor-band-label{height:16px;line-height:16px}.editor-type-fixed{height:18px;line-height:18px;font-size:9px;font-style:italic;color:var(--text-dim)}.editor-band-col .ctl-select{width:100%;min-width:0;font-size:9px;text-align:center}.editor-band-col .pill{width:100%;padding:0 0 1px;text-align:center}.editor-band-col.is-hover{border-color:color-mix(in srgb,var(--band-accent, var(--text-dim)) 55%,transparent)}.editor-band-col.is-active{border-color:var(--band-accent, var(--text-dim));background:color-mix(in srgb,var(--band-accent, var(--text-dim)) 13%,var(--strip-bg))}.editor-band-col .ctl-select{border-color:var(--band-accent, var(--strip-border))}.editor-knob-cell{display:flex;flex-direction:column;align-items:center;gap:1px}.editor-knob-cell .arc-value{stroke:var(--band-accent, #e08a3c)}.editor-dyn-grid{display:flex;flex-wrap:wrap;gap:3px 10px;justify-content:center;align-items:flex-end}.editor-al-row{align-items:center}.editor-al-row .pill{flex:0 0 auto;width:auto;padding:0 6px 1px}.editor-drawer{position:absolute;top:1px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.editor-drawer-body{display:flex;gap:12px;padding:0 12px;max-height:0;overflow:hidden;background:var(--strip-bg);border:solid var(--strip-border);border-width:0 1px;transition:max-height .2s,padding .2s}.editor-drawer.open .editor-drawer-body{max-height:90px;padding:4px 12px}.editor-drawer-handle{width:100%;height:14px;padding:0;background:var(--strip-bg);border:1px solid var(--strip-border);border-top:0;border-radius:0 0 6px 6px;color:var(--text-dim);font-size:12px;line-height:1;cursor:pointer}.editor-drawer-handle:hover{color:var(--text)}.editor-drawer-handle:before{content:"\25be"}.editor-drawer.open .editor-drawer-handle:before{content:"\25b4"}.editor-side-group{display:flex;gap:2px}.editor-side-btn{height:18px;padding:0 8px;font-size:9px;font-weight:700;font-family:inherit;background:var(--btn);border:1px solid #14151a;border-radius:3px;color:var(--text-dim);cursor:pointer;line-height:1}.editor-side-btn:hover{color:var(--text)}.editor-side-btn.link{font-size:14px;padding:0 6px 3px}.editor-side-btn.on{--side: var(--eq-color-left);background:var(--side);border-color:color-mix(in srgb,var(--side) 60%,#000);color:#111}.editor-side-btn.side-r.on{--side: var(--eq-color-right)}.editor-side-btn.link.on{--side: var(--eq-color-link)}.editor-tooltip{position:fixed;display:none;background:#101114;color:var(--text);border:1px solid var(--accent);border-radius:3px;padding:3px 7px;font-size:11px;pointer-events:none;z-index:1000;white-space:nowrap}body.editor-page{height:100vh;height:100dvh;display:flex;flex-direction:column;padding:8px 10px;gap:6px}.editor-titlebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;gap:8px;font-size:12px;font-weight:600;color:var(--text)}.tb-left{display:flex;align-items:baseline;gap:6px;min-width:0}.tb-center{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap;overflow:hidden}.tb-center .device{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}.tb-center .online,.tb-center .dsp{flex:0 0 auto}.tb-right{display:flex;justify-content:flex-end;align-items:baseline;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#editor-host{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}@media(hover:hover)and (pointer:fine){body.editor-page{min-width:640px;min-height:460px}}.editor-full .editor-band-grid{gap:5px}.editor-full .editor-band-col{padding:6px 4px 7px;gap:5px;min-width:84px}.editor-full .editor-dyn-grid{gap:6px 18px}@media(max-width:700px){.editor-full .editor-plot,.editor-full .editor-canvas{min-height:130px}.editor-full .editor-band-col{min-width:76px;padding:5px 3px 6px}body.editor-page{padding:6px 6px 8px}.editor-titlebar{grid-template-columns:auto 1fr}.tb-left{display:none}}