:root{--accent:#8979cf;--accent-dim:#5c5092;--accent-glow:#a99ce0;--accent-soft:color-mix(in srgb, var(--accent) 13%, transparent);--bg-base:#0b0c0f;--bg-panel:#121318;--bg-raised:#181a20;--bg-raised-2:#1f2128;--bg-well:#08090b;--border-strong:#2e323d;--border-subtle:#23262f;--error:#cc6470;--green:#a6c56e;--green-dim:#6b8443;--text-muted:#858b96;--text-primary:#e4e6ea;--text-secondary:#9197a2;--track-amber:#c9975a;--track-blue:#5e8fbe;--track-rose:#c26f86;--track-teal:#56a99b;--track-violet:#8e7bc9;--warning:#d2a05e;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--font-mono:"Roboto Mono", ui-monospace, "SF Mono", Menlo, monospace;--viz-screen:linear-gradient(180deg, color-mix(in srgb, var(--bg-panel) 78%, var(--bg-well)) 0%, var(--bg-well) 100%);--viz-border:color-mix(in srgb, var(--border-strong) 88%, var(--bg-panel));--viz-grid:color-mix(in srgb, var(--text-muted) 24%, transparent);--viz-baseline:color-mix(in srgb, var(--text-muted) 38%, transparent);--viz-ink:var(--accent-glow);--viz-ink-soft:color-mix(in srgb, var(--accent) 20%, transparent);--viz-muted:color-mix(in srgb, var(--text-muted) 70%, transparent);--viz-node:var(--accent-glow);--viz-node-ring:color-mix(in srgb, var(--bg-well) 70%, var(--bg-base));--viz-readout:9px;color:var(--text-primary);background:var(--bg-base);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font:13px/1.35 Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg-base);min-width:0;margin:0;overflow:hidden}button{color:inherit;font:inherit;border:0}#root{width:100%;height:100dvh;min-height:0}.saine-app{--bottom-dock-height:372px;--browser-panel-width:248px;--inspector-panel-width:280px;background:var(--bg-base);grid-template-rows:52px minmax(0, 1fr) clamp(190px, min(var(--bottom-dock-height), calc(100dvh - 412px)), var(--bottom-dock-height));width:100vw;height:100dvh;min-height:0;display:grid;overflow:hidden}.saine-app[data-bottom-collapsed=true]{grid-template-rows:52px minmax(0,1fr)}.workspace{grid-template-columns:clamp(176px, var(--browser-panel-width), min(420px, calc(100vw - 320px))) minmax(0, 1fr);min-height:0;display:grid;position:relative}.saine-app[data-browser-collapsed=true] .workspace{grid-template-columns:28px minmax(0,1fr)}.editor-dock{grid-template-columns:clamp(196px, var(--inspector-panel-width), min(460px, calc(100vw - 320px))) minmax(0, 1fr);border-top:1px solid var(--border-subtle);min-height:0;display:grid;position:relative}.saine-app[data-inspector-collapsed=true] .editor-dock{grid-template-columns:minmax(0,1fr)}.panel-restore-rail{z-index:4;border:1px solid var(--border-subtle);background:var(--bg-panel);color:var(--text-muted);cursor:pointer;place-items:center;display:grid;position:absolute}.panel-restore-rail:hover{background:var(--bg-raised);color:var(--text-secondary)}.panel-restore-rail svg{width:14px;height:14px}.panel-restore-rail--browser{border-top:0;border-bottom:0;border-left:0;width:28px;top:0;bottom:0;left:0}.saine-app[data-browser-collapsed=true] .panel-restore-rail--browser{grid-area:1/1;width:28px;position:relative;top:auto;bottom:auto;left:auto}.panel-restore-rail--bottom{border-bottom:0;border-radius:8px 8px 0 0;width:120px;height:28px;bottom:0;left:50%;transform:translate(-50%)}.panel-resize-handle{z-index:8;touch-action:none;background:0 0;position:absolute}.panel-resize-handle:after{content:"";background:0 0;transition:background .12s;position:absolute}.panel-resize-handle:hover:after,.panel-resize-handle:active:after,.panel-resize-handle:focus-visible:after{background:var(--accent-soft)}.panel-resize-handle:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.panel-resize-handle--browser{top:0;bottom:0;left:calc(clamp(176px, var(--browser-panel-width), min(420px, calc(100vw - 320px))) - 4px);cursor:ew-resize;width:8px}.panel-resize-handle--inspector{top:0;bottom:0;left:calc(clamp(196px, var(--inspector-panel-width), min(460px, calc(100vw - 320px))) - 4px);cursor:ew-resize;width:8px}.panel-resize-handle--browser:after,.panel-resize-handle--inspector:after{width:2px;top:0;bottom:0;left:3px}.floating-midi-editor{z-index:30;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-panel);flex-direction:column;min-width:480px;min-height:280px;display:flex;position:fixed;overflow:hidden;box-shadow:0 18px 48px #00000073}.floating-midi-editor__titlebar{border-bottom:1px solid var(--border-subtle);background:var(--bg-raised);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:0 0 36px;align-items:center;gap:8px;height:36px;padding:0 8px 0 12px;display:flex}.floating-midi-editor__titlebar:active{cursor:grabbing}.floating-midi-editor__titlebar:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.floating-midi-editor__title{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);flex:auto;font-size:12px;font-weight:600;overflow:hidden}.floating-midi-editor__tools{flex:none;align-items:center;gap:8px;display:flex}.floating-midi-editor__tools .snap-select{gap:4px;height:23px;padding:0 6px 0 7px}.floating-midi-editor__tools .piano-snap-select select{min-width:46px}.floating-midi-editor__tools .zoom-popover{left:0;right:auto}.floating-midi-editor__body{flex:auto;min-width:0;min-height:0}.floating-midi-editor__body .piano-roll-panel{height:100%}.floating-midi-editor__resize-handle{z-index:1;touch-action:none;position:absolute}.floating-midi-editor__resize-handle:focus-visible{outline:1px solid var(--accent);outline-offset:-2px;background:var(--accent-soft)}.floating-midi-editor__resize-handle--right{cursor:ew-resize;top:36px;bottom:10px;right:0}.floating-midi-editor__resize-handle--bottom{cursor:ns-resize;bottom:0;left:0;right:10px}.floating-midi-editor__resize-handle--corner{cursor:nwse-resize;bottom:0;right:0}.transport-bar{background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);align-items:center;gap:14px;padding:0 14px;display:grid}.brand-block,.transport-center,.transport-actions,.tabs,.panel-toolbar{align-items:center;display:flex}.brand-block{gap:10px;min-width:0}.brand-block strong{letter-spacing:.3px;font-size:15px;font-weight:600}.mark{background:var(--accent);border-radius:50%;width:18px;height:18px}.divider{background:var(--border-subtle);width:1px;height:22px}.project-title,.panel-toolbar>span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-title{max-width:200px;font-size:12px}.menu-bar{align-items:center;gap:2px;display:flex}.menu-wrap{min-width:0;position:relative}.menu-trigger{color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:5px 10px;font-size:12px}.menu-trigger:hover,.menu-trigger[aria-expanded=true]{background:var(--bg-raised);color:var(--text-primary)}.menu-popover{z-index:40;border:1px solid var(--border-subtle);background:var(--bg-panel);border-radius:10px;min-width:224px;padding:6px 0;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 38px #00000073}.menu-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:8px;padding:7px 14px;font-size:12px;display:flex}.menu-item:hover:not(:disabled){background:var(--accent);color:var(--bg-base)}.menu-item:disabled{opacity:.4;cursor:default}.menu-item-check{flex:none;place-items:center;width:14px;display:inline-grid}.menu-item-check svg{width:12px;height:12px}.menu-separator{background:var(--border-subtle);height:1px;margin:6px 0}.project-menu-popover{width:292px;max-height:min(520px,100vh - 80px);overflow:auto}.project-storage-warning{border:1px solid color-mix(in srgb, var(--warning) 55%, var(--border-subtle));background:color-mix(in srgb, var(--warning) 10%, var(--bg-raised));color:var(--text-secondary);border-radius:7px;gap:4px;margin:6px 8px 10px;padding:10px;line-height:1.35;display:grid}.project-storage-warning strong{color:var(--warning);letter-spacing:.03em;text-transform:uppercase;font-size:11px}.project-storage-warning span{font-size:11px}.build-info{color:var(--text-muted);gap:5px;padding:4px 8px 8px;font-size:10px;display:grid}.build-info strong{color:var(--text-primary);font-size:11px}.build-info code{overflow-wrap:anywhere}.build-info .menu-item{margin-top:3px}.build-diagnostics-text{box-sizing:border-box;resize:vertical;border:1px solid var(--border-subtle);background:var(--bg-well);width:100%;color:var(--text-secondary);border-radius:4px;font:9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.build-links{flex-wrap:wrap;gap:4px 10px;display:flex}.build-links a{color:var(--accent-glow);font-size:10px}.settings-menu-popover{width:284px;max-height:min(560px,100vh - 80px);overflow:auto}.theme-editor{gap:10px;padding:2px 14px 6px;display:grid}.theme-editor-group{gap:4px;display:grid}.theme-editor-group-label{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:700}.theme-color-row{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.theme-color-row input[type=color]{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:4px;width:26px;height:18px;padding:0}.theme-color-value{color:var(--text-muted);margin-left:auto;font-size:10px}.storage-status{color:var(--text-secondary);flex:0 170px;align-items:center;gap:6px;min-width:0;font-size:10px;display:inline-flex}.storage-status__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-dot{background:var(--text-muted);border-radius:50%;flex:none;width:6px;height:6px}.storage-status[data-tone=success]{color:var(--green)}.storage-status[data-tone=success] .saved-dot{background:var(--green)}.storage-status[data-tone=busy],.storage-status[data-tone=warning]{color:var(--warning)}.storage-status[data-tone=busy] .saved-dot,.storage-status[data-tone=warning] .saved-dot{background:var(--warning)}.storage-status[data-tone=error]{color:var(--error)}.storage-status[data-tone=error] .saved-dot{background:var(--error)}.transport-center{gap:8px;min-width:0}.transport-controls{border:1px solid var(--border-subtle);background:var(--bg-well);border-radius:8px;align-items:center;gap:4px;padding:3px;display:flex}.icon-button.recording{border-color:color-mix(in srgb, var(--error) 70%, transparent);background:color-mix(in srgb, var(--error) 18%, var(--bg-well));color:var(--error)}.icon-button.recording svg path{fill:currentColor}.signature-readout{border:1px solid var(--border-subtle);background:var(--bg-well);border-radius:6px;grid-template-columns:auto auto;align-items:baseline;gap:6px;height:30px;padding:5px 8px;display:grid}.signature-readout span{color:var(--text-muted);letter-spacing:.5px;font:700 8px/1 Inter,system-ui,sans-serif}.signature-readout strong{font-family:Roboto Mono,ui-monospace,monospace;font-size:13px}.transport-actions{justify-content:flex-end;gap:8px;min-width:0;position:relative}.transport-secondary-actions{align-items:center;gap:8px;display:flex}.transport-more-toggle{display:none}.transport-actions .divider{margin:0 2px}.metronome-control{place-items:center;display:inline-grid;position:relative}.metronome-volume-popover{z-index:45;border:1px solid var(--border-subtle);background:var(--bg-panel);border-radius:8px;gap:10px;width:178px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 38px #00000073}.metronome-volume-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.metronome-volume-header span{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.metronome-volume-header strong{color:var(--text-primary);font-family:Roboto Mono,ui-monospace,monospace;font-size:12px}.metronome-volume-popover input[type=range]{width:100%;accent-color:var(--accent)}.metronome-volume-popover input[type=range]:focus-visible,.metronome-volume-popover input[type=range]:focus,.metronome-volume-popover input[type=range]:active{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent-glow) 70%, transparent));outline:1px solid var(--accent-glow);outline-offset:3px}.transport-actions>button.primary{background:var(--accent);color:var(--bg-base);font-weight:600}.transport-actions>button.primary:hover{background:var(--accent-glow)}.transport-actions>button,.transport-secondary-actions>button,.tabs button{background:var(--bg-raised);min-height:28px;color:var(--text-secondary);border-radius:6px;padding:6px 10px;font-size:11px}.tabs button.selected,.transport-actions>button:hover,.transport-secondary-actions>button:hover{color:var(--text-primary);background:var(--bg-raised-2)}.icon-button{background:var(--bg-raised);width:30px;height:30px;color:var(--text-secondary);border-radius:6px;place-items:center;display:inline-grid}.icon-button.active{background:var(--accent);width:34px;color:var(--bg-base)}.icon-button.soft{background:var(--accent-soft);color:var(--accent-glow)}.icon-button:disabled{opacity:.35}.icon-button svg{width:14px;height:14px}.readout{border:1px solid var(--border-subtle);background:var(--bg-well);border-radius:6px;grid-template-columns:auto auto;align-items:baseline;gap:6px;height:30px;padding:5px 8px;font-family:Roboto Mono,ui-monospace,monospace;display:grid}.readout span{color:var(--text-muted);letter-spacing:.5px;font:700 8px/1 Inter,system-ui,sans-serif}.readout strong{font-size:14px}.readout-editable:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.readout-editable .readout-value{color:var(--text-primary);font:inherit;cursor:text;text-align:left;background:0 0;border:none;padding:0;font-size:14px}.readout-editable .readout-input{width:52px;color:var(--text-primary);font:inherit;background:0 0;border:none;outline:none;padding:0;font-size:14px}@media (width<=1080px){.transport-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;padding:0 6px}.brand-block{gap:6px}.brand-block strong,.brand-block .divider,.transport-actions .divider{display:none}.transport-more-toggle{display:inline-grid}.transport-secondary-actions{z-index:45;border:1px solid var(--border-subtle);background:var(--bg-panel);border-radius:8px;align-items:center;gap:6px;padding:8px;display:none;position:absolute;top:calc(100% + 10px);right:40px;box-shadow:0 16px 38px #00000073}.transport-secondary-actions[data-open=true]{display:flex}.project-title{max-width:80px}.storage-status{flex-basis:112px}.menu-trigger{padding-inline:6px}.transport-center,.transport-actions{gap:4px;min-width:0}.transport-controls{gap:2px;padding:2px}.readout,.signature-readout{gap:4px;padding-inline:6px}.readout span,.signature-readout span{display:none}}@media (width<=560px){.project-menu-popover{width:min(292px,100vw - 16px)}.project-title{display:none}.floating-midi-editor__titlebar{gap:6px;padding-inline:8px}.floating-midi-editor__tools{gap:6px}}.mixer-dock{border-top:1px solid var(--border-subtle);background:var(--bg-base);min-height:0;display:flex;position:relative}.mixer-panel{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.mixer-toolbar .tabs button{align-items:center;gap:7px;display:inline-flex}.mixer-toolbar .tabs svg{width:13px;height:13px}.mixer-view{flex:auto;gap:2px;min-width:0;min-height:0;padding:14px 12px;display:flex;overflow:auto hidden}.mixer-strip{background:0 0;border-radius:8px;flex-direction:column;flex:110px;align-items:center;gap:6px;min-width:96px;max-width:220px;height:100%;padding:10px 6px;display:flex}.mixer-strip.selected{background:var(--bg-raised)}.mixer-strip.master{background:var(--accent-soft)}.mixer-strip-name{max-width:100%;min-height:14px;color:var(--text-secondary);background:0 0;align-items:center;gap:6px;padding:0;font-size:11.5px;font-weight:500;display:flex}.mixer-strip.selected .mixer-strip-name,.mixer-strip.master .mixer-strip-name{color:var(--text-primary);font-weight:600}button.mixer-strip-name{cursor:pointer}.mixer-strip-name span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mixer-dot{background:var(--strip-color);border-radius:50%;flex:none;width:8px;height:8px}.mixer-fader-row{flex:auto;justify-content:center;gap:9px;height:clamp(112px,100% - 104px,186px);min-height:112px;display:flex}.mixer-meter{background:var(--bg-well);border-radius:2px;width:8px;height:100%;position:relative;overflow:hidden}.mixer-meter-fill,.mixer-meter-cap{width:8px;position:absolute;left:0}.mixer-meter-fill{height:var(--meter-level);background:var(--green-dim);bottom:0}.mixer-meter-cap{bottom:calc(var(--meter-level) - 3px);background:var(--green);height:3px}.mixer-volume-control,.mixer-volume-control.static{width:46px;height:100%;position:relative}.mixer-fader-track,.mixer-fader-fill,.mixer-fader-cap{pointer-events:none;position:absolute}.mixer-fader-track,.mixer-fader-fill{border-radius:1px;width:2px;bottom:0;left:22px}.mixer-fader-track{background:var(--bg-well);top:0}.mixer-fader-fill{height:var(--volume-level);background:var(--strip-color)}.mixer-fader-cap{left:0;bottom:clamp(0px, calc(var(--volume-level) - 7px), calc(100% - 14px));border:1px solid var(--border-strong);background:var(--bg-raised-2);border-radius:3px;width:46px;height:14px}.mixer-fader-cap:after{background:var(--strip-color);content:"";border-radius:1px;width:28px;height:2px;position:absolute;top:5px;left:9px}.mixer-volume-control input,.mixer-pan-control input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.mixer-volume-control input{cursor:ns-resize;writing-mode:vertical-lr;direction:rtl}.mixer-volume-control:focus-within .mixer-fader-cap,.mixer-pan-control:focus-within .mixer-pan-knob{outline:1px solid var(--accent-glow);box-shadow:0 0 6px color-mix(in srgb, var(--accent-glow) 85%, transparent), 0 0 16px color-mix(in srgb, var(--accent-glow) 55%, transparent)}.mixer-volume-control:active .mixer-fader-cap,.mixer-pan-control:active .mixer-pan-knob{box-shadow:0 0 7px color-mix(in srgb, var(--accent-glow) 90%, transparent), 0 0 18px color-mix(in srgb, var(--accent-glow) 60%, transparent)}.mixer-db{color:var(--text-secondary);font-family:Roboto Mono,ui-monospace,monospace;font-size:10.5px}.mixer-pan-control,.mixer-pan-control.static{width:54px;height:12px;position:relative}.mixer-pan-track{background:var(--bg-well);border-radius:1px;width:54px;height:2px;position:absolute;top:5px;left:0}.mixer-pan-knob{left:clamp(0px, calc(var(--pan-level) - 5px), 44px);border:1px solid var(--border-strong);background:var(--bg-raised-2);border-radius:50%;width:10px;height:10px;position:absolute;top:1px}.mixer-strip-buttons{gap:5px;display:flex}.mixer-strip-buttons button{border:1px solid var(--border-subtle);background:var(--bg-well);width:20px;height:17px;color:var(--text-muted);border-radius:4px;place-items:center;padding:0;font-size:10px;font-weight:600;display:grid}.mixer-strip-buttons button:not(:disabled){cursor:pointer}.mixer-strip-buttons button.active.mute{border-color:var(--warning);background:var(--warning);color:var(--bg-base)}.mixer-strip-buttons button.active.solo{border-color:var(--green);background:var(--green);color:var(--bg-base)}.mixer-add-channel{border:1px solid var(--border-subtle);height:100%;color:var(--text-muted);background:0 0;border-radius:8px;flex-direction:column;flex:0 0 104px;justify-content:center;align-items:center;gap:10px;padding:12px 8px;display:flex}.mixer-add-channel:hover{border-color:var(--border-strong);color:var(--text-secondary)}.mixer-add-icon{border:1px solid var(--border-subtle);background:var(--bg-raised);border-radius:17px;place-items:center;width:34px;height:34px;display:grid}.mixer-add-icon svg{width:14px;height:14px}.mixer-add-channel strong{color:var(--text-secondary);font-size:11px}.mixer-add-channel span:last-child{font-size:10px}.browser-panel,.inspector-panel{background:var(--bg-panel);border-right:1px solid var(--border-subtle);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-title{border-bottom:1px solid var(--border-subtle);height:34px;color:var(--text-secondary);letter-spacing:1.2px;flex:0 0 34px;margin:0;padding:11px 12px 0;font-size:10px;font-weight:700}.browser-header{border-bottom:1px solid var(--border-subtle);flex:0 0 34px;justify-content:space-between;align-items:center;height:34px;padding:0 12px;display:flex}.panel-title-text{color:var(--text-secondary);letter-spacing:1.2px;font-size:10px;font-weight:700}.ghost-chip{background:var(--bg-raised);width:24px;height:24px;color:var(--text-muted);border-radius:5px;place-items:center;display:grid}.ghost-chip:hover{background:var(--bg-raised-2);color:var(--text-secondary)}.ghost-chip svg{width:12px;height:12px}.search-row{border:1px solid var(--border-subtle);height:32px;color:var(--text-muted);background:var(--bg-well);border-radius:7px;flex:none;align-items:center;gap:8px;margin:12px;padding:0 10px;display:flex}.search-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}.search-row svg{flex:none;width:14px;height:14px}.search-row input{min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:none;flex:auto;font-size:12px}.search-row input::placeholder{color:var(--text-muted)}.library-items{border-top:1px solid var(--border-subtle);margin-top:2px;padding-top:2px}.library-item{padding-left:18px}.library-empty{color:var(--text-muted);padding:8px 16px 4px;font-size:11px;display:block}.sample-library{border-top:1px solid var(--border-subtle);margin-top:4px;padding-top:6px}.sample-library-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:0 10px 6px;display:grid}.sample-library-actions button{background:var(--bg-raised);height:24px;color:var(--text-secondary);border-radius:5px;font-size:10px}.sample-library-actions button:disabled{opacity:.45}.sample-library-actions button:not(:disabled):hover{background:var(--bg-raised-2);color:var(--text-primary)}.sample-library-input{display:none}.sample-library-target{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;padding:0 14px 6px;font-size:10px;display:flex;overflow:hidden}.sample-library-target span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sample-library-target button{width:20px;height:20px;color:var(--text-muted);background:0 0;border-radius:5px;flex:none;justify-content:center;align-items:center;display:inline-flex}.sample-library-target button:disabled{opacity:.35}.sample-library-target button:not(:disabled):hover{background:var(--bg-raised);color:var(--text-primary)}.sample-library-target button svg{width:12px;height:12px}.sample-library-target code{color:var(--text-muted);flex:none}.sample-library-list{gap:1px}.sample-library-row{height:28px;color:var(--text-secondary);grid-template-columns:minmax(0,1fr) 22px 22px;align-items:center;padding-right:8px;display:grid}.sample-library-row--folder{grid-template-columns:minmax(0,1fr) 22px 22px 22px}.sample-library-row:hover,.sample-library-row.selected{background:var(--bg-raised);color:var(--text-primary)}.sample-library-row>button{min-width:0;height:100%;color:inherit;background:0 0;align-items:center;gap:8px;display:flex}.sample-library-row>button:first-child{text-align:left;justify-content:flex-start}.sample-library-row>button:not(:first-child){color:var(--text-muted);justify-content:center}.sample-library-row>button:not(:first-child):hover{color:var(--text-primary)}.sample-library-row svg{flex:none;width:13px;height:13px}.sample-library-row span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.browser-section{flex:auto;min-height:0;padding-bottom:8px;overflow-y:auto}.section-label,.project-picker h3{color:var(--text-muted);letter-spacing:1.4px;margin:0;padding:4px 16px 6px;font-size:9px;font-weight:700}.nav-list{flex-direction:column;gap:1px;display:flex}.nav-item{height:30px;color:var(--text-secondary);text-align:left;background:0 0;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 14px;display:grid}.nav-item:hover,.nav-item.selected{background:var(--bg-raised);color:var(--text-primary)}.nav-item-icon{color:var(--accent-glow);place-items:center;display:grid}.nav-item-icon svg{width:15px;height:15px}.nav-item-label{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.nav-item-count{color:var(--text-muted)}.browser-spacer{flex:auto;min-height:8px}.project-picker{border-bottom:1px solid var(--border-subtle);padding-bottom:8px}.menu-file-inputs{display:none}.project-list{gap:2px;display:grid}.project-conflict{border:1px solid var(--border-subtle);border-left:2px solid var(--warning);background:var(--bg-raised);border-radius:6px;gap:7px;margin:0 8px 8px;padding:9px 10px;display:grid}.project-conflict span{color:var(--warning);letter-spacing:1px;font-size:9px;font-weight:700}.project-conflict strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.midi-import-error strong{white-space:normal}.project-conflict-actions{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.midi-import-error .project-conflict-actions{grid-template-columns:1fr}.project-conflict-actions.two-actions{grid-template-columns:1fr 1fr}.project-conflict-actions button{background:var(--bg-well);min-width:0;min-height:26px;color:var(--text-secondary);border-radius:4px;padding:0 6px;font-size:10px}.project-conflict-actions button:hover{background:var(--bg-raised-2);color:var(--text-primary)}.project-conflict-actions button.danger{color:var(--error)}.project-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:32px;display:grid}.project-row.selected{background:var(--bg-raised);color:var(--text-primary)}.project-open,.empty-projects{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:32px;padding:0 16px;display:grid}.project-open{color:var(--text-secondary);text-align:left;background:0 0}.project-row.selected .project-open,.project-open:hover{color:var(--text-primary)}.project-open span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-actions{gap:2px;padding-right:8px;display:flex}.project-action,.project-rename-form button{width:24px;height:24px;color:var(--text-muted);background:0 0;border-radius:4px;place-items:center;display:grid}.project-action:hover,.project-rename-form button:hover{background:var(--bg-raised-2);color:var(--text-primary)}.project-action.danger.confirm{background:color-mix(in srgb, var(--error) 13%, transparent);color:var(--error)}.project-action svg,.project-rename-form svg{width:13px;height:13px}.project-rename-form{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px;min-height:32px;padding:0 8px 0 16px;display:grid}.project-rename-form input{border:1px solid var(--border-subtle);background:var(--bg-well);min-width:0;height:24px;color:var(--text-primary);font:inherit;border-radius:4px;padding:0 7px}.empty-projects{color:var(--text-muted);font-size:11px}.browser-nav .track-color{justify-self:center}.track-color{border-radius:50%;width:8px;height:8px}code{color:var(--text-muted);font-family:Roboto Mono,ui-monospace,monospace;font-size:10px}.arrangement-panel,.piano-roll-panel,.editor-area{background:var(--bg-base);flex-direction:column;min-width:0;min-height:0;display:flex}.editor-area{container:editor-area/inline-size}.arrangement-panel{container:arrangement-panel/inline-size}.piano-roll-panel{flex:auto}.editor-toolbar-right{align-items:center;gap:8px;display:flex}.editor-toolbar-left{align-items:center;gap:8px;min-width:0;display:flex}.panel-toolbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-panel);flex:0 0 38px;justify-content:space-between;gap:10px;min-width:0;height:38px;padding:0 12px}.tabs{flex:none;gap:4px}.arrangement-toolbar-right{flex:auto;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.tabs button.muted{color:var(--text-muted);opacity:.7}.pill-group,.tool-group{flex:none;align-items:center;gap:6px;display:flex}.tool-group{background:var(--bg-well);border-radius:7px;gap:2px;padding:2px}.pill{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--bg-raised);height:26px;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;padding:0 9px;font-size:11px;display:inline-flex}.pill.selected{border-color:var(--accent-soft);background:var(--accent-soft);color:var(--text-primary)}.pill.selected svg{color:var(--accent)}button.pill{cursor:pointer;font:inherit}button.pill.selected{color:var(--accent-glow);border-color:var(--accent);background:var(--accent-soft)}.pill svg{width:13px;height:13px;color:var(--text-muted)}.snap-select{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--bg-raised);height:26px;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;padding:0 7px 0 9px;font-size:11px;display:inline-flex}.snap-select.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-glow)}.snap-select svg{width:13px;height:13px;color:var(--text-muted)}.snap-select select{min-width:56px;color:inherit;font:inherit;background:0 0;border:0}.tool-button{width:26px;height:26px;color:var(--text-muted);font:inherit;background:0 0;border:none;border-radius:5px;place-items:center;padding:0;display:grid}button.tool-button{cursor:pointer}.tool-button.selected{background:var(--bg-raised-2);color:var(--text-primary)}.tool-button svg{width:14px;height:14px}.zoom-control{display:flex;position:relative}.zoom-popover{z-index:20;border:1px solid var(--border-subtle);background:var(--bg-panel);border-radius:9px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #00000073}.zoom-popover input[type=range]{width:132px;accent-color:var(--accent)}.zoom-popover code{text-align:right;width:40px;color:var(--text-secondary)}.zoom-popover .icon-button{border-radius:5px;width:26px;height:26px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1320px){.arrangement-toolbar-right .pill span{display:none}}@container arrangement-panel (width<=520px){.arrangement-panel .panel-toolbar{gap:4px;padding-inline:6px}.arrangement-panel .panel-toolbar>.tabs{display:none}.arrangement-toolbar-right{justify-content:space-between;gap:4px}.arrangement-toolbar-right .pill-group{gap:2px}.arrangement-toolbar-right .pill,.arrangement-toolbar-right .snap-select{padding-inline:5px}}.editor-canvas{touch-action:none;width:100%;height:100%;min-height:0;display:block}.editor-canvas:focus{outline:none}.editor-canvas:focus-visible{outline:1px solid var(--accent-glow);outline-offset:-1px}.arrangement-canvas[data-focus-origin=pointer]:focus-visible{outline:0}.editor-canvas.piano{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M4 20l4.5-1.1L19.6 7.8a2 2 0 0 0 0-2.8L19 4.4a2 2 0 0 0-2.8 0L5.1 15.5 4 20z' fill='%23A99CE0' stroke='%2308090B' stroke-width='1.5'/%3E%3Cpath d='M14.8 5.8l3.4 3.4' stroke='%2308090B' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") 3 21,crosshair}.arrangement-stage{flex:auto;min-width:0;min-height:0;position:relative}.arrangement-stage .arrangement-canvas{height:100%}.arrangement-empty-state{z-index:2;border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-panel) 92%, transparent);width:min(320px,100% - 48px);color:var(--text-muted);text-align:center;border-radius:10px;justify-items:center;gap:8px;padding:20px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 18px 50px #00000040}.arrangement-empty-state__icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-glow);border-radius:50%;place-items:center;display:inline-grid}.arrangement-empty-state__icon svg{width:16px;height:16px}.arrangement-empty-state strong{color:var(--text-primary);font-size:14px}.arrangement-empty-state span:not(.arrangement-empty-state__icon){max-width:240px;font-size:12px;line-height:1.45}.arrangement-empty-state button{background:var(--accent);color:#0b0c0f;border-radius:6px;margin-top:4px;padding:7px 14px;font-weight:700}:root[data-theme=light] .arrangement-empty-state button{color:#fff}.arrangement-scrollbar{z-index:1;background:var(--bg-panel);scrollbar-color:var(--border-strong) var(--bg-well);scrollbar-width:thin;position:absolute;overflow:auto}.arrangement-scrollbar.horizontal{border-top:1px solid var(--border-subtle);height:14px;bottom:0;left:156px;right:14px;overflow:auto hidden}.arrangement-scrollbar.vertical{border-left:1px solid var(--border-subtle);width:14px;top:28px;bottom:14px;right:0;overflow:hidden auto}.canvas-scrollbar-content{pointer-events:none}.piano-roll-stage{flex:auto;min-width:0;min-height:0;position:relative}.piano-roll-stage .piano{height:100%}.piano-scrollbar{z-index:1;background:var(--bg-panel);scrollbar-color:var(--border-strong) var(--bg-well);scrollbar-width:thin;position:absolute;overflow:auto}.piano-scrollbar.horizontal{border-top:1px solid var(--border-subtle);height:14px;bottom:0;left:76px;right:14px;overflow:auto hidden}.piano-scrollbar.vertical{border-left:1px solid var(--border-subtle);width:14px;top:0;bottom:14px;right:0;overflow:hidden auto}.arrangement-scrollbar::-webkit-scrollbar{width:10px;height:10px}.piano-scrollbar::-webkit-scrollbar{width:10px;height:10px}.arrangement-scrollbar::-webkit-scrollbar-track{background:var(--bg-well)}.piano-scrollbar::-webkit-scrollbar-track{background:var(--bg-well)}.arrangement-scrollbar::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg-well);border-radius:999px}.piano-scrollbar::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg-well);border-radius:999px}.add-track-button{z-index:1;border:none;border-bottom:1px solid var(--border-subtle);background:var(--bg-base);width:156px;height:38px;color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:400;display:flex;position:absolute;bottom:0;left:0}.add-track-button svg{flex:none;width:14px;height:14px}.add-track-button:hover{background:var(--bg-raised);color:var(--text-secondary)}.add-track-button:focus-visible{outline:1px solid var(--accent-glow);outline-offset:-1px}.arrangement-canvas{cursor:pointer;touch-action:none}.piano{cursor:crosshair;touch-action:none}.canvas-context-menu{z-index:80;border:1px solid var(--border-subtle);background:var(--bg-raised);border-radius:6px;min-width:112px;padding:4px;position:fixed;box-shadow:0 14px 38px #00000061}.canvas-context-menu button{width:100%;height:28px;color:var(--text-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;border-radius:4px;padding:0 8px;font-size:11px}.canvas-context-menu button:hover,.canvas-context-menu button:focus-visible{background:var(--bg-raised-2);outline:none}.inspector-header{border-bottom:1px solid var(--border-subtle);flex:0 0 36px;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}.inspector-header-icon{color:var(--accent-glow);place-items:center;display:grid}.inspector-header-icon svg{width:13px;height:13px}.inspector-header .panel-title-text{flex:auto}.inspector-content{flex-direction:column;gap:12px;min-height:0;padding:14px;display:flex;overflow-y:auto}.entity-row{grid-template-columns:32px minmax(0,1fr) 16px;align-items:center;gap:10px;display:grid}.entity-swatch{border:1px solid var(--border-subtle);border-radius:7px;width:32px;height:32px}.entity-meta{gap:2px;min-width:0;display:grid}.entity-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.entity-name-button{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font:inherit;text-align:left;cursor:text;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;overflow:hidden}.entity-name-button:hover:not(:disabled),.entity-name-button:focus-visible{color:var(--accent);outline:none}.entity-name-input{border:1px solid var(--accent);background:var(--bg-well);width:100%;min-width:0;color:var(--text-primary);font:inherit;border-radius:4px;padding:2px 6px;font-size:13px;font-weight:600}.entity-type-select{width:100%;min-width:0;color:var(--text-muted);background:0 0;border:0;padding:2px 0;font-size:10px}.entity-type-select:disabled{opacity:.7}.track-color-row{align-items:start}.track-color-palette{flex-wrap:wrap;gap:6px;display:flex}.track-color-palette button{border:1px solid color-mix(in srgb, var(--border-subtle) 70%, transparent);cursor:pointer;border-radius:999px;width:18px;height:18px;padding:0}.track-color-palette button:disabled{cursor:not-allowed;opacity:.45}.track-color-palette button.active{box-shadow:0 0 0 2px var(--bg-panel), 0 0 0 3px var(--accent)}.track-color-palette button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.entity-meta span{color:var(--text-muted);font-size:10px}.inspector-content .section-label{margin:2px 0 -4px;padding:0}.param-grid{flex-direction:column;gap:2px;display:flex}.param-row{grid-template-columns:74px 1fr;align-items:center;gap:10px;min-height:30px;display:grid}.param-row span,.device-card span{color:var(--text-muted);font-size:10px}.param-row strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.velocity-control{grid-template-columns:22px minmax(0,1fr) 34px 22px;align-items:center;gap:8px;display:grid}.inspector-toggles{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:2px;display:grid}.inspector-toggles button{border:1px solid var(--border-subtle);background:var(--bg-well);min-height:30px;color:var(--text-secondary);border-radius:6px;font-size:12px;font-weight:500}.inspector-toggles button:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-strong)}.inspector-toggles button.active{border-color:var(--accent);background:var(--accent);color:var(--bg-base)}.audio-clip-param-row{align-items:start;min-height:36px}.audio-clip-param-control{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;display:grid}.audio-clip-param-control input{width:100%;min-width:48px;accent-color:var(--accent)}.audio-clip-param-control strong{min-width:54px;color:var(--text-secondary);font-family:var(--font-mono);text-align:right;font-size:9px}.audio-clip-toggles{grid-template-columns:repeat(3,1fr)}.audio-clip-toggles [data-testid=audio-clip-analyze]{grid-column:1/-1}.audio-clip-gesture-hint{color:var(--text-muted);margin:8px 0 0;font-size:9px;line-height:1.45}.velocity-control input{width:100%;accent-color:var(--accent)}.velocity-control button{background:var(--bg-raised);width:22px;height:22px;color:var(--text-secondary);border-radius:4px;place-items:center;padding:0;display:grid}.velocity-control button:hover{color:var(--text-primary);background:var(--bg-raised-2)}.velocity-control button:disabled,.velocity-control input:disabled{opacity:.35}.velocity-control strong{color:var(--text-primary);text-align:right;font-family:Roboto Mono,ui-monospace,monospace;font-size:11px}.device-rack{background:var(--bg-base);flex-wrap:nowrap;flex:auto;align-content:flex-start;align-items:stretch;gap:12px;min-height:0;padding:14px;display:flex;overflow:auto hidden}.device-card{--device-card-render-width:min(100%, var(--device-card-width,208px));--device-card-max-height:306px;flex:0 0 var(--device-card-render-width);width:var(--device-card-render-width);min-width:min(100%,176px);max-width:var(--device-card-render-width);height:min(var(--device-card-max-height), 100%);border:1px solid var(--border-subtle);background:var(--bg-raised);max-height:min(var(--device-card-max-height), 100%);border-radius:8px;flex-direction:column;display:flex;overflow:hidden;container:device-card/inline-size}.device-card[data-device-category=instrument]{border-color:color-mix(in srgb, var(--track-blue) 34%, var(--border-subtle))}.device-card[data-device-category=midiEffect]{border-color:color-mix(in srgb, var(--green-dim) 46%, var(--border-subtle))}.device-card[data-device-category=audioEffect]{border-color:color-mix(in srgb, var(--track-amber) 28%, var(--border-subtle))}.device-card-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-raised-2);flex:0 0 28px;align-items:center;gap:6px;height:28px;padding:0 9px;display:flex}.device-power{background:var(--accent-soft);width:16px;height:16px;color:var(--accent-glow);cursor:pointer;border:none;border-radius:8px;place-items:center;padding:0;display:grid}.device-power.disabled{background:var(--bg-well);color:var(--text-muted)}.device-toolbar-add{border:1px solid var(--border-subtle);background:var(--bg-raised);cursor:pointer}.device-toolbar-add:disabled,.add-device:disabled{opacity:.45;cursor:not-allowed}.device-add-wrap{flex:none;position:relative}.device-add-wrap-tile{min-height:100%;display:flex}.device-add-menu{z-index:80;border:1px solid var(--border-strong);background:var(--bg-raised);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(520px,100vw - 40px);max-height:min(460px,70vh);padding:10px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 18px 50px #0000006b}.device-add-menu-rack{position:fixed;bottom:148px;right:24px}.device-add-menu-section{flex-direction:column;gap:4px;min-width:0;display:flex}.device-add-menu-section h3{color:var(--text-muted);letter-spacing:.7px;text-transform:uppercase;margin:0;padding:3px 4px 6px;font-size:8px;font-weight:600}.device-add-menu-item{border-radius:var(--radius-sm);background:var(--bg-well);min-width:0;color:var(--text-secondary);text-align:left;cursor:pointer;border:1px solid #0000;gap:2px;padding:7px 8px;display:grid}.device-add-menu-item:hover:not(:disabled),.device-add-menu-item:focus-visible{border-color:var(--accent-dim);background:var(--accent-soft);color:var(--text-primary)}.device-add-menu-item:disabled{opacity:.35;cursor:not-allowed}.device-add-menu-item span{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.device-add-menu-item small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.device-power svg{width:10px;height:10px}.device-grip{color:var(--text-muted);place-items:center;display:grid}.device-grip svg{width:12px;height:12px}.device-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);flex:auto;font-size:10.5px;font-weight:600;overflow:hidden}.device-badge{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-glow);letter-spacing:.5px;flex:none;padding:2px 6px;font-family:Roboto Mono,ui-monospace,monospace;font-size:9px}.device-card-actions{align-items:center;gap:2px;display:flex}.device-action{border-radius:var(--radius-sm);width:18px;height:18px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.device-action:hover:not(:disabled),.device-action:focus-visible{border-color:var(--border-strong);background:var(--bg-well);color:var(--text-primary)}.device-action:disabled{opacity:.28;cursor:not-allowed}.device-action-danger:hover:not(:disabled),.device-action-danger:focus-visible{color:var(--error)}.device-action svg{width:11px;height:11px}.device-card-body{flex-direction:column;flex:auto;justify-content:stretch;gap:8px;min-width:0;min-height:0;padding:8px 10px;display:flex;overflow:hidden}.device-controls,.device-page{display:contents}.device-controls--tabbed,.device-controls--tabbed .device-page{flex-direction:column;flex:none;gap:8px;min-height:0;display:flex}.device-controls--tabbed .device-page[hidden]{display:none}.device-tabs{flex-wrap:wrap;flex:none;gap:4px;display:flex}.device-tabs button{border:1px solid var(--border-subtle);background:var(--bg-well);min-height:22px;color:var(--text-secondary);letter-spacing:.2px;cursor:pointer;border-radius:6px;padding:3px 9px;font-size:10px;font-weight:600}.device-tabs button:hover:not(.selected){border-color:var(--border-strong);color:var(--text-primary)}.device-tabs button.selected{border-color:var(--accent-dim);background:var(--accent-soft);color:var(--text-primary)}@container device-card (width<=280px){.device-card-body{overflow-y:auto}}@media (height<=620px){.device-card-body{overflow-y:auto}}.knob-row{justify-content:space-around;gap:10px;display:flex}.knob{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.device-control-drag-surface{touch-action:none;cursor:ns-resize;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:relative}.device-fader-drag-surface,.device-range-drag-surface,.device-option-drag-surface{width:100%}.device-option-drag-surface{justify-content:center;display:flex}.device-control-groups{flex-direction:column;flex:none;gap:8px;display:flex}.device-control-group{flex-direction:column;gap:5px;min-width:0;display:flex}.device-control-group h4{color:var(--text-muted);letter-spacing:.9px;text-transform:uppercase;margin:0;font-size:8.5px;font-weight:600}.device-control-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:7px;min-width:0;display:flex}.knob-dial{width:42px;height:42px}.device-param-input{opacity:0;pointer-events:none;cursor:ns-resize;width:46px;height:46px;margin-left:-23px;position:absolute;top:0;left:50%}.device-control{flex-direction:column;flex:none;align-items:center;gap:4px;min-width:38px;display:flex;position:relative}.device-control-value{max-width:64px;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.1px;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:500;overflow:hidden}.device-control:focus-within .knob-dial,.device-control:focus-within .device-fader-rail,.device-control:focus-within .device-range-bar,.device-control:focus-within .device-option-buttons{outline:1px solid var(--accent-glow);outline-offset:2px;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--accent-glow) 75%, transparent))}.knob-label{color:var(--text-muted);letter-spacing:.2px;text-transform:capitalize;font-size:9px;font-weight:500}.device-graphic{border-radius:var(--radius-sm);background:var(--bg-well);flex:auto;align-items:flex-end;min-height:54px;padding:8px;display:flex}.device-graphic svg{width:100%;height:100%}.device-graphic.sequencer{align-items:flex-end;gap:3px}.device-graphic.sequencer span{background:var(--green);border-radius:1px 1px 0 0;flex:auto;min-width:3px}.device-visual{border:1px solid var(--viz-border);border-radius:var(--radius-md);background:var(--viz-screen);flex:auto;align-items:stretch;min-height:50px;padding:8px 10px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff08,inset 0 0 0 1px #00000059}.device-visual svg{width:100%;height:100%}.device-visual-line{fill:none;stroke:var(--viz-ink);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.device-visual-fill{fill:var(--viz-ink-soft)}.device-visual-audioEffect .device-visual-line{stroke:var(--viz-ink)}.device-visual-instrument .device-visual-line{stroke:var(--track-blue)}.viz-plot{flex:auto;min-height:0;display:flex;position:relative}.viz-plot svg{width:100%;height:100%}.viz-node-layer{pointer-events:none;position:absolute;inset:0}.viz-node{background:var(--viz-node);width:9px;height:9px;box-shadow:0 0 0 2px var(--viz-node-ring);border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute}.viz-node-muted{background:var(--viz-muted);box-shadow:0 0 0 2px var(--viz-node-ring)}.viz-node-sm{width:7px;height:7px;margin:-3.5px 0 0 -3.5px}.viz-node-interactive{pointer-events:auto;cursor:grab;touch-action:none}.viz-node-interactive:active{cursor:grabbing}.viz-node-selected{background:var(--accent);box-shadow:0 0 0 2px var(--viz-node-ring), 0 0 0 4px color-mix(in srgb, var(--accent) 45%, transparent)}.device-tab-led{background:color-mix(in srgb, var(--text-muted) 45%, transparent);vertical-align:1px;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.device-tab-led[data-on=true]{background:var(--accent-glow);box-shadow:0 0 5px color-mix(in srgb, var(--accent-glow) 80%, transparent)}.sample-screen{flex-direction:column;flex:none;gap:0;min-height:0;padding:0;position:relative;overflow:hidden}.sample-screen canvas{border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0 0}.sample-screen-readouts{border-top:1px solid color-mix(in srgb, var(--viz-border) 60%, transparent);background:color-mix(in srgb, var(--bg-well) 55%, transparent);align-items:center;gap:12px;padding:4px 9px 5px;display:flex}.sample-screen-readouts span{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.sample-screen-readouts .sample-screen-title{min-width:0;color:var(--text-primary);text-align:left;flex:auto}.sample-drop-cta{text-align:center;pointer-events:none;place-content:center;gap:2px;height:86px;display:grid;position:absolute;top:0;left:0;right:0}.sample-drop-cta strong{color:var(--text-secondary);font-size:10.5px;font-weight:600}.sample-drop-cta span{color:var(--text-muted);font-size:9px}.sampler-screen[data-drag-over=true],.drum-pad[data-drag-over=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 14px color-mix(in srgb, var(--accent-glow) 55%, transparent)}.device-inline-button,.device-sample-import{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-well);min-height:24px;color:var(--text-secondary);letter-spacing:.2px;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:5px;padding:4px 11px;font-size:9.5px;font-weight:600;display:inline-flex}.device-inline-button:hover:not(:disabled),.device-sample-import:hover{border-color:var(--border-strong);color:var(--text-primary)}.device-inline-button:disabled{opacity:.45;cursor:default}.device-inline-button-danger:hover:not(:disabled){border-color:color-mix(in srgb, var(--error) 55%, transparent);color:var(--error)}.device-sample-import input[type=file]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.device-sample-import{border-color:var(--accent-dim);background:var(--accent-soft);color:var(--accent-glow);position:relative}.device-sample-import:hover{border-color:var(--accent);color:var(--text-primary)}.device-empty-note{border:1px dashed var(--border-subtle);border-radius:var(--radius-md);text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:3px;padding:18px 12px;display:flex}.device-empty-note strong{color:var(--text-secondary);font-size:10.5px;font-weight:600}.device-empty-note span{color:var(--text-muted);font-size:9px}.four-osc-screen{flex-direction:column;flex:auto;gap:0;min-height:52px;padding:0;overflow:hidden}.four-osc-screen svg{border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0 0;min-height:46px}.four-osc-screen-baseline{stroke:var(--viz-baseline);stroke-width:1px;stroke-dasharray:1 3}.four-osc-screen-guide{fill:none;stroke:var(--viz-muted);stroke-width:1px;stroke-dasharray:4 3;opacity:.65}.four-osc-screen-readouts{border-top:1px solid color-mix(in srgb, var(--viz-border) 60%, transparent);background:color-mix(in srgb, var(--bg-well) 55%, transparent);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:4px 9px 5px;display:grid}.four-osc-screen-readouts span{color:var(--text-secondary);font-family:var(--font-mono);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.device-card[data-device-id] .device-control-groups.four-osc-groups{flex-flow:wrap;align-items:stretch;gap:8px 0}.four-osc-groups .device-control-group{border-left:1px solid var(--border-subtle);flex-direction:column;justify-content:flex-end;gap:5px;padding:0 12px;display:flex}.four-osc-groups .device-control-group:first-child{border-left:0;padding-left:0}.four-osc-groups .device-control-row{justify-content:flex-start;gap:8px}.four-osc-matrix-row .device-control-group{padding:0 8px}.four-osc-matrix-row .device-control-row{gap:4px}.four-osc-matrix-row .knob-dial{width:30px;height:30px}.four-osc-matrix-row .device-select-step{width:12px}.four-osc-matrix-row .device-select-value{min-width:30px;font-size:8px}.four-osc-matrix-row .knob-label{display:none}.device-preset-strip{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-well);flex:auto;align-items:center;gap:2px;min-width:0;max-width:220px;height:20px;margin:0 6px;display:flex;position:relative}.device-preset-step{width:16px;height:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.device-preset-step:hover{color:var(--text-primary)}.device-preset-name{min-width:0;height:100%;color:var(--text-secondary);font-family:var(--font-mono);text-align:center;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:auto;font-size:9px;overflow:hidden}.device-preset-name:hover{color:var(--text-primary)}.device-preset-menu{z-index:30;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-raised);flex-direction:column;gap:6px;width:240px;max-height:260px;padding:8px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 12px 28px #00000073}.device-preset-menu-section{flex-direction:column;gap:1px;display:flex}.device-preset-menu-section h5{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:2px 0;font-size:9px}.device-preset-menu-section button{border-radius:var(--radius-sm);color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;padding:3px 6px;font-size:11px}.device-preset-menu-section button:hover,.device-preset-menu-section button.selected{background:var(--bg-well);color:var(--text-primary)}.device-preset-menu-empty{color:var(--text-muted);padding:3px 6px;font-size:10px}.device-preset-menu-user-row{align-items:center;gap:4px;display:flex}.device-preset-menu-user-row>button:first-child{flex:auto}.device-preset-delete{border-radius:var(--radius-sm);width:18px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex:none}.device-preset-delete:hover{color:var(--error)}.device-preset-menu-save{border-top:1px solid var(--border-subtle);gap:6px;padding-top:6px;display:flex}.device-preset-menu-save input{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-well);min-width:0;color:var(--text-primary);flex:auto;padding:4px 6px;font-size:11px}.device-preset-menu-save button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-well);color:var(--text-primary);cursor:pointer;padding:4px 10px;font-size:11px}.device-preset-menu-save button:disabled{opacity:.5;cursor:default}.device-select-control{position:relative}.device-select-control .device-param-input{width:100%;height:100%;top:0;left:0;transform:none}.device-select{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-well);align-items:center;gap:2px;height:24px;display:flex}.device-select-step{width:16px;height:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.device-select-step:hover{color:var(--text-primary)}.device-select-value{min-width:40px;color:var(--text-secondary);font-family:var(--font-mono);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.device-select-control .device-control-value{display:none}.device-card[data-device-id=inst-4xosc] .device-option-buttons[data-param^=osc][data-param$=Wave] button{padding:4px 3px;font-size:7.5px}.drum-rack-card,.drum-rack-card .device-page{flex:auto}.drum-rack-toolbar{flex:none;align-items:center;gap:8px;display:flex}.drum-rack-toolbar .device-tabs{flex:none}.drum-rack-load-readout{color:var(--text-muted);font-family:var(--font-mono);text-align:right;flex:auto;font-size:8px}.drum-bank-switch{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-well);flex:none;gap:2px;padding:2px;display:flex}.drum-bank-switch button{border-radius:var(--radius-sm);min-height:18px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;padding:2px 8px;font-size:9px;font-weight:600;display:inline-flex}.drum-bank-switch button:hover:not(.selected){color:var(--text-secondary)}.drum-bank-switch button.selected{background:var(--accent-soft);color:var(--accent-glow);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent)}.drum-pad-grid{flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:5px;min-height:0;display:grid}.drum-pad{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:linear-gradient(180deg, var(--bg-raised-2), var(--bg-raised));text-align:left;cursor:pointer;flex-direction:column;justify-content:space-between;gap:2px;min-width:0;min-height:40px;padding:5px 7px;transition:border-color 90ms,box-shadow 90ms;display:flex;position:relative;box-shadow:inset 0 1px #ffffff08}.drum-pad:hover{border-color:var(--border-strong)}.drum-pad:active{background:linear-gradient(180deg, var(--bg-raised), var(--bg-raised-2));box-shadow:inset 0 2px 4px #0006}.drum-pad[data-loaded=true]{border-color:color-mix(in srgb, var(--accent) 42%, var(--border-subtle));background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, var(--bg-raised-2)), color-mix(in srgb, var(--accent) 6%, var(--bg-raised)))}.drum-pad[data-selected=true]{border-color:var(--accent);box-shadow:inset 0 1px 0 #ffffff08, 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 10px color-mix(in srgb, var(--accent-glow) 40%, transparent)}.drum-pad-head{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.drum-pad-num{color:var(--text-muted);font-family:var(--font-mono);font-size:8px;font-weight:600}.drum-pad[data-loaded=true] .drum-pad-num{color:var(--accent-glow)}.drum-pad-note{color:color-mix(in srgb, var(--text-muted) 72%, transparent);font-family:var(--font-mono);font-size:7px}.drum-pad-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;font-weight:600;overflow:hidden}.drum-pad-name small{color:color-mix(in srgb, var(--text-muted) 62%, transparent);font-size:8px;font-weight:500}.drum-pad-editor{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}.device-card[data-device-id] .device-control-groups.drum-pad-editor-controls{flex-flow:wrap;align-items:stretch;gap:8px 0}.drum-pad-editor-controls .device-control-group{border-left:1px solid var(--border-subtle);flex-direction:column;justify-content:flex-end;gap:5px;padding:0 12px;display:flex}.drum-pad-editor-controls .device-control-group:first-child{border-left:0;padding-left:0}.drum-pad-editor-controls .device-control-row{justify-content:flex-start;gap:8px}.device-card[data-device-id=inst-sampler] .device-card-body{gap:7px}.device-card[data-device-id] .device-control-groups.sampler-groups{flex-flow:wrap;align-items:stretch;gap:8px 0}.sampler-groups .device-control-group{border-left:1px solid var(--border-subtle);flex-direction:column;justify-content:flex-end;gap:5px;padding:0 12px;display:flex}.sampler-groups .device-control-group:first-child{border-left:0;padding-left:0}.sampler-groups .device-control-row{justify-content:flex-start;align-items:flex-end;gap:8px}.sampler-groups .device-inline-button,.sampler-groups .device-sample-import{margin-bottom:4px}.sampler-nudge-row{gap:10px}.sampler-nudge-cluster{flex-direction:column;align-items:center;gap:4px;display:flex}.sampler-nudge-cluster .device-option-buttons button{min-width:22px;padding:4px 7px;font-size:8px}.device-visual-filter-core{flex-direction:column;flex:0 0 82px;gap:5px;min-height:0}.device-visual-filter-core svg{min-height:42px}.filter-visual-readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.filter-visual-readouts span{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto Mono,ui-monospace,monospace;font-size:8px;overflow:hidden}.device-card[data-device-id=fx-filter] .device-control-groups{grid-template-columns:minmax(224px,1fr) minmax(46px,.38fr);gap:8px;display:grid}.device-card[data-device-id=fx-filter] .device-control-group{justify-content:flex-end}.device-card[data-device-id=fx-filter] .device-control-row{justify-content:flex-start;gap:6px}.device-visual-auto-filter-core{flex-direction:column;flex:0 0 92px;gap:5px;min-height:0}.device-visual-auto-filter-core svg{min-height:50px}.auto-filter-visual-lfo{fill:none;opacity:.55;stroke:var(--viz-muted);stroke-width:1.5px}.auto-filter-visual-readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.auto-filter-visual-readouts span{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto Mono,ui-monospace,monospace;font-size:8px;overflow:hidden}.device-card[data-device-id=fx-auto-filter] .device-card-body{gap:7px}.device-card[data-device-id=fx-auto-filter] .device-control-groups{grid-template-columns:minmax(132px,1fr) minmax(156px,1.25fr) minmax(92px,.85fr);gap:8px;display:grid}.device-card[data-device-id=fx-auto-filter] .device-control-group{justify-content:flex-end}.device-card[data-device-id=fx-auto-filter] .device-control-row{justify-content:flex-start;gap:6px}.device-visual-bitcrusher-core{flex-direction:column;flex:0 0 96px;gap:5px;min-height:0}.device-visual-bitcrusher-core svg{min-height:48px}.device-visual-bitcrusher-core .device-visual-line{stroke:var(--track-amber)}.bitcrusher-visual-grid{opacity:.42;stroke:var(--border-strong);stroke-width:1px}.bitcrusher-visual-stairs{fill:none;opacity:.6;stroke:var(--accent-glow);stroke-linejoin:bevel;stroke-width:5px}.bitcrusher-visual-readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.bitcrusher-visual-readouts span{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto Mono,ui-monospace,monospace;font-size:8px;overflow:hidden}.device-card[data-device-id=fx-bitcrusher] .device-card-body{gap:7px}.device-card[data-device-id=fx-bitcrusher] .device-control-groups{grid-template-columns:minmax(176px,1.65fr) minmax(58px,.55fr);gap:8px;display:grid}.device-card[data-device-id=fx-bitcrusher] .device-control-group{justify-content:flex-end}.device-card[data-device-id=fx-bitcrusher] .device-control-row{justify-content:flex-start;gap:6px}.device-visual-saturator-core{flex-direction:column;flex:0 0 86px;gap:5px;min-height:0}.device-visual-saturator-core svg{min-height:50px}.device-visual-saturator-core .device-visual-line{stroke:var(--track-amber)}.saturator-visual-axis{opacity:.5;stroke:var(--border-strong);stroke-dasharray:3 3;stroke-width:1px}.saturator-visual-guide{fill:none;opacity:.35;stroke:var(--text-muted);stroke-width:1px}.saturator-visual-readouts{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.saturator-visual-readouts span{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto Mono,ui-monospace,monospace;font-size:8px;overflow:hidden}.device-card[data-device-id=fx-saturator] .device-card-body{gap:7px}.device-card[data-device-id=fx-saturator] .device-control-groups{grid-template-columns:minmax(208px,1.65fr) minmax(88px,.7fr);gap:8px;display:grid}.device-card[data-device-id=fx-saturator] .device-control-group{justify-content:flex-end}.device-card[data-device-id=fx-saturator] .device-control-row{justify-content:flex-start;gap:6px}.device-card[data-device-id=fx-saturator] .device-option-control:first-child{min-width:176px}.device-card[data-device-id=fx-saturator] .device-option-control:first-child .device-option-buttons{grid-template-columns:repeat(4,minmax(0,1fr));max-width:176px;display:grid}.device-card[data-device-id=fx-saturator] .device-option-control:first-child .device-option-buttons button{padding:4px;font-size:7.5px}.device-visual-reverb-core{flex-direction:column;flex:0 0 104px;gap:5px;min-height:0}.device-visual-reverb-core svg{min-height:50px}.device-visual-reverb-core .device-visual-line{stroke:var(--track-amber)}.reverb-visual-filter{opacity:.58;stroke:var(--border-strong);stroke-dasharray:3 3;stroke-width:1px}.reverb-visual-width{fill:none;opacity:.55;stroke:var(--viz-muted);stroke-dasharray:4 3;stroke-width:1.2px}.reverb-visual-readouts{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.reverb-visual-readouts span{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto Mono,ui-monospace,monospace;font-size:7.5px;overflow:hidden}.device-card[data-device-id=fx-reverb] .device-card-body{gap:7px}.device-card[data-device-id=fx-reverb] .device-control-groups{grid-template-columns:minmax(150px,1.35fr) minmax(150px,1.35fr) minmax(96px,.85fr);gap:8px;display:grid}.device-card[data-device-id=fx-reverb] .device-control-group{justify-content:flex-end}.device-card[data-device-id=fx-reverb] .device-control-row{justify-content:flex-start;gap:6px}.device-visual-utility-core{flex-direction:column;flex:0 0 96px;gap:5px;min-height:0}.device-visual-utility-core svg{min-height:48px}.device-visual-utility-core .device-visual-line{stroke:var(--track-amber)}.utility-visual-center{opacity:.55;stroke:var(--border-strong);stroke-dasharray:3 3;stroke-width:1px}.utility-visual-gain,.utility-visual-balance{fill:color-mix(in srgb, var(--accent) 60%, var(--bg-well));opacity:.95}.utility-visual-readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.utility-visual-readouts span{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto Mono,ui-monospace,monospace;font-size:8px;overflow:hidden}.device-card[data-device-id=fx-utility] .device-card-body{gap:7px}.device-card[data-device-id=fx-utility] .device-control-groups{grid-template-columns:minmax(58px,.55fr) minmax(176px,1.65fr);gap:8px;display:grid}.device-card[data-device-id=fx-utility] .device-control-group{justify-content:flex-end}.device-card[data-device-id=fx-utility] .device-control-row{justify-content:flex-start;gap:6px}.device-visual-delay-core{flex-direction:column;flex:0 0 82px;gap:5px;min-height:0}.device-visual-delay-core svg{min-height:42px}.device-visual-delay-core .device-visual-line{stroke:var(--track-amber)}.delay-visual-tap{fill:var(--viz-ink);opacity:.85}.delay-visual-readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.delay-visual-readouts span{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto Mono,ui-monospace,monospace;font-size:8px;overflow:hidden}.device-card[data-device-id=fx-delay] .device-control-groups{grid-template-columns:minmax(62px,.7fr) minmax(142px,1.45fr) minmax(58px,.55fr);gap:8px;display:grid}.device-card[data-device-id=fx-delay] .device-control-group{justify-content:flex-end}.device-card[data-device-id=fx-delay] .device-control-row{justify-content:flex-start;gap:6px}.device-visual-eq-core{flex-direction:column;flex:0 0 94px;gap:5px;min-height:0}.device-card[data-device-id=fx-eq] .device-fader-rail{height:40px}.device-card[data-device-id=fx-eq] .device-fader-rail span{height:calc(var(--value) * 36px)}.device-card[data-device-id=fx-eq] .device-fader .device-param-input{height:40px}.device-visual-eq-editor{touch-action:none}.device-visual-eq-core svg,.eq-editor-svg{touch-action:none;min-height:58px}.eq-editor-hit{fill:#0000;pointer-events:all}.eq-editor-grid-line{stroke:var(--border-subtle);stroke-width:.75px}.eq-editor-grid-zero{stroke:var(--border-strong)}.eq-editor-grid-freq{stroke:color-mix(in srgb, var(--border-subtle) 70%, transparent);stroke-dasharray:2 4;stroke-width:.5px}.eq-editor-curve{fill:none;pointer-events:none;stroke:var(--accent);stroke-width:2px}.eq-editor-node{cursor:grab;fill:var(--track-amber);pointer-events:all;stroke:var(--bg-panel);stroke-width:1.5px}.eq-editor-node-selected{fill:var(--accent);stroke:var(--accent-glow);stroke-width:2px}.eq-visual-baseline{stroke:var(--border-strong);stroke-width:1px}.eq-visual-crossover{stroke:var(--track-blue);stroke-dasharray:3 3;stroke-width:1px}.eq-visual-band{fill:var(--viz-ink-soft);opacity:.9}.eq-visual-readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.eq-visual-readouts span{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto Mono,ui-monospace,monospace;font-size:8px;overflow:hidden}.device-card[data-device-id=fx-eq] .device-card-body{gap:7px}.device-card[data-device-id=fx-eq] .device-control-groups{flex-direction:column;gap:6px;display:flex}.device-card[data-device-id=fx-eq] .device-control-group h4{letter-spacing:.04em;font-size:9px}.device-card[data-device-id=fx-eq] .device-control-group{justify-content:flex-end}.device-card[data-device-id=fx-eq] .device-control-row{flex-wrap:nowrap;justify-content:center;gap:10px}.device-card[data-device-id=fx-eq] .device-control-row .knob,.device-card[data-device-id=fx-eq] .device-control-row .device-option-control{flex:none;min-width:0}.device-visual-dynamics{justify-content:center;align-items:flex-end;gap:14px}.device-visual-dynamics span{width:22px;height:calc(16px + var(--value) * 40px);background:var(--green);border-radius:3px 3px 0 0}.device-visual-compressor-core{flex-direction:column;flex:0 0 160px;gap:5px;min-height:0}.device-visual-compressor-core svg{min-height:50px}.compressor-visual-guide{fill:none;stroke:var(--border-strong);stroke-dasharray:3 3;stroke-width:1px}.compressor-visual-knee{fill:none;opacity:.85;stroke:var(--accent-glow);stroke-width:2px}.compressor-visual-threshold{stroke:var(--track-blue);stroke-dasharray:3 3;stroke-width:1px}.compressor-visual-readouts{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.compressor-visual-readouts span{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto Mono,ui-monospace,monospace;font-size:8px;overflow:hidden}.device-visual-limiter-core{flex-direction:column;flex:0 0 88px;gap:5px;min-height:0}.device-visual-limiter-core svg{min-height:50px}.limiter-visual-ceiling{stroke:var(--track-rose);stroke-dasharray:3 3;stroke-width:1.5px}.limiter-visual-gain{fill:color-mix(in srgb, var(--accent) 60%, var(--bg-well));opacity:.95}.limiter-visual-readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.limiter-visual-readouts span{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto Mono,ui-monospace,monospace;font-size:8px;overflow:hidden}.device-visual-gate-core{flex-direction:column;flex:0 0 88px;gap:5px;min-height:0}.device-visual-gate-core svg{min-height:50px}.gate-visual-threshold{stroke:var(--track-rose);stroke-dasharray:4 3;stroke-width:1.5px}.gate-visual-floor{stroke:var(--text-secondary);stroke-dasharray:2 4;stroke-width:1.25px}.gate-visual-readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.gate-visual-readouts span{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto Mono,ui-monospace,monospace;font-size:8px;overflow:hidden}.device-card[data-device-id=fx-compressor] .device-card-body{gap:7px}.device-card[data-device-id=fx-compressor] .device-control-groups{grid-template-columns:minmax(112px,.95fr) minmax(156px,1.35fr) minmax(92px,.8fr);gap:8px;display:grid}.device-card[data-device-id=fx-compressor] .device-control-group{justify-content:flex-end}.device-card[data-device-id=fx-compressor] .device-control-row{justify-content:flex-start;gap:6px}.device-visual-chorus-core{flex-direction:column;flex:0 0 150px;gap:5px;min-height:0}.device-visual-chorus-core svg{min-height:50px}.device-visual-chorus-core .device-visual-line{stroke:var(--track-amber)}.chorus-visual-dry{fill:none;stroke:var(--border-strong);stroke-dasharray:3 3;stroke-width:1px}.chorus-visual-filter{stroke:var(--track-blue);stroke-dasharray:3 3;stroke-width:1px}.chorus-visual-readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.chorus-visual-readouts span{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto Mono,ui-monospace,monospace;font-size:8px;overflow:hidden}.device-card[data-device-id=fx-chorus] .device-card-body{gap:7px}.device-card[data-device-id=fx-chorus] .device-control-groups{grid-template-columns:minmax(112px,.85fr) minmax(244px,1.75fr) minmax(92px,.75fr);gap:8px;display:grid}.device-card[data-device-id=fx-chorus] .device-control-group{justify-content:flex-end}.device-card[data-device-id=fx-chorus] .device-control-row{justify-content:flex-start;gap:6px}.device-visual-flanger-core{flex-direction:column;flex:0 0 90px;gap:5px;min-height:0}.device-visual-flanger-core svg{min-height:50px}.device-visual-flanger-core .device-visual-line{stroke:var(--track-blue)}.flanger-visual-comb{fill:none;stroke:var(--border-strong);stroke-dasharray:2 4;stroke-width:1px}.flanger-visual-feedback{stroke:var(--track-amber);stroke-width:1.2px}.flanger-visual-phase{stroke:var(--track-rose);stroke-dasharray:3 3;stroke-width:1px}.flanger-visual-readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.flanger-visual-readouts span{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto Mono,ui-monospace,monospace;font-size:8px;overflow:hidden}.device-card[data-device-id=fx-flanger] .device-card-body{gap:7px}.device-card[data-device-id=fx-flanger] .device-control-groups{grid-template-columns:minmax(162px,1.45fr) minmax(116px,1.1fr) minmax(88px,.8fr);gap:8px;display:grid}.device-card[data-device-id=fx-flanger] .device-control-group{justify-content:flex-end}.device-card[data-device-id=fx-flanger] .device-control-row{justify-content:flex-start;gap:6px}.device-visual-phaser-core{flex-direction:column;flex:0 0 90px;gap:5px;min-height:0}.device-visual-phaser-core svg{min-height:50px}.device-visual-phaser-core .device-visual-line{stroke:var(--track-amber)}.phaser-visual-guide{fill:none;stroke:var(--border-strong);stroke-dasharray:3 3;stroke-width:1px}.phaser-visual-notch{stroke:color-mix(in srgb, var(--accent) 60%, transparent);stroke-width:1.2px}.phaser-visual-phase{stroke:var(--track-blue);stroke-dasharray:3 3;stroke-width:1px}.phaser-visual-readouts{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.phaser-visual-readouts span{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto Mono,ui-monospace,monospace;font-size:8px;overflow:hidden}.device-card[data-device-id=fx-phaser] .device-card-body{gap:7px}.device-card[data-device-id=fx-phaser] .device-control-groups{grid-template-columns:minmax(210px,1.6fr) minmax(208px,1.6fr) minmax(92px,.75fr);gap:8px;display:grid}.device-card[data-device-id=fx-phaser] .device-control-group{justify-content:flex-end}.device-card[data-device-id=fx-phaser] .device-control-row{justify-content:flex-start;gap:6px}.device-visual-tremolo-pan-core{flex-direction:column;flex:0 0 88px;gap:5px;min-height:0}.device-visual-tremolo-pan-core svg{min-height:50px}.device-visual-tremolo-pan-core .device-visual-line{stroke:var(--track-amber)}.tremolo-pan-visual-guide{fill:none;stroke:var(--border-strong);stroke-dasharray:3 3;stroke-width:1px}.tremolo-pan-visual-phase{stroke:var(--track-blue);stroke-dasharray:3 3;stroke-width:1px}.tremolo-pan-visual-readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.tremolo-pan-visual-readouts span{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto Mono,ui-monospace,monospace;font-size:8px;overflow:hidden}.device-card[data-device-id=fx-tremolo-pan] .device-card-body{gap:7px}.device-card[data-device-id=fx-tremolo-pan] .device-control-groups{grid-template-columns:minmax(158px,1.35fr) minmax(158px,1.35fr) minmax(58px,.55fr);gap:8px;display:grid}.device-card[data-device-id=fx-tremolo-pan] .device-control-group{justify-content:flex-end}.device-card[data-device-id=fx-tremolo-pan] .device-control-row{justify-content:flex-start;gap:6px}.device-visual-midi,.device-visual-pitch{align-items:flex-end;gap:3px}.device-visual-midi span,.device-visual-pitch span{min-width:3px;height:calc(12px + var(--value) * 44px);background:var(--border-strong);border-radius:1px 1px 0 0;flex:auto}.device-visual-midi span.active{background:var(--green)}.device-visual-pitch span.active{background:var(--accent-glow)}.device-visual-arpeggiator{min-width:180px;position:relative}.arpeggiator-visual-step{fill:var(--border-strong)}.arpeggiator-visual-step.active{fill:var(--accent-glow)}.arpeggiator-visual-gate{stroke:var(--green);stroke-width:1.2px;stroke-dasharray:4 3}.arpeggiator-visual-swing{fill:none;stroke:var(--accent);stroke-width:1.4px;opacity:.8}.arpeggiator-visual-readouts{color:var(--text-secondary);font-family:var(--font-mono);grid-template-columns:minmax(58px,1.14fr) minmax(44px,.9fr) minmax(48px,.96fr);gap:3px 4px;font-size:8px;line-height:1.1;display:grid;position:absolute;inset:auto 8px 6px}.arpeggiator-visual-readouts span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.device-visual-transpose{min-width:180px;position:relative}.transpose-visual-range{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1px}.transpose-visual-key{fill:var(--border-strong)}.transpose-visual-key.active{fill:color-mix(in srgb, var(--green) 72%, var(--border-strong))}.transpose-visual-pitch{stroke:var(--accent-glow);stroke-width:2px}.transpose-visual-readouts{color:var(--text-secondary);font-family:var(--font-mono);grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;font-size:8px;display:grid;position:absolute;inset:auto 8px 6px}.transpose-visual-readouts span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.device-visual-velocity{min-width:180px;position:relative}.velocity-visual-input-range{fill:color-mix(in srgb, var(--accent-soft) 72%, transparent);stroke:var(--accent-dim);stroke-width:1px}.velocity-visual-output{stroke:var(--border-strong);stroke-dasharray:3 3;stroke-width:1px}.velocity-visual-random{fill:none;opacity:.28;stroke:var(--warning);stroke-linecap:round}.velocity-visual-curve{stroke:var(--viz-ink);stroke-width:1.75px}.velocity-visual-readouts{color:var(--text-secondary);font-family:var(--font-mono);grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 4px;font-size:8px;line-height:1.1;display:grid;position:absolute;inset:auto 8px 6px}.velocity-visual-readouts span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.device-visual-chord{flex-direction:column;flex:0 0 76px;gap:4px;min-height:0;padding:6px 7px;position:relative}.chord-visual-root{stroke:var(--border-strong);stroke-dasharray:4 4;stroke-width:1px}.chord-visual-voice{opacity:.3}.chord-visual-voice.active{opacity:1}.chord-visual-voice line{stroke:var(--green-dim);stroke-width:1px}.chord-visual-voice circle{fill:var(--green);stroke:var(--text-primary);stroke-width:.8px}.chord-visual-voice rect{fill:var(--accent)}.chord-visual-readouts{color:var(--text-secondary);font-family:var(--font-mono);grid-template-columns:minmax(58px,1.3fr) minmax(44px,.85fr) minmax(52px,1fr) minmax(54px,1fr);gap:2px 4px;font-size:8px;line-height:1.1;display:grid}.chord-visual-readouts span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.device-visual-scale{flex-direction:column;flex:0 0 88px;gap:4px;min-height:0;padding:6px 7px;position:relative}.device-visual-scale svg{min-height:54px}.scale-visual-grid{opacity:.26;stroke:var(--border-subtle);stroke-width:.75px}.scale-visual-cell{color:var(--text-muted);opacity:.42;stroke:currentColor;stroke-width:1px}.scale-visual-cell.active{color:var(--track-amber);opacity:.95}.scale-visual-cell circle{fill:currentColor}.scale-visual-base{opacity:.82;stroke:var(--accent-glow);stroke-dasharray:3 3;stroke-width:1px}.scale-visual-readouts{color:var(--text-secondary);font-family:var(--font-mono);grid-template-columns:minmax(28px,.7fr) minmax(58px,1.25fr) minmax(38px,.9fr) minmax(42px,.85fr) minmax(54px,1.05fr) minmax(48px,1fr);gap:3px;font-size:7.5px;line-height:1.1;display:grid}.scale-visual-readouts span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.device-card[data-device-id=midi-scale] .device-card-body{gap:6px;padding:8px 10px}.device-card[data-device-id=midi-scale] .device-control-groups{grid-template-columns:minmax(144px,1.35fr) minmax(94px,.9fr) minmax(94px,.9fr);gap:6px;display:grid}.device-card[data-device-id=midi-scale] .device-control-group{gap:3px}.device-card[data-device-id=midi-scale] .device-control-group h4{font-size:7.5px;line-height:1}.device-card[data-device-id=midi-scale] .device-control-row{gap:5px}.device-card[data-device-id=midi-scale] .device-control{gap:3px;min-width:38px}.device-card[data-device-id=midi-scale] .device-option-control-scaleName{min-width:148px}.device-card[data-device-id=midi-scale] .device-option-control-scaleName .device-option-buttons{grid-template-columns:repeat(4,minmax(0,1fr));max-width:148px;display:grid}.device-card[data-device-id=midi-scale] .device-option-control-scaleName .device-option-buttons button{border-bottom:1px solid var(--border-subtle);padding:4px 3px;font-size:7.5px}.device-card[data-device-id=midi-scale] .device-option-control-scaleName .device-option-buttons button:nth-last-child(-n+4){border-bottom:0}.device-visual-humanize{flex-direction:column;flex:0 0 82px;gap:4px;min-height:0;padding:6px 7px;position:relative}.device-visual-humanize svg{min-height:50px}.device-visual-midi-chance{flex-direction:column;flex:0 0 82px;gap:4px;min-height:0;padding:6px 7px;position:relative}.device-visual-midi-chance svg{min-height:50px}.midi-chance-visual-grid{opacity:.5;stroke:var(--border-strong);stroke-dasharray:4 4;stroke-width:1px}.midi-chance-visual-probability{opacity:.82;stroke:var(--accent);stroke-width:1.2px}.midi-chance-visual-bias{fill:none;stroke:var(--track-amber);stroke-width:1.2px}.midi-chance-visual-note{opacity:.28}.midi-chance-visual-note.active{opacity:1}.midi-chance-visual-note line{opacity:.45;stroke:var(--border-subtle);stroke-width:.75px}.midi-chance-visual-note rect{fill:var(--green);opacity:.82}.midi-chance-visual-note circle{fill:var(--track-violet);stroke:var(--accent-glow);stroke-width:.75px}.midi-chance-visual-readouts{color:var(--text-secondary);font-family:var(--font-mono);grid-template-columns:minmax(74px,1.25fr) minmax(34px,.65fr) minmax(66px,1fr) minmax(62px,1fr);gap:3px;font-size:7.5px;line-height:1.1;display:grid}.midi-chance-visual-readouts span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.device-card[data-device-id=midi-chance] .device-card-body{gap:7px;padding:8px 10px}.device-card[data-device-id=midi-chance] .device-control-groups{grid-template-columns:minmax(120px,1fr) minmax(118px,1fr);gap:8px;display:grid}.device-card[data-device-id=midi-chance] .device-control-group{gap:4px}.device-card[data-device-id=midi-chance] .device-control-group h4{font-size:7.5px;line-height:1}.device-card[data-device-id=midi-chance] .device-control-row{justify-content:flex-start;gap:6px}.device-card[data-device-id=midi-chance] .device-control{gap:3px;min-width:46px}.device-card[data-device-id=midi-chance] .device-option-control-mode{min-width:64px}.device-card[data-device-id=midi-chance] .device-option-control-mode .device-option-buttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.device-card[data-device-id=midi-chance] .device-option-control-mode .device-option-buttons button{padding:4px 2px;font-size:7.5px}.device-card[data-device-id=midi-chance] .device-fader-rail{width:10px;height:38px}.device-card[data-device-id=midi-chance] .device-fader-rail span{height:calc(var(--value) * 34px)}.device-card[data-device-id=midi-chance] .device-fader .device-param-input{width:42px;height:42px;margin-left:-21px}.device-card[data-device-id=midi-chance] .device-range-bar{width:54px;height:10px}.device-card[data-device-id=midi-chance] .device-range-bar span{width:calc(var(--value) * 50px)}.device-card[data-device-id=midi-chance] .device-range-control .device-param-input{width:62px;height:24px;margin-left:-31px}.device-card[data-device-id=midi-chance] .device-control-value,.device-card[data-device-id=midi-chance] .knob-label{font-size:8px}.device-visual-midi-invert{flex-direction:column;flex:0 0 82px;gap:4px;min-height:0;padding:6px 7px;position:relative}.device-visual-midi-invert svg{min-height:50px}.midi-invert-visual-axis{opacity:.86;stroke:var(--accent);stroke-dasharray:4 4;stroke-width:1.2px}.midi-invert-visual-note line{opacity:.65;stroke:var(--border-strong);stroke-width:1px}.midi-invert-visual-input{fill:var(--text-muted)}.midi-invert-visual-output{fill:var(--track-violet);stroke:var(--accent-glow);stroke-width:.75px}.midi-invert-visual-readouts{color:var(--text-secondary);font-family:var(--font-mono);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;font-size:8px;display:grid}.midi-invert-visual-readouts span{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-card[data-device-id=midi-invert] .device-card-body{gap:7px;padding:8px 10px}.device-card[data-device-id=midi-invert] .device-control-groups{grid-template-columns:minmax(82px,1fr) minmax(82px,1fr);gap:8px;display:grid}.device-card[data-device-id=midi-invert] .device-control-row{justify-content:flex-start}.device-card[data-device-id=midi-invert] .device-control-value,.device-card[data-device-id=midi-invert] .knob-label{font-size:8px}.device-visual-pitch-fold{flex-direction:column;flex:0 0 82px;gap:4px;min-height:0;padding:6px 7px;position:relative}.device-visual-pitch-fold svg{min-height:50px}.pitch-fold-visual-window{fill:var(--accent-soft);opacity:.72}.pitch-fold-visual-boundary{stroke:var(--accent);stroke-dasharray:4 3;stroke-width:1.1px}.pitch-fold-visual-note line{opacity:.56;stroke:var(--border-strong);stroke-width:1px}.pitch-fold-visual-note.changed line{opacity:.78;stroke:var(--track-amber)}.pitch-fold-visual-input{fill:var(--text-muted)}.pitch-fold-visual-output{fill:var(--green);stroke:var(--green-dim);stroke-width:.75px}.pitch-fold-visual-readouts{color:var(--text-secondary);font-family:var(--font-mono);grid-template-columns:minmax(48px,1fr) minmax(52px,1fr) minmax(58px,1.05fr) minmax(54px,1fr);gap:3px;font-size:7.5px;line-height:1.1;display:grid}.pitch-fold-visual-readouts span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.device-card[data-device-id=midi-pitch-fold] .device-card-body{gap:7px;padding:8px 10px}.device-card[data-device-id=midi-pitch-fold] .device-control-groups{grid-template-columns:minmax(96px,1fr) minmax(76px,.8fr);gap:8px;display:grid}.device-card[data-device-id=midi-pitch-fold] .device-control-row{justify-content:flex-start;gap:6px}.device-card[data-device-id=midi-pitch-fold] .device-option-control-mode{min-width:64px}.device-card[data-device-id=midi-pitch-fold] .device-option-control-mode .device-option-buttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.device-card[data-device-id=midi-pitch-fold] .device-option-control-mode .device-option-buttons button{padding:4px 2px;font-size:7.5px}.device-card[data-device-id=midi-pitch-fold] .device-range-bar{width:58px;height:10px}.device-card[data-device-id=midi-pitch-fold] .device-range-bar span{width:calc(var(--value) * 54px)}.device-card[data-device-id=midi-pitch-fold] .device-range-control .device-param-input{width:66px;height:24px;margin-left:-33px}.device-card[data-device-id=midi-pitch-fold] .device-fader-rail{width:10px;height:38px}.device-card[data-device-id=midi-pitch-fold] .device-fader-rail span{height:calc(var(--value) * 34px)}.device-card[data-device-id=midi-pitch-fold] .device-fader .device-param-input{width:42px;height:42px;margin-left:-21px}.device-card[data-device-id=midi-pitch-fold] .device-control-value,.device-card[data-device-id=midi-pitch-fold] .knob-label{font-size:8px}.device-visual-quantize{flex-direction:column;flex:0 0 82px;gap:4px;min-height:0;padding:6px 7px;position:relative}.device-visual-quantize svg{min-height:50px}.device-visual-midi-echo{flex-direction:column;flex:0 0 82px;gap:4px;min-height:0;padding:6px 7px;position:relative}.device-visual-midi-echo svg{min-height:50px}.midi-echo-visual-grid{opacity:.5;stroke:var(--border-strong);stroke-dasharray:4 4;stroke-width:1px}.midi-echo-visual-feedback{fill:none;stroke:var(--accent-dim);stroke-width:1.2px}.midi-echo-visual-tap{color:var(--track-violet);opacity:.95}.midi-echo-visual-tap.muted{color:var(--text-muted);opacity:.35}.midi-echo-visual-tap line{stroke:var(--border-subtle);stroke-width:.75px}.midi-echo-visual-tap rect{fill:currentColor;stroke:var(--accent-glow);stroke-width:.75px}.midi-echo-visual-tap circle{fill:var(--green)}.midi-echo-visual-readouts{color:var(--text-secondary);font-family:var(--font-mono);grid-template-columns:.95fr .95fr .8fr 1.25fr .8fr .95fr;gap:3px;font-size:7.5px;line-height:1.1;display:grid}.midi-echo-visual-readouts span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.device-card[data-device-id=midi-echo] .device-card-body{gap:6px;padding:8px 10px}.device-card[data-device-id=midi-echo] .device-control-groups{grid-template-columns:repeat(3,minmax(92px,1fr));gap:6px;display:grid}.device-card[data-device-id=midi-echo] .device-control-group{gap:3px}.device-card[data-device-id=midi-echo] .device-control-group h4{font-size:7.5px;line-height:1}.device-card[data-device-id=midi-echo] .device-control-row{gap:5px}.device-card[data-device-id=midi-echo] .device-control{gap:3px;min-width:42px}.device-card[data-device-id=midi-echo] .device-option-control-time{min-width:86px}.device-card[data-device-id=midi-echo] .device-option-control-time .device-option-buttons{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.device-card[data-device-id=midi-echo] .device-option-control-time .device-option-buttons button{border-bottom:1px solid var(--border-subtle);padding:4px 2px;font-size:7.5px}.device-card[data-device-id=midi-echo] .device-option-control-time .device-option-buttons button:nth-last-child(-n+4){border-bottom:0}.device-card[data-device-id=midi-echo] .device-option-control-input{min-width:54px}.device-card[data-device-id=midi-echo] .device-option-control-input .device-option-buttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.device-card[data-device-id=midi-echo] .device-option-control-input .device-option-buttons button{padding:4px 2px;font-size:7.5px}.device-card[data-device-id=midi-echo] .device-fader-rail{width:10px;height:38px}.device-card[data-device-id=midi-echo] .device-fader-rail span{height:calc(var(--value) * 34px)}.device-card[data-device-id=midi-echo] .device-fader .device-param-input{width:42px;height:42px;margin-left:-21px}.device-card[data-device-id=midi-echo] .device-range-bar{width:54px;height:10px}.device-card[data-device-id=midi-echo] .device-range-bar span{width:calc(var(--value) * 50px)}.device-card[data-device-id=midi-echo] .device-range-control .device-param-input{width:62px;height:24px;margin-left:-31px}.device-card[data-device-id=midi-echo] .device-control-value,.device-card[data-device-id=midi-echo] .knob-label{font-size:8px}.device-visual-midi-range{flex-direction:column;flex:0 0 82px;gap:4px;min-height:0;padding:6px 7px;position:relative}.device-visual-midi-range svg{min-height:50px}.midi-range-visual-zone-grid{opacity:.5;stroke:var(--border-strong);stroke-dasharray:4 4;stroke-width:1px}.midi-range-visual-key{fill:var(--border-strong)}.midi-range-visual-key.active{fill:color-mix(in srgb, var(--green) 72%, var(--border-strong))}.midi-range-visual-key-zone{fill:color-mix(in srgb, var(--accent-soft) 62%, transparent);stroke:var(--accent);stroke-width:1px}.midi-range-visual-velocity-zone{fill:color-mix(in srgb, var(--track-amber) 55%, transparent);stroke:var(--track-amber);stroke-width:1px}.midi-range-visual-readouts{color:var(--text-secondary);font-family:var(--font-mono);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;font-size:7.5px;line-height:1.1;display:grid}.midi-range-visual-readouts span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.device-card[data-device-id=midi-range] .device-card-body{gap:7px;padding:8px 10px}.device-card[data-device-id=midi-range] .device-control-groups{grid-template-columns:repeat(2,minmax(118px,1fr));gap:7px;display:grid}.device-card[data-device-id=midi-range] .device-control-group{gap:4px}.device-card[data-device-id=midi-range] .device-control-row{justify-content:flex-start;gap:6px}.device-card[data-device-id=midi-range] .device-range-bar{width:58px;height:10px}.device-card[data-device-id=midi-range] .device-range-bar span{width:calc(var(--value) * 54px)}.device-card[data-device-id=midi-range] .device-range-control .device-param-input{width:66px;height:24px;margin-left:-33px}.device-card[data-device-id=midi-range] .device-fader-rail{width:10px;height:38px}.device-card[data-device-id=midi-range] .device-fader-rail span{height:calc(var(--value) * 34px)}.device-card[data-device-id=midi-range] .device-fader .device-param-input{width:42px;height:42px;margin-left:-21px}.device-card[data-device-id=midi-range] .device-control-value,.device-card[data-device-id=midi-range] .knob-label{font-size:8px}.device-visual-midi-strum{flex-direction:column;flex:0 0 82px;gap:4px;min-height:0;padding:6px 7px;position:relative}.device-visual-midi-strum svg{min-height:50px}.midi-strum-visual-baseline{opacity:.52;stroke:var(--border-strong);stroke-dasharray:4 4;stroke-width:1px}.midi-strum-visual-curve{fill:none;stroke:var(--accent-dim);stroke-width:1.3px}.midi-strum-visual-alternate{fill:none;opacity:.32;stroke:var(--track-amber);stroke-dasharray:3 3;stroke-width:1px}.midi-strum-visual-note line{opacity:.45;stroke:var(--border-subtle);stroke-width:.75px}.midi-strum-visual-note rect{fill:var(--green);opacity:.82}.midi-strum-visual-note circle{fill:var(--track-violet);stroke:var(--accent-glow);stroke-width:.75px}.midi-strum-visual-readouts{color:var(--text-secondary);font-family:var(--font-mono);grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;font-size:7.5px;line-height:1.1;display:grid}.midi-strum-visual-readouts span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.device-card[data-device-id=midi-strum] .device-card-body{gap:7px;padding:8px 10px}.device-card[data-device-id=midi-strum] .device-control-groups{grid-template-columns:minmax(62px,.75fr) minmax(132px,1.45fr) minmax(58px,.65fr);gap:7px;display:grid}.device-card[data-device-id=midi-strum] .device-control-group{gap:4px}.device-card[data-device-id=midi-strum] .device-control-group h4{font-size:7.5px;line-height:1}.device-card[data-device-id=midi-strum] .device-control-row{justify-content:flex-start;gap:6px}.device-card[data-device-id=midi-strum] .device-control{gap:3px;min-width:46px}.device-card[data-device-id=midi-strum] .device-option-control-direction{min-width:76px}.device-card[data-device-id=midi-strum] .device-option-control-direction .device-option-buttons{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.device-card[data-device-id=midi-strum] .device-option-control-direction .device-option-buttons button{padding:4px 2px;font-size:7.5px}.device-card[data-device-id=midi-strum] .device-range-bar{width:54px;height:10px}.device-card[data-device-id=midi-strum] .device-range-bar span{width:calc(var(--value) * 50px)}.device-card[data-device-id=midi-strum] .device-range-control .device-param-input{width:62px;height:24px;margin-left:-31px}.device-card[data-device-id=midi-strum] .device-fader-rail{width:10px;height:38px}.device-card[data-device-id=midi-strum] .device-fader-rail span{height:calc(var(--value) * 34px)}.device-card[data-device-id=midi-strum] .device-fader .device-param-input{width:42px;height:42px;margin-left:-21px}.device-card[data-device-id=midi-strum] .device-control-value,.device-card[data-device-id=midi-strum] .knob-label{font-size:8px}.quantize-visual-grid{opacity:.35;stroke:var(--border-subtle);stroke-width:.75px}.quantize-visual-baseline{opacity:.52;stroke:var(--border-strong);stroke-dasharray:4 4;stroke-width:1px}.quantize-visual-note path{fill:none;stroke:var(--accent-dim);stroke-width:1px}.quantize-visual-note circle{fill:var(--text-muted);opacity:.55}.quantize-visual-note rect{fill:var(--track-violet);stroke:var(--accent-glow);stroke-width:.75px}.quantize-visual-readouts{color:var(--text-secondary);font-family:var(--font-mono);grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;font-size:7.5px;line-height:1.1;display:grid}.quantize-visual-readouts span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.device-card[data-device-id=midi-quantize] .device-card-body{gap:6px;padding:8px 10px}.device-card[data-device-id=midi-quantize] .device-control-groups{grid-template-columns:repeat(2,minmax(118px,1fr));gap:8px;display:grid}.device-card[data-device-id=midi-quantize] .device-control-group{gap:4px}.device-card[data-device-id=midi-quantize] .device-control-row{gap:6px}.device-card[data-device-id=midi-quantize] .device-control{min-width:52px}.device-card[data-device-id=midi-quantize] .device-option-control-grid{min-width:92px}.device-card[data-device-id=midi-quantize] .device-option-control-grid .device-option-buttons{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.device-card[data-device-id=midi-quantize] .device-option-control-grid .device-option-buttons button{padding:4px 2px;font-size:7.5px}.humanize-visual-baseline{opacity:.52;stroke:var(--border-strong);stroke-dasharray:4 4;stroke-width:1px}.humanize-visual-note{opacity:.28}.humanize-visual-note.active{opacity:1}.humanize-visual-note line{opacity:.5;stroke:var(--border-strong);stroke-width:.75px}.humanize-visual-note path{fill:none;stroke:var(--accent-dim);stroke-width:1px}.humanize-visual-note rect{fill:var(--green);opacity:.8}.humanize-visual-note circle{fill:var(--track-amber);stroke:var(--text-primary);stroke-width:.75px}.humanize-visual-readouts{color:var(--text-secondary);font-family:var(--font-mono);grid-template-columns:minmax(42px,.82fr) minmax(68px,1.2fr) minmax(54px,.95fr) minmax(82px,1.36fr);gap:3px;font-size:7.5px;line-height:1.1;display:grid}.humanize-visual-readouts span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.device-card[data-device-id=midi-humanize] .device-card-body{gap:6px;padding:8px 10px}.device-card[data-device-id=midi-humanize] .device-control-groups{grid-template-columns:minmax(54px,.65fr) minmax(128px,1.45fr) minmax(62px,.75fr);gap:6px;display:grid}.device-card[data-device-id=midi-humanize] .device-control-group{gap:3px}.device-card[data-device-id=midi-humanize] .device-control-group h4{font-size:7.5px;line-height:1}.device-card[data-device-id=midi-humanize] .device-control-row{align-items:center;gap:5px}.device-card[data-device-id=midi-humanize] .device-control{gap:3px;min-width:42px}.device-card[data-device-id=midi-humanize] .device-fader-rail{width:10px;height:38px}.device-card[data-device-id=midi-humanize] .device-fader-rail span{height:calc(var(--value) * 34px)}.device-card[data-device-id=midi-humanize] .device-fader .device-param-input{width:42px;height:42px;margin-left:-21px}.device-card[data-device-id=midi-humanize] .device-range-bar{width:54px;height:10px}.device-card[data-device-id=midi-humanize] .device-range-bar span{width:calc(var(--value) * 50px)}.device-card[data-device-id=midi-humanize] .device-range-control .device-param-input{width:62px;height:24px;margin-left:-31px}.device-card[data-device-id=midi-humanize] .device-control-value,.device-card[data-device-id=midi-humanize] .knob-label{font-size:8px}.device-card[data-device-id=midi-chord] .device-card-body{gap:6px;padding:8px 10px}.device-card[data-device-id=midi-chord] .device-control-group h4{font-size:7.5px;line-height:1}.device-card[data-device-id=midi-chord] .device-control-row{gap:5px}.device-card[data-device-id=midi-chord] .device-control{gap:3px;min-width:34px}.device-card[data-device-id=midi-chord] .knob-dial{width:34px;height:34px}.device-card[data-device-id=midi-chord] .knob .device-param-input{width:34px;height:34px;margin-left:-17px}.device-card[data-device-id=midi-chord] .device-fader-rail{width:9px;height:30px}.device-card[data-device-id=midi-chord] .device-fader-rail span{height:calc(var(--value) * 26px)}.device-card[data-device-id=midi-chord] .device-fader .device-param-input{width:42px;height:34px;margin-left:-21px}.device-card[data-device-id=midi-chord] .device-control-value,.device-card[data-device-id=midi-chord] .knob-label{font-size:8px}.device-card[data-device-id=midi-chord] .device-control-groups{gap:6px 14px}.device-card[data-device-id=midi-chord] .device-control-group,.device-card[data-device-id=midi-chord] .device-control{gap:3px}.device-visual-note-length{min-width:180px;position:relative}.device-card[data-device-id=midi-note-length] .device-card-body{gap:6px;padding:8px 10px}.device-card[data-device-id=midi-note-length] .device-visual-note-length{flex:0 0 72px;min-height:0;padding:5px 7px}.device-card[data-device-id=midi-note-length] .device-control-groups{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 8px;display:grid}.device-card[data-device-id=midi-note-length] .device-control-group{gap:3px}.device-card[data-device-id=midi-note-length] .device-control-group:last-child{grid-column:1/-1}.device-card[data-device-id=midi-note-length] .device-control-group h4{font-size:7.5px;line-height:1}.device-card[data-device-id=midi-note-length] .device-control-row{align-items:center;gap:4px}.device-card[data-device-id=midi-note-length] .device-control{gap:3px;min-width:34px}.device-card[data-device-id=midi-note-length] .knob-dial{width:36px;height:36px}.device-card[data-device-id=midi-note-length] .knob .device-param-input{width:36px;height:36px;margin-left:-18px}.device-card[data-device-id=midi-note-length] .device-range-bar{width:58px;height:11px}.device-card[data-device-id=midi-note-length] .device-range-bar span{width:calc(var(--value) * 54px)}.device-card[data-device-id=midi-note-length] .device-range-control .device-param-input{width:66px;height:24px;margin-left:-33px}.device-card[data-device-id=midi-note-length] .device-option-buttons button{padding:4px 6px}.device-card[data-device-id=midi-note-length] .device-control-value,.device-card[data-device-id=midi-note-length] .knob-label{font-size:8px}.note-length-visual-grid{stroke:var(--border-strong);stroke-dasharray:4 4;stroke-width:1px}.note-length-visual-length{fill:var(--viz-ink-soft);stroke:color-mix(in srgb, var(--accent) 40%, transparent);stroke-width:1px}.note-length-visual-gate{fill:color-mix(in srgb, var(--accent) 55%, transparent)}.note-length-visual-latch{fill:var(--border-strong)}.note-length-visual-latch.active{fill:var(--warning)}.note-length-visual-readouts{color:var(--text-secondary);font-family:var(--font-mono);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;font-size:8px;display:grid;position:absolute;inset:auto 8px 6px}.note-length-visual-readouts span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.transpose-step-buttons{grid-template-columns:42px minmax(44px,1fr) 42px;align-items:center;gap:6px;min-width:0;display:grid}.transpose-step-buttons button{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-well);min-height:24px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:9px;font-weight:700}.transpose-step-buttons button:hover,.transpose-step-buttons button:focus-visible{border-color:var(--accent-dim);background:var(--accent-soft);color:var(--text-primary)}.transpose-step-buttons span{color:var(--text-primary);font-family:var(--font-mono);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.device-fader{min-width:36px}.device-fader-rail{border:1px solid var(--border-subtle);background:var(--bg-well);border-radius:8px;width:10px;height:52px;position:relative}.device-fader-rail span{height:calc(var(--value) * 48px);background:var(--accent);border-radius:7px;position:absolute;bottom:1px;left:1px;right:1px}.device-fader .device-param-input{width:46px;height:52px}.device-range-control{min-width:62px}.device-range-bar{border:1px solid var(--border-subtle);background:var(--bg-well);border-radius:8px;width:62px;height:13px;position:relative}.device-range-bar span{width:calc(var(--value) * 58px);background:var(--accent);border-radius:8px;position:absolute;top:1px;bottom:1px;left:1px}.device-range-control .device-param-input{width:72px;height:28px;margin-left:-36px}.device-option-control{min-width:78px}.device-option-buttons{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-well);flex-wrap:wrap;gap:3px;max-width:156px;padding:2px;display:flex}.device-option-buttons button{border-radius:var(--radius-sm);min-width:0;color:var(--text-muted);letter-spacing:.2px;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:auto;padding:4px 6px;font-size:8.5px;font-weight:600;transition:background .12s,color .12s}.device-option-buttons button:hover:not([aria-pressed=true]){color:var(--text-secondary);background:color-mix(in srgb, var(--text-muted) 12%, transparent)}.device-option-buttons button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-glow);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent)}.device-option-control .device-param-input{pointer-events:none;width:78px;height:28px;margin-left:-39px}.add-device{border:1px dashed var(--border-strong);width:96px;color:var(--text-muted);background:0 0;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.add-device:hover{color:var(--text-secondary);border-color:var(--text-muted)}.add-device svg{width:18px;height:18px}[class*=-visual-readouts]{font-family:var(--font-mono);letter-spacing:-.2px;color:var(--text-secondary);font-size:8.5px}[class*=-visual-readouts] span{text-overflow:ellipsis;white-space:nowrap;text-align:center;overflow:hidden}.device-card[data-device-id] .device-control-groups{flex-flow:wrap;place-content:flex-start;align-items:flex-end;gap:8px 16px;display:flex}.device-card[data-device-id] .device-control-group{flex:none;min-width:0}.device-card[data-device-id] .device-control-row{flex-wrap:nowrap;justify-content:flex-start;gap:8px}.device-card[data-device-id=midi-arpeggiator] .device-visual-arpeggiator,.device-card[data-device-id=midi-transpose] .device-visual-transpose,.device-card[data-device-id=midi-velocity] .device-visual-velocity{flex-direction:column;flex:0 0 84px;min-height:0}.device-visual-arpeggiator>svg,.device-visual-transpose>svg,.device-visual-velocity>svg{flex:auto;min-height:0}.arpeggiator-visual-readouts,.transpose-visual-readouts,.velocity-visual-readouts,.note-length-visual-readouts{border-top:1px solid var(--viz-grid);margin-top:4px;padding-top:4px;position:static;inset:auto}.device-card[data-device-id=midi-note-length] .device-visual-note-length{flex-direction:column}.device-card[data-device-id=midi-transpose] .device-visual-transpose{flex-basis:76px}.device-card[data-device-id=midi-velocity] .device-visual-velocity{flex-basis:88px}.device-card[data-device-id=midi-velocity] .device-visual-velocity>svg{flex-basis:30px;min-height:30px}.device-card[data-device-id=midi-chord] .device-visual{flex:auto;min-height:34px;max-height:76px}.device-card[data-device-id=fx-saturator] .device-visual{flex:auto;min-height:52px;max-height:86px}.device-card[data-device-id=fx-auto-filter] .device-visual{flex:auto;min-height:52px;max-height:92px}.device-card[data-device-id=fx-flanger] .device-visual,.device-card[data-device-id=fx-phaser] .device-visual{flex:auto;min-height:52px;max-height:90px}.device-card[data-device-id=fx-tremolo-pan] .device-visual{flex:auto;min-height:52px;max-height:88px}.device-card[data-device-id=fx-eq] .device-visual{flex:auto;min-height:52px;max-height:94px}.device-card[data-device-id=midi-scale] .device-visual{flex:auto;min-height:52px;max-height:88px}.device-card[data-device-id=midi-arpeggiator] .device-visual{flex:auto;min-height:52px;max-height:84px}.device-card[data-device-id=midi-velocity] .device-visual{flex:0 0 88px;min-height:88px;max-height:88px}@container device-card (width<=280px){.device-card[data-device-id] .device-control-groups{flex-direction:column;gap:8px;display:flex}.device-card[data-device-id] .device-control-group{min-width:0}.device-card[data-device-id] .device-control-row{flex-wrap:wrap;justify-content:flex-start}}@container editor-area (width<=900px){.device-card{flex-basis:min(100%, var(--device-card-width,208px))}.device-card-body{overflow-y:auto}.device-control-row{gap:6px}.knob-dial{width:42px;height:42px}.device-visual{min-height:52px;padding:6px}}@container editor-area (width<=560px){.device-rack{gap:10px;padding:10px}.device-card{flex:0 0 var(--device-card-render-width);width:var(--device-card-render-width);min-width:0}.device-control-value{max-width:52px;font-size:8px}.knob-label{font-size:9px}}@media (width<=1100px){.saine-app[data-inspector-collapsed=false] .device-card[data-device-id=fx-chorus],.saine-app[data-inspector-collapsed=false] .device-card[data-device-id=fx-reverb],.saine-app[data-inspector-collapsed=false] .device-card[data-device-id=midi-arpeggiator]{flex-basis:min(100%, var(--device-card-width,208px))}}.eq-editor-node{fill:#0000;stroke:#0000;pointer-events:all;cursor:grab}.eq-editor-node:active{cursor:grabbing}.device-visual-eq-core .eq-editor-curve{stroke:var(--viz-ink);stroke-width:1.75px}.device-visual-eq-core .eq-visual-band{fill:var(--viz-ink-soft);stroke:color-mix(in srgb, var(--accent) 40%, transparent);stroke-width:.5px}.device-visual-eq-core .eq-visual-crossover{stroke:var(--viz-grid);stroke-dasharray:2 3}.device-visual-reverb-core .device-visual-fill{fill:var(--viz-ink-soft)}.device-visual-bitcrusher-core .device-visual-line,.device-visual-saturator-core .device-visual-line,.device-visual-reverb-core .device-visual-line,.device-visual-utility-core .device-visual-line,.device-visual-delay-core .device-visual-line,.device-visual-chorus-core .device-visual-line,.device-visual-flanger-core .device-visual-line,.device-visual-phaser-core .device-visual-line,.device-visual-tremolo-pan-core .device-visual-line,.device-visual-filter-core .device-visual-line,.device-visual-auto-filter-core .device-visual-line,.device-visual-compressor-core .device-visual-line,.device-visual-limiter-core .device-visual-line,.device-visual-gate-core .device-visual-line{stroke:var(--viz-ink)}.device-visual-utility-core .utility-visual-meter{fill:color-mix(in srgb, var(--accent) 30%, var(--bg-well))}.device-visual-transpose-core .transpose-visual-range,.device-visual-pitch-fold-core .pitch-fold-window{fill:var(--viz-ink-soft);stroke:color-mix(in srgb, var(--accent) 45%, transparent)}.saturator-visual-guide,.saturator-visual-axis,.compressor-visual-guide,.compressor-visual-threshold,.limiter-visual-ceiling,.gate-visual-threshold,.flanger-visual-comb,.flanger-visual-feedback,.phaser-visual-guide,.tremolo-pan-visual-guide,.arpeggiator-visual-swing,.arpeggiator-visual-gate,.humanize-visual-baseline,.humanize-visual-spread,.invert-visual-axis,.scale-visual-grid-line{stroke:var(--viz-muted);opacity:.6;fill:none}.flanger-visual-phase,.phaser-visual-phase,.phaser-visual-guide~line,.tremolo-pan-visual-phase{stroke:color-mix(in srgb, var(--accent) 55%, transparent)}.device-control-drag-surface:active .knob-dial,.device-control-drag-surface:active .device-fader-rail,.device-control-drag-surface:active .device-range-bar{filter:brightness(1.08) drop-shadow(0 0 12px color-mix(in srgb, var(--accent-glow) 78%, transparent));box-shadow:0 0 7px color-mix(in srgb, var(--accent-glow) 90%, transparent), 0 0 18px color-mix(in srgb, var(--accent-glow) 60%, transparent)}.device-control-drag-surface:active .device-option-buttons{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent-glow) 65%, transparent))}.device-card[data-device-category=audioEffect] .device-visual{flex-direction:column;flex:auto;gap:0;min-height:52px;max-height:148px;padding:0;overflow:hidden}.device-card[data-device-category=audioEffect] .device-visual>svg,.device-card[data-device-category=audioEffect] .device-visual>.viz-plot{flex:auto;width:auto;min-height:40px;margin:7px 9px 5px}.device-card[data-device-category=audioEffect] .device-visual>.viz-plot>svg{min-height:0}.device-card[data-device-category=audioEffect] .device-visual [class$=-visual-readouts]{border-top:1px solid color-mix(in srgb, var(--viz-border) 60%, transparent);background:color-mix(in srgb, var(--bg-well) 55%, transparent);flex:none;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:4px 9px 5px;display:flex}.device-card[data-device-category=audioEffect] .device-visual [class$=-visual-readouts] span{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.device-card[data-device-category=audioEffect][data-device-id=fx-phaser] .device-visual .phaser-visual-readouts{grid-template-columns:repeat(5,minmax(0,1fr));justify-content:normal;gap:3px 7px;padding-inline:7px;display:grid}.device-card[data-device-category=audioEffect][data-device-id=fx-phaser] .device-visual .phaser-visual-readouts span{text-align:center;min-width:0}.device-card[data-device-category=audioEffect][data-device-id=fx-flanger] .device-visual .flanger-visual-readouts{grid-template-columns:repeat(5,minmax(0,1fr));justify-content:normal;gap:3px 7px;padding-inline:7px;display:grid}.device-card[data-device-category=audioEffect][data-device-id=fx-flanger] .device-visual .flanger-visual-readouts span{text-align:center;min-width:0}.device-card[data-device-category=audioEffect][data-device-id=fx-gate] .device-visual .gate-visual-readouts{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:normal;gap:3px 8px;padding-inline:9px;display:grid}.device-card[data-device-category=audioEffect][data-device-id=fx-gate] .device-visual .gate-visual-readouts span{text-align:center;min-width:0}.device-card[data-device-category=audioEffect][data-device-id=fx-auto-filter] .device-visual .auto-filter-visual-readouts{grid-template-columns:repeat(5,minmax(0,1fr));justify-content:normal;gap:3px 7px;padding-inline:7px;display:grid}.device-card[data-device-category=audioEffect][data-device-id=fx-auto-filter] .device-visual .auto-filter-visual-readouts span{text-align:center;min-width:0}.device-card[data-device-category=audioEffect][data-device-id=fx-bitcrusher] .device-visual .bitcrusher-visual-readouts{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:normal;gap:3px 6px;padding-inline:7px;display:grid}.device-card[data-device-category=audioEffect][data-device-id=fx-bitcrusher] .device-visual .bitcrusher-visual-readouts span{text-align:center;min-width:0}.device-card[data-device-category=audioEffect][data-device-id=fx-utility] .device-visual .utility-visual-readouts{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:normal;gap:3px 6px;padding-inline:7px;display:grid}.device-card[data-device-category=audioEffect][data-device-id=fx-utility] .device-visual .utility-visual-readouts span{text-align:center;min-width:0}.device-card[data-device-category=audioEffect] .device-control-groups{align-items:stretch;gap:8px 0}.device-card[data-device-category=audioEffect] .device-control-group{border-left:1px solid var(--border-subtle);flex-direction:column;justify-content:flex-end;gap:5px;padding:0 12px;display:flex}.device-card[data-device-category=audioEffect] .device-control-group:first-child{border-left:0;padding-left:0}.device-card[data-device-category=audioEffect] .device-control-row{justify-content:flex-start;gap:8px}