:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);--bg:#26282d;--panel:#3a3d44;--panel-inset:#202226;--line:#4b4e56;--text:#eceef0;--label:#a8abb3;--amber:#ff8a4d;--amber-dim:#ff8a4d3d;--ice:#4ce0a0;--ice-dim:#4ce0a03d;--plate:#eef0f2;--plate-text:#1c1d20;--osc:var(--amber);--osc-dim:var(--amber-dim);--filter:var(--ice);--filter-dim:var(--ice-dim);--env:#ffd166;--env-dim:#ffd1663d;--lfo:#4dd9f0;--lfo-dim:#4dd9f03d;--mix:#d9a05c;--mix-dim:#d9a05c3d;--output:#fff5e0;--output-dim:#fff5e04d;--matrix:#ad8cf0;--matrix-dim:#ad8cf042;--fx:#ff7ad1;--fx-dim:#ff7ad142;--panel-accent:var(--amber);--panel-accent-dim:var(--amber-dim);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, "Helvetica Neue", Arial, sans-serif;--radius-lg:8px;--radius-md:6px;--radius-sm:4px}*{box-sizing:border-box}body{color:var(--text);background-color:var(--bg);margin:0}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}*{scrollbar-color:var(--line) var(--panel-inset);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--panel-inset)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--radius-sm);border:2px solid var(--panel-inset)}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app{flex-direction:column;gap:9px;min-width:1100px;height:100vh;margin:0 auto;padding:10px 20px;display:flex;position:relative}.chassis-trace-zone{flex-direction:column;gap:9px;display:flex;position:relative}.app-header-region{position:relative}.app-header{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);flex:none;justify-content:space-between;align-items:center;gap:1rem;height:56px;padding:0 14px;display:flex}.app-header-brand{align-items:center;gap:.6rem;display:flex}.wordmark{color:var(--text);text-transform:lowercase;font-size:18px;font-weight:700}.wordmark-tilde{color:var(--amber);position:relative;top:-2px;left:1px}.status-lamp{background:var(--label);width:8px;height:8px;box-shadow:none;border-radius:50%;flex:none}.status-lamp-idle{background:var(--label)}.status-lamp-starting{background:var(--amber);animation:1s ease-in-out infinite lamp-pulse}.status-lamp-ready{background:var(--amber);box-shadow:0 0 6px var(--amber-dim)}.status-lamp-error{background:#d9534f;box-shadow:0 0 6px #d9534f59}@keyframes lamp-pulse{0%,to{opacity:.35}50%{opacity:1}}.status-text{letter-spacing:.08em;text-transform:uppercase;color:var(--label);font-size:10px;font-weight:650}.app-header-controls{align-items:center;gap:1rem;display:flex}.preset-panel{flex:auto;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.preset-field{align-items:center;min-width:0;display:flex}.preset-name-input,.preset-select{background:var(--panel-inset);width:84px;min-width:0;height:26px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 6px;font-family:inherit;font-size:11px}.preset-name-input::placeholder{color:var(--label)}.preset-button,.preset-import-label{height:26px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;padding:0 8px;font-size:10px;font-weight:650;display:inline-flex}.preset-button:hover:not(:disabled),.preset-import-label:hover{border-color:var(--amber);color:var(--amber)}.preset-button:disabled{opacity:.4;cursor:default}.preset-import-label{position:relative}.preset-import-input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.preset-share-status{color:var(--amber);white-space:nowrap;font-size:10px}.preset-share-status-error{color:#f0a6a3}.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}.power-button{height:32px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:.4rem;padding:0 1rem;font-size:11px;font-weight:650;display:inline-flex}.power-button:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.power-button:disabled{opacity:.5;cursor:default}.power-button-led{background:var(--label);width:6px;height:6px;box-shadow:none;border-radius:50%;flex:none;transition:background-color .12s,box-shadow .12s}.power-button-symbol{font-size:12px;line-height:1}.power-button-on{border-color:var(--amber-dim);color:var(--amber)}.power-button-on .power-button-led{background:var(--amber);box-shadow:0 0 6px var(--amber-dim)}.power-control{display:inline-flex;position:relative}.power-hint{--power-hint-shift:37px;z-index:20;white-space:nowrap;background:var(--panel-inset);color:var(--amber);border:1px solid var(--amber-dim);border-radius:var(--radius-md);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;padding:6px 10px;font-size:10px;font-weight:650;animation:1.2s ease-in-out infinite power-hint-bob;position:absolute;top:calc(50% + 25px);right:8px;box-shadow:0 4px 12px #0006}.power-hint:before,.power-hint:after{content:"";bottom:100%;left:calc(50% + var(--power-hint-shift));border-style:solid;width:0;height:0;position:absolute;transform:translate(-50%)}.power-hint:before{border-width:0 6px 7px;border-color:transparent transparent var(--amber-dim) transparent}.power-hint:after{border-width:0 5px 6px;border-color:transparent transparent var(--panel-inset) transparent;margin-bottom:-1px}@keyframes power-hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.power-hint{animation:none}}.help-button{width:24px;height:24px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:700;line-height:1;display:inline-flex;position:relative}.help-button:before{content:"";border:1px solid var(--line);border-radius:50%;width:16px;height:16px;margin:auto;position:absolute;inset:0}.help-button:hover{color:var(--amber)}.help-button:hover:before{border-color:var(--amber)}.help-modal-backdrop{z-index:100;background:#0000009e;justify-content:center;align-items:center;padding:5vh 1rem;display:flex;position:fixed;inset:0}.help-modal{background:var(--panel);width:min(720px,100%);max-height:80vh;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000080}.help-modal-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:14px 18px;display:flex}.help-modal-title{letter-spacing:.02em;color:var(--text);margin:0;font-size:15px;font-weight:700}.help-modal-close{width:28px;height:28px;color:var(--label);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:inline-flex}.help-modal-close:hover{border-color:var(--amber);color:var(--amber)}.help-modal-body{flex:auto;padding:4px 18px 18px;overflow-y:auto}.help-section{margin-top:20px}.help-section:first-child{margin-top:10px}.help-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin:0 0 8px;font-size:11px;font-weight:700}.help-section-intro{color:var(--label);margin:0 0 10px;font-size:12.5px;line-height:1.5}.help-dl{flex-direction:column;gap:9px;margin:0;display:flex}.help-entry{grid-template-columns:minmax(120px,180px) 1fr;align-items:baseline;gap:4px 14px;display:grid}.help-term{color:var(--text);margin:0;font-size:12.5px;font-weight:650}.help-desc{color:var(--label);margin:0;font-size:12.5px;line-height:1.5}@media (width<=560px){.help-entry{grid-template-columns:1fr;gap:2px}}.app-error{border-radius:var(--radius-md);color:#f0a6a3;background:#d9534f1f;border:1px solid #d9534f66;flex:none;margin:0;padding:.5rem .75rem;font-size:.85rem}.engine-diagnostic-banner{border-radius:var(--radius-md);color:#fff;background:#b23a36;border:1px solid #f0a6a3;flex:none;justify-content:space-between;align-items:center;gap:1rem;margin:0;padding:.65rem 1rem;display:flex;box-shadow:0 0 14px #b23a368c}.engine-diagnostic-message{margin:0;font-size:.9rem;font-weight:650}.engine-diagnostic-restart{color:#b23a36;border-radius:var(--radius-md);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #fff;flex:none;height:32px;padding:0 1rem;font-size:11px;font-weight:700}.engine-diagnostic-restart:hover{color:#fff;background:#b23a36;border-color:#fff}.engine-diagnostic-restart:disabled{cursor:default;opacity:.6}.panels{flex:auto;grid-template:"osc filter""env lfo"/2fr 1.2fr;gap:10px 20px;display:grid}.panel-osc{--panel-accent:var(--osc);--panel-accent-dim:var(--osc-dim);grid-area:osc}.panel-filter{--panel-accent:var(--filter);--panel-accent-dim:var(--filter-dim);grid-area:filter}.panel-env{--panel-accent:var(--env);--panel-accent-dim:var(--env-dim);grid-area:env}.panel-lfo{--panel-accent:var(--lfo);--panel-accent-dim:var(--lfo-dim);grid-area:lfo;gap:3px}.panel-fx{--panel-accent:var(--fx);--panel-accent-dim:var(--fx-dim);flex:none}.output-row{grid-template-columns:2fr 1.2fr;column-gap:20px;display:grid}.panel-mixer{--panel-accent:var(--mix);--panel-accent-dim:var(--mix-dim)}.panel-output{--panel-accent:var(--output);--panel-accent-dim:var(--output-dim);min-width:0}.mixer-strips{flex-direction:row;flex:auto;align-items:stretch;display:flex}.mixer-strip{flex-direction:row;flex:1 1 0;justify-content:center;align-items:center;column-gap:.5rem;display:flex}.mixer-strip-aux{flex-direction:column;align-items:center;gap:.2rem;display:flex}.mixer-strip+.mixer-strip{border-left:1px solid var(--line)}.output-meters{flex-direction:row;flex:auto;align-items:stretch;gap:.85rem;display:flex}.output-vu{flex-direction:column;flex:40%;align-items:center;gap:2px;min-width:70px;display:flex}.output-vu-svg{width:100%;height:auto;overflow:visible}.output-vu-scale{fill:none;stroke:var(--line);stroke-width:1.5px}.output-vu-needle{stroke:var(--amber);stroke-width:1.5px;stroke-linecap:round;filter:drop-shadow(0 0 2px var(--amber-dim));transform-origin:0 0}.output-vu-pivot{fill:var(--line)}.output-vu-label,.output-peak-label,.output-activity-label{letter-spacing:.14em;text-transform:uppercase;color:var(--label);font-size:8px;font-weight:700}.output-peak{flex-direction:column;flex:none;justify-content:flex-end;align-items:center;gap:4px;padding-bottom:4px;display:flex}.output-peak-led{border:1px solid var(--line);background:#2a0f08;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 1px 1px #0009}.output-peak-led-lit{background:var(--amber);border-color:var(--amber);box-shadow:0 0 6px 2px var(--amber), inset 0 0 2px #ffffff80}.output-spectrum{flex-direction:row;flex:60%;align-items:flex-end;gap:2px;min-width:0;display:flex}.output-spectrum-bar-well{background:var(--panel-inset);border:1px solid var(--line);border-radius:1px;flex-direction:column;flex:1 1 0;justify-content:flex-end;min-width:0;height:100%;display:flex;overflow:hidden}.output-spectrum-bar{background:linear-gradient(0deg, var(--ice) 0%, var(--ice) 60%, var(--panel-accent) 100%);width:100%;height:0%}.output-activity-row{border-top:1px solid var(--line);flex-direction:row;flex:none;justify-content:space-around;padding-top:4px;display:flex}.output-activity{flex-direction:column;align-items:center;gap:3px;display:flex}.output-activity-led{border:1px solid var(--line);background:#101616;border-radius:50%;width:7px;height:7px}.output-activity-led-armed{background:var(--panel-accent-dim)}.output-activity-led-lit{background:var(--panel-accent);box-shadow:0 0 5px 1px var(--panel-accent)}@media (prefers-reduced-motion:reduce){.output-peak-led-lit,.output-activity-led-lit{box-shadow:none}}.panel{background:var(--panel);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:10px;display:flex;box-shadow:0 2px 6px #00000040}.panel-fx{gap:5px;padding-top:4px}.panel-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--label);align-items:center;gap:6px;margin:0;font-size:10px;font-weight:700;display:flex}.panel-eyebrow:before{content:"";background:var(--panel-accent);border-radius:50%;flex:none;width:7px;height:7px}.panel-scope{background:var(--panel-inset);border-radius:var(--radius-md);flex:auto;min-height:92px;position:relative;overflow:hidden}.panel-osc .panel-scope{flex:76px;min-height:64px}.osc-tabs{flex-direction:row;gap:4px;display:flex}.osc-tab{background:var(--panel-inset);color:var(--label);border:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:4px;flex:auto;padding:2px 0;font-family:inherit;font-size:9px;font-weight:650}.osc-tab:hover{color:var(--text)}.osc-tab-active,.osc-tab-active:hover{color:var(--amber);border-color:var(--amber);background:var(--amber-dim)}.panel-scope-mini{flex:none;height:112px;min-height:112px}.scope-canvas,.curve-display-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.lfo-rate-readout{font-family:var(--font-sans);color:var(--label);font-size:10px;position:absolute;top:4px;right:6px}.panel-knobs{flex-wrap:wrap;align-items:flex-start;gap:.6rem .75rem;display:flex}.osc-warp-group{flex-direction:row;align-items:center;gap:6px;display:flex}.fm-stack-group,.sample-player-group,.grain-group{flex-wrap:wrap;align-items:flex-start}.osc-warp-mode-select{background:var(--panel-inset);width:auto;min-width:66px;height:24px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 4px;font-family:inherit;font-size:10px}.osc-warp-mode-field{flex-direction:column;align-items:center;gap:.3rem;display:flex}.osc-b-table-field{align-items:center;display:flex}.osc-b-table-select{background:var(--panel-inset);width:76px;height:24px;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:0 4px;font-family:inherit;font-size:10px}.filter-type-group{flex-direction:row;align-items:center;gap:6px;display:flex}.filter-type-select{background:var(--panel-inset);width:66px;height:24px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 4px;font-family:inherit;font-size:10px}.fx-curve-group{flex-direction:row;align-items:flex-start;gap:6px;display:flex}.fx-curve-field{flex-direction:column;align-items:center;gap:.3rem;display:flex}.fx-curve-select{background:var(--panel-inset);width:auto;min-width:66px;height:24px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 4px;font-family:inherit;font-size:10px}.table-panel{flex-direction:column;flex:6 138px;gap:6px;min-height:96px;max-height:150px;display:flex}.table-panel-controls{flex:none;align-items:center;gap:6px;display:flex}.table-panel-field{flex:auto;align-items:center;min-width:0;display:flex}.table-panel-select{background:var(--panel-inset);width:100%;min-width:0;height:24px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 6px;font-family:inherit;font-size:11px}.table-panel-import-label{height:24px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;flex:none;justify-content:center;align-items:center;padding:0 8px;font-size:10px;font-weight:650;display:inline-flex;position:relative}.table-panel-import-label:hover{border-color:var(--amber);color:var(--amber)}.resample-button{height:24px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;flex:none;justify-content:center;align-self:flex-start;align-items:center;padding:0 8px;font-size:10px;font-weight:650;display:inline-flex}.resample-button:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.resample-button:disabled{opacity:.4;cursor:default}.table-panel-import-input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.table-panel-stack{background:var(--bg);border-radius:var(--radius-sm);flex:auto;min-height:0;position:relative;overflow:hidden}.table-panel-stack-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.table-panel-error{color:#f0a6a3;pointer-events:none;background:#d9534f26;border-radius:3px;margin:0;padding:2px 6px;font-size:9px;line-height:1.3;position:absolute;bottom:4px;left:4px;right:4px}.panel-env-body{flex:auto;align-items:center;gap:12px;display:flex}.panel-env-body .panel-knobs{flex:none}.panel-env-body .panel-scope-mini{flex:auto;height:100%}.knob-with-indicator{position:relative}.mod-indicator{border-radius:50%;width:6px;height:6px;position:absolute;top:2px;right:8px}.mod-indicator-amber{background:var(--amber);box-shadow:0 0 4px var(--amber-dim)}.mod-indicator-ice{background:var(--ice);box-shadow:0 0 4px var(--ice-dim)}.knob{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.3rem;width:76px;display:flex}.knob-label{letter-spacing:.06em;text-transform:uppercase;color:var(--label);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:650;overflow:hidden}.panel-lfo .knob-label{letter-spacing:.03em}.knob-dial{cursor:ns-resize;touch-action:none;background:var(--panel-inset);border-radius:50%;width:52px;height:52px;transition:background-color .12s}.knob:not(.knob-disabled) .knob-dial:hover{background:var(--panel)}.knob-dial-svg{width:100%;height:100%;overflow:visible}.knob-track{stroke:var(--line)}.knob-value-arc{stroke:var(--panel-accent)}.knob-mod-arc{stroke:var(--ice);filter:drop-shadow(0 0 2px var(--ice-dim))}.knob-pointer{stroke:var(--panel-accent)}.knob-default-tick{stroke:var(--label)}.knob-disabled .knob-dial{cursor:default;opacity:.4}.knob-value{font-family:var(--font-sans);color:var(--plate-text);background:var(--plate);border-radius:var(--radius-sm);text-align:center;white-space:nowrap;padding:1px 6px;font-size:11px;font-weight:600}.knob-value-input{background:var(--plate);width:100%;color:var(--plate-text);border:2px solid var(--plate-text);border-radius:var(--radius-sm);outline:none;padding:0 3px}.knob-value-input:focus{outline:2px solid var(--panel-accent);outline-offset:1px}.knob-compact{flex-direction:row;align-items:center;gap:.4rem;width:auto}.knob-compact .knob-dial{width:40px;height:40px}.knob-compact .knob-label{white-space:nowrap;font-size:9px}.knob-compact .knob-value{white-space:nowrap;font-size:10px}.param-label{letter-spacing:.08em;text-transform:uppercase;color:var(--label);font-size:10px;font-weight:650}.fx-toggle-control{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:76px;display:flex}.toggle-switch{flex:none;width:34px;height:18px;display:inline-block;position:relative}.toggle-switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.toggle-switch-track{pointer-events:none;background:var(--panel-inset);border:1px solid var(--line);border-radius:999px;transition:background-color .12s;position:absolute;inset:0}.toggle-switch-track:before{content:"";background:var(--label);border-radius:50%;width:12px;height:12px;transition:transform .12s,background-color .12s;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-switch-track{border-color:var(--amber)}.toggle-switch input:checked+.toggle-switch-track:before{background:var(--amber);transform:translate(16px)}.toggle-switch input:focus-visible+.toggle-switch-track{outline:2px solid var(--amber);outline-offset:2px}.toggle-switch input:disabled{cursor:default}.toggle-switch input:disabled+.toggle-switch-track{opacity:.4}.lfo-division-row{flex-direction:column;align-items:center;gap:.3rem;display:flex}.lfo-division-select{background:var(--panel-inset);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-sans);padding:.3rem .4rem}.lfo-tabs{flex-direction:row;gap:4px;display:flex}.lfo-tab{background:var(--panel-inset);color:var(--label);border:1px solid var(--line);border-radius:var(--radius-sm);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;flex:auto;padding:2px 0;font-family:inherit;font-size:9px;font-weight:650}.lfo-tab:hover{color:var(--text)}.lfo-tab-active,.lfo-tab-active:hover{color:var(--amber);border-color:var(--amber);background:var(--amber-dim)}.lfo-shape-field{flex-direction:column;align-items:center;gap:.3rem;display:flex}.lfo-shape-select{background:var(--panel-inset);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-sans);padding:.3rem .4rem}.fx-subsections{flex-flow:wrap;align-items:stretch;gap:14px;display:flex}.fx-subsection{flex-direction:column;gap:2px;min-width:0;display:flex}.fx-subsection-title{letter-spacing:.1em;text-transform:uppercase;color:var(--amber);opacity:.85;margin:0;font-size:9px;font-weight:650}.fx-subsection+.fx-subsection{border-left:1px solid var(--line);padding-left:14px}.fx-subsection .fx-toggle-control{justify-content:flex-start;gap:.3rem}.fx-toggle-well{justify-content:center;align-items:center;height:52px;display:flex}.fx-toggle-value-spacer{font-family:var(--font-sans);font-size:12px}.panel-matrix{--panel-accent:var(--matrix);--panel-accent-dim:var(--matrix-dim);flex:none;gap:5px;padding-top:4px}.matrix-modenv-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--amber);opacity:.85;margin:0;font-size:9px;font-weight:650}.matrix-modenv{flex-direction:column;flex:none;align-items:center;gap:.3rem;margin-top:4px}.matrix-body{flex-direction:row;align-items:flex-start;gap:20px;display:flex}.matrix-columns{flex-direction:row;flex:auto;gap:20px;min-width:0;display:flex}.matrix-modenv-group{flex-direction:column;flex:none;display:flex}.matrix-rows{flex:1 1 0;grid-template-columns:20px minmax(100px,1fr) minmax(130px,1.2fr) auto;align-items:center;gap:2px 10px;min-width:0;display:grid}.matrix-row{display:contents}.matrix-column-label{letter-spacing:.08em;text-transform:uppercase;color:var(--label);font-size:9px;font-weight:650}.matrix-row-index{font-family:var(--font-sans);color:var(--label);text-align:center;font-size:10px}.matrix-select{background:var(--panel-inset);width:100%;min-width:0;height:24px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 6px;font-family:inherit;font-size:11px}.preset-select,.osc-warp-mode-select,.osc-b-table-select,.filter-type-select,.fx-curve-select,.table-panel-select,.lfo-division-select,.lfo-shape-select,.matrix-select{background:var(--plate);color:var(--plate-text);border-color:#0000}.preset-select:disabled,.osc-warp-mode-select:disabled,.osc-b-table-select:disabled,.filter-type-select:disabled,.fx-curve-select:disabled,.table-panel-select:disabled,.lfo-division-select:disabled,.lfo-shape-select:disabled,.matrix-select:disabled{opacity:.6}.matrix-rows .knob-compact{justify-self:start}.keyboard{flex:none;padding-bottom:20px;display:flex}.keyboard-octave-rail{background:var(--panel-inset);border:1px solid var(--line);border-radius:6px 0 0 6px;flex-direction:column;flex:none;justify-content:space-between;align-items:center;width:40px;height:140px;padding:6px 0;display:flex}.keyboard-octave-button{width:24px;height:24px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;display:inline-flex}.keyboard-octave-button:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.keyboard-octave-button:disabled{opacity:.4;cursor:default}.keyboard-octave-info{flex-direction:column;align-items:center;gap:2px;display:flex}.keyboard-octave-label{color:var(--label);font-size:11px;font-family:var(--font-sans);text-align:center}.keyboard-range-label{color:var(--label);font-size:8px;font-family:var(--font-sans);text-align:center;white-space:nowrap}.keyboard-keys-scroll{flex:auto;min-width:0;overflow-x:auto}.keyboard-keys{min-width:640px;height:140px;display:flex;position:relative}.piano-key{cursor:pointer;touch-action:none;border:none;padding:0;position:relative}.piano-key-white{border:1px solid var(--line);z-index:1;background:linear-gradient(#e8e6e1,#d4d1c9);border-bottom:3px solid #a9a49a;border-radius:0 0 4px 4px;flex:1 1 0;justify-content:center;align-items:flex-end;min-width:26px;height:100%;padding-bottom:.5rem;display:flex}.piano-key-marker{font-family:var(--font-sans);color:#6b6d70;font-size:9px}.piano-key-black{z-index:2;background:linear-gradient(#1a1a1a,#000);border:1px solid #000;border-radius:0 0 2px 2px;height:60%;position:absolute;top:0;box-shadow:inset 0 1px #ffffff26}.piano-key-pressed.piano-key-white{border-color:var(--output);box-shadow:inset 0 16px 12px -4px var(--output), 0 0 6px var(--output-dim)}.piano-key-pressed.piano-key-black{box-shadow:inset 0 1px 0 #ffffff26, 0 0 8px var(--output-dim);background:linear-gradient(#fff2d859,#000000e6)}.piano-key:disabled{cursor:default}.keyboard:has(.piano-key:disabled) .piano-key{opacity:.55}.preset-button,.preset-import-label,.power-button,.table-panel-import-label,.resample-button,.keyboard-octave-button{background:var(--panel-inset);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px 2px #0006}