:root{--bg-color:#050607;--bg-subtle:#08090a;--panel-bg:linear-gradient(180deg,#121316 0%,#0a0b0d 100%);--panel-bg-solid:#0a0b0d;--panel-border:#ffffff08;--panel-border-focus:#ffffff14;--panel-border-strong:#ffffff0f;--sub-block-bg:#181d24;--sub-block-border:#00000073;--screen-bg:#050608;--screen-grid:#ffffff0d;--scope-bg:#020a02;--scope-grid:#00c83c24;--scope-grid-strong:#00b4372e;--scope-axis:#00d24652;--text-primary:#c8c8c8;--text-secondary:#707070;--text-muted:#484848;--text-dim:#2a2a2a;--knob-track-color:#ffffff12;--input-bg:#0c0c0c;--input-border:#ffffff14;--input-border-focus:#1e82d480;--sys-bar-bg:#111;--sys-bar-border:#ffffff0d;--header-divider:#ffffff0f;--accent:#1e82d4;--accent-dim:#1e82d424;--cyan:#008bfd;--cyan-glow:#c8781800;--magenta:#9a9a9a;--magenta-glow:transparent;--gold:#1e82d4;--gold-glow:transparent;--amber:#4ab4ff;--amber-glow:#4ab4ff1a;--btn-active-cyan:#018ffc;--btn-active-cyan-glow:#008cff24;--btn-active-magenta:#1e82d4;--btn-active-magenta-glow:#1e82d424;--btn-active-yellow:#2490e0;--btn-active-yellow-glow:#1e82d424;--btn-active-green:#1e82d4;--btn-active-green-glow:#1e82d424;--font-display:var(--font-display-next,"Orbitron"),"Orbitron",system-ui,sans-serif;--font-body:var(--font-body-next,"Outfit"),"Outfit",system-ui,sans-serif;--shadow-sm:0 2px 6px #000c,0 1px 0 #ffffff0a inset;--shadow-md:0 6px 20px #000000d9;--shadow-lg:0 14px 40px #000000eb;--gap:12px;--radius-lg:10px;--radius-md:7px;--radius-sm:5px}body.light-theme{--bg-color:#d0cfc8;--bg-subtle:#c4c3bc;--panel-bg:#e4e2dafa;--panel-bg-solid:#e4e2da;--panel-border:#503c1438;--panel-border-focus:#0064c88c;--panel-border-strong:#503c1459;--sub-block-bg:#d2d0c8e6;--sub-block-border:#503c1424;--screen-bg:#fcfcf9;--screen-border:#00000026;--screen-grid:#00000014;--scope-bg:#f2faf2;--scope-grid:#00781e1a;--scope-grid-strong:#00641924;--scope-axis:#006e1e47;--text-primary:#1a1208;--text-secondary:#3d2e10;--text-muted:#7a6040;--text-dim:#b0a080;--knob-track-color:#503c1424;--input-bg:#c8c6be;--input-border:#503c1433;--input-border-focus:#0064c899;--sys-bar-bg:#c8c6bef2;--sys-bar-border:#503c142e;--header-divider:#503c1429;--cyan:#005a8c;--cyan-glow:#005a8c1f;--magenta:#8c0040;--magenta-glow:#8c00401a;--gold:#8c5800;--gold-glow:#8c58001a;--amber:#006bb5;--amber-glow:#0064c81a;--shadow-sm:0 2px 6px #0000002e;--shadow-md:0 6px 18px #00000038;--shadow-lg:0 12px 36px #00000047}*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px;line-height:1.4;transition:background-color .3s,color .3s;overflow-x:hidden}body:not(.light-theme){background-image:none}body.light-theme{background-image:linear-gradient(#503c140f 1px,#0000 1px),linear-gradient(90deg,#503c140f 1px,#0000 1px),radial-gradient(at 30% 0,#78b4ff1f 0,#0000 50%);background-size:44px 44px,44px 44px,100% 100%}#app-container{gap:var(--gap);flex-direction:column;width:100%;max-width:100%;margin:0 auto;padding:16px;display:flex}.panel{background:var(--panel-bg);border-radius:var(--radius-lg);border:1px solid #ffffff17;border-color:#ffffff17 #00000080 #0009 #ffffff0d;padding:16px;transition:box-shadow .2s;position:relative;box-shadow:0 4px 12px #000c,inset 0 1px #ffffff0a}body:not(.light-theme) .panel{box-shadow:0 4px 12px #000c,inset 0 1px #ffffff0a,inset 0 -1px #00000080}.panel.glass{-webkit-backdrop-filter:none}.panel:hover{border-top-color:#ffffff1f}body:not(.light-theme) .panel:hover{box-shadow:0 4px 12px #000c,inset 0 1px #ffffff0d,inset 0 -1px #00000080}.osc-panel,.filter-panel,.env-panel,.lfo-panel,.fx-panel,.xy-pad-panel,.dist-lab-panel,.seq-panel,.keyboard-panel{--section-color:#484848;--section-glow:transparent}body.light-theme .osc-panel{--section-color:#005a8c;--section-glow:#005a8c1a}body.light-theme .filter-panel{--section-color:#8c0030;--section-glow:#8c00301a}body.light-theme .env-panel{--section-color:#940;--section-glow:#9944001a}body.light-theme .lfo-panel{--section-color:#006640;--section-glow:#0066401a}body.light-theme .fx-panel{--section-color:#5c2d91;--section-glow:#5c2d911a}body.light-theme .dist-lab-panel{--section-color:#8c3000;--section-glow:#8c30001a}body.light-theme .seq-panel{--section-color:#7a6000;--section-glow:#7a60001a}.panel-header{font-family:var(--font-display);letter-spacing:.3em;color:#909090;text-transform:uppercase;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:7px;font-size:.58rem;font-weight:700;display:flex}body:not(.light-theme) .panel-header{text-shadow:none}.panel-header:before{display:none}.osc-block,.mixer-subblock,.filter-subblock,.env-block,.lfo-block,.fm-block,.formant-block,.dist-lab-controls-col,.dist-lab-curve-col,.dist-lab-scope-col{flex-direction:column;display:flex;position:relative;background:linear-gradient(#2b3038 0%,#1e222a 60%,#15181f 100%)!important;border:1px solid #000000d9!important;border-left:1.5px solid #ffffff0f!important;border-right:2px solid #000000e6!important;border-radius:6px!important;padding:24px 12px 14px!important;box-shadow:inset 0 1px #ffffff14,0 4px 10px #00000073!important}.osc-block .block-label,.mixer-subblock .block-label,.filter-subblock .block-label,.env-block .block-label,.lfo-block .block-label,.fm-block .block-label,.formant-block .block-label,.dist-lab-controls-col .block-label,.dist-lab-curve-col .block-label,.dist-lab-scope-col .block-label{font-family:var(--font-display);letter-spacing:.12em;text-align:center;text-shadow:0 -1px #000c;text-transform:uppercase;border-bottom:1.5px solid #ffffff14;width:100%;margin-bottom:10px;padding-bottom:4px;font-weight:800;color:#cdd2db!important;font-size:.44rem!important}.block-label{font-family:var(--font-display);letter-spacing:.24em;color:#545454;text-transform:uppercase;margin-bottom:10px;font-size:.5rem;font-weight:700}body:not(.light-theme) .block-label{text-shadow:none}.theme-toggle-container{align-items:center;margin-left:8px;display:flex}.theme-btn{background:var(--sub-block-bg);border:1px solid var(--panel-border-strong);color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .2s;display:flex}.theme-btn:hover{background:var(--panel-border-strong);border-color:var(--panel-border-focus);color:var(--text-primary);transform:scale(1.08)}.theme-btn svg{width:15px;height:15px}.theme-btn svg.hide{display:none}header.panel.synth-header{flex-direction:column;gap:10px;padding:12px 16px 14px;display:flex}.header-top{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;display:grid}.logo-area{flex-direction:column;align-items:center;gap:4px;min-width:90px;display:flex}.logo-wordmark{cursor:pointer;align-items:center;display:flex}.logo-dark{filter:drop-shadow(0 0 3px #00d8641a);display:block}.logo-light{filter:drop-shadow(0 0 3px #99330014);display:none}body.light-theme .logo-dark{display:none}body.light-theme .logo-light{display:block}.logo-wordmark img{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),filter .3s}.logo-wordmark:hover img{transform:scale(1.08)}.logo-wordmark:hover .logo-dark{filter:drop-shadow(0 0 8px #00d8648c)}.logo-wordmark:hover .logo-light{filter:drop-shadow(0 0 8px #99330073)}.header-controls{border-radius:var(--radius-md);background:#00000080;border:1px solid #ffffff0a;border-color:#0009 #ffffff0a #ffffff0a #00000080;align-items:stretch;gap:1px;display:flex;overflow:hidden}.header-section{background:#141414;flex-direction:column;flex:1;display:flex}.program-section{flex:2}.note-section{flex:0 0 220px}.note-lcd{border-radius:var(--radius-sm);font-family:var(--font-display);letter-spacing:.06em;color:#4ab4ff;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#000510;border:1px solid #3c96ff33;width:100%;padding:6px 10px;font-size:.9rem;font-weight:700;overflow:hidden;box-shadow:inset 0 2px 6px #000c}.header-section-label{font-family:var(--font-display);letter-spacing:.32em;color:#404040;text-align:center;text-transform:uppercase;background:#00000059;border-bottom:1px solid #00000080;padding:3px 8px;font-size:.4rem;font-weight:700}.header-section-body{flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;display:flex}.preset-lcd-wrap{flex:1;min-width:0}.lcd-display{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#090600;border:1px solid #3c96ff33;border-radius:3px;flex:1;min-width:0;padding:7px 14px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #000000e6}#preset-display-text{font-family:var(--font-display);letter-spacing:.12em;color:#4ab4ff;white-space:nowrap;text-overflow:ellipsis;z-index:1;pointer-events:none;font-size:.75rem;font-weight:700;display:block;position:relative;overflow:hidden}.preset-select{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;font-size:1rem;position:absolute;inset:0}.logo-jr{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(#fff 0%,#e0e0e0 20%,#a0a0a0 45%,#d8d8d8 60%,#f5f5f5 75%,#bdbdbd 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 6px #000c);-webkit-background-clip:text;background-clip:text;font-size:2.55rem;font-weight:900;line-height:1}.logo-num{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(#ffbd4f 0%,#4ab4ff 30%,#cc6a00 60%,#ff9e1a 80%,#ffbd4f 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #4ab4ff73)drop-shadow(0 2px 4px #000000b3);-webkit-background-clip:text;background-clip:text;font-size:2.55rem;font-weight:900;line-height:1}body.light-theme .logo-jr{background:linear-gradient(#181818 0%,#3a3a3a 50%,#181818 100%);filter:none;-webkit-background-clip:text;background-clip:text}body.light-theme .logo-num{background:linear-gradient(#c50 0%,#930 50%,#c25200 100%);filter:none;-webkit-background-clip:text;background-clip:text}.logo-rule{background:var(--header-divider);width:100%;height:1px;margin-bottom:5px}body.light-theme .logo-rule{background:linear-gradient(90deg,#0000,#b4500073 40%,#0000001a 100%)}.logo-tagline{font-family:var(--font-display);letter-spacing:.2em;color:#5a5a5a;white-space:nowrap;text-shadow:none;margin-top:2px;font-size:.38rem;font-weight:700}body.light-theme .logo-tagline{color:#930;text-shadow:none}.logo-osc-count{font-family:var(--font-display);letter-spacing:.18em;color:var(--text-dim);font-size:.4rem;font-weight:400}.header-matrix{border-radius:var(--radius-md);background:#0006;border:1px solid #ffffff0a;border-color:#0009 #ffffff0a #ffffff0a #00000080;grid-template-columns:1fr 160px 180px;gap:1px;display:grid;overflow:hidden}.matrix-section{background:#141414;flex-direction:column;display:flex}.matrix-section-label{font-family:var(--font-display);letter-spacing:.3em;color:#4a4a4a;text-align:center;text-transform:uppercase;text-shadow:none;background:#0006;border-bottom:1px solid #0006;padding:4px 8px;font-size:.42rem;font-weight:700}body.light-theme .matrix-section-label{color:#7a5020;text-shadow:none;background:#503c1412;border-bottom-color:#503c1429}.matrix-section-body{flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 12px;display:flex}.lcd-display{text-align:center;cursor:default;-webkit-user-select:none;user-select:none;background:#000510;border:1px solid #3c96ff33;border-radius:3px;flex:1;min-width:0;padding:7px 14px;overflow:hidden;box-shadow:inset 0 2px 8px #000000e6,0 0 12px #3c96ff0a}#preset-display-text{font-family:var(--font-display);letter-spacing:.12em;color:#4ab4ff;text-shadow:0 0 12px #4ab4ff99;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:700;transition:color .12s,text-shadow .12s;display:block;overflow:hidden}body.light-theme .panel{border:1px solid #ffffffa6;border-color:#ffffffa6 #0000001f #0000002e #fff6;box-shadow:0 2px 6px #00000026,inset 0 1px #ffffff80}body.light-theme .header-controls{background:#0000000d;border:1px solid #fff9;border-color:#0000002e #fff9 #fff9 #0000001f}body.light-theme button{color:var(--text-muted);background:#fcfbfa;border:1px solid #fffffff2;border-color:#fffffff2 #00000026 #00000038 #fffc;box-shadow:0 1px 2px #0000000d}body.light-theme button:hover{color:var(--text-primary);background:#f5f4ee}body.light-theme .keyboard-panel button{background:var(--sub-block-bg);border:1px solid var(--panel-border);color:var(--text-muted);box-shadow:none}body.light-theme .keyboard-panel button:hover{border-color:var(--panel-border-focus);color:var(--text-primary)}body.light-theme .note-lcd{color:#006bb5;background:#edf5ff;border-color:#0064d240;box-shadow:inset 0 1px 2px #00000012}.kb-arp-controls{border-left:1px solid var(--header-divider);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:140px;padding-left:14px;display:flex}.kb-arp-controls .transpose-label{margin-bottom:2px}.arp-selects-col{flex-direction:column;gap:4px;width:100%;display:flex}.arp-selects-col select.arp-select{border-radius:var(--radius-sm);cursor:pointer;width:100%;font-family:var(--font-display);outline:none;font-weight:700;appearance:menulist!important;background:var(--input-bg)!important;border:1px solid var(--panel-border)!important;height:22px!important;color:var(--text-primary)!important;padding:0 4px 0 6px!important;font-size:.65rem!important}.arp-selects-col select.arp-select:hover,.arp-selects-col select.arp-select:focus{border-color:var(--panel-border-focus)!important}body.light-theme .arp-selects-col select.arp-select{color:var(--text-primary)!important;background:#fdfdfc!important;border-color:#00000026!important}body.light-theme .header-section{background:#e4e2da}body.light-theme .header-section-label{color:var(--text-muted);background:#0000000a;border-bottom-color:#0000001a}body.light-theme .lcd-display{background:#edf5ff;border-color:#0064d240;box-shadow:inset 0 1px 3px #00000012}body.light-theme #preset-display-text{color:#006bb5}.bpm-lcd{border-radius:var(--radius-sm);color:#4ab4ff;font-family:var(--font-display);letter-spacing:.06em;text-align:center;text-shadow:0 0 10px #4ab4ff80;-moz-appearance:textfield;background:#000510;border:1px solid #3c96ff33;outline:none;width:70px;padding:6px 4px;font-size:1.15rem;font-weight:700;transition:border-color .15s;box-shadow:inset 0 2px 6px #000000d9}.bpm-lcd::-webkit-inner-spin-button{-webkit-appearance:none}.bpm-lcd::-webkit-outer-spin-button{-webkit-appearance:none}.bpm-lcd:focus{border-color:#4ab4ff80}body.light-theme .bpm-lcd{color:#006bb5;text-shadow:none;background:#edf5ff;border-color:#0064d240;box-shadow:inset 0 1px 2px #00000012}.matrix-arrow-btn{background:var(--sub-block-bg);border:1px solid var(--panel-border-strong);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.65rem;transition:all .12s;display:flex}.matrix-arrow-btn:hover{background:var(--panel-border-strong);color:#4ab4ff;border-color:#3c96ff66}.matrix-arrow-btn:active{background:#3c96ff1a;transform:scale(.88)}.matrix-btn{font-family:var(--font-display);letter-spacing:.06em;border-radius:var(--radius-sm);cursor:pointer;background:var(--sub-block-bg);border:1px solid var(--panel-border);color:var(--text-secondary);padding:6px 12px;font-size:.68rem;font-weight:700;transition:all .12s}.matrix-btn:hover{background:var(--panel-border);color:var(--text-primary);border-color:var(--panel-border-strong)}.matrix-play-btn.active{color:#00d864;box-shadow:none;background:#00d25024;border:1px solid #00d25073;border-color:#00d25073 #00501e80 #00501e99 #00d25047}.matrix-play-btn:not(.active):hover,.matrix-play-btn:hover{color:#00d864;background:#00d25014}.preset-select-hidden{display:none!important}.header-right-controls{justify-content:flex-end;align-items:center;display:flex}.arp-select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;appearance:none;outline:none;min-width:0;padding:4px 5px;font-size:.5rem;font-weight:700}.arp-select:focus,.arp-select:hover{border-color:var(--input-border-focus);color:var(--text-primary)}.visualizer-container{border-radius:var(--radius-md);background:#030303;border:1px solid #ffffff0a;border-color:#000c #ffffff0a #ffffff0a #0009;flex:1;height:130px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #000000e6}body:not(.light-theme) .visualizer-container:after{content:"";pointer-events:none;z-index:2;border-radius:inherit;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000002e 2px 4px);position:absolute;inset:0}body.light-theme .visualizer-container{background:#f5f0e8;border-color:#503c144d;box-shadow:inset 0 1px 4px #0000001a}canvas#visualizer-canvas{width:100%;height:100%;display:block}select{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;appearance:none;outline:none;min-width:175px;padding:6px 10px;font-size:.82rem;font-weight:600;transition:border-color .15s}select:focus,select:hover{border-color:var(--input-border-focus)}input[type=number]{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);font-family:var(--font-body);border-radius:var(--radius-sm);text-align:center;outline:none;width:62px;padding:6px 8px;font-size:.82rem;font-weight:600;transition:border-color .15s}input[type=number]:focus{border-color:var(--input-border-focus)}#seq-swing-slider{width:90px;accent-color:var(--text-primary)}.bpm-control{gap:6px;display:flex}button{color:#686868;font-family:var(--font-display);letter-spacing:.06em;border-radius:var(--radius-sm);cursor:pointer;background:#1a1a1a;border:1px solid #ffffff14;border-color:#ffffff14 #00000080 #0009 #ffffff0d;padding:6px 13px;font-size:.68rem;font-weight:700;transition:background .1s,color .1s}button:hover{color:#9a9a9a;background:#222}button.active{color:#00d864;box-shadow:none;background:#00d25024;border:1px solid #00d25073;border-color:#00d25073 #00501e80 #00501e99 #00d25047}.seq-transport{flex-shrink:0;gap:6px;margin-left:auto;display:flex}.glow-btn-cyan{color:#686868;background:#1a1a1a;border:1px solid #ffffff14;border-color:#ffffff14 #00000080 #0009 #ffffff0d}.glow-btn-cyan:hover,.glow-btn-cyan.active{color:#00d864;box-shadow:none;background:#00d25024;border:1px solid #00d25073;border-color:#00d25073 #00501e80 #00501e99 #00d25047}.synth-grid{gap:var(--gap);grid-template-columns:1fr 1.15fr;align-items:stretch;display:grid}.synth-column{gap:var(--gap);flex-direction:column;display:flex}.oscillator-blocks{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.osc-block{flex-direction:column;display:flex}.osc-block .knobs-row{grid-template-columns:1fr 1fr;align-content:start;justify-items:center;gap:12px 4px;display:grid}.wave-selector{background:var(--input-bg);border-radius:var(--radius-sm);border:1px solid var(--sub-block-border);gap:3px;margin-bottom:10px;padding:3px;display:flex}.wave-btn{color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:5px 0;transition:color .15s,background .15s;display:flex}.wave-btn svg{width:15px;height:15px}.wave-btn:hover{color:var(--text-primary);background:var(--panel-border)}.wave-btn.active{color:#00d864;box-shadow:none;background:#00d25024;border:1px solid #00d25073}body:not(.light-theme) .wave-btn.active{text-shadow:none}body.light-theme .wave-btn.active{color:#005828;box-shadow:none;background:#0078321a;border-color:#00642866}.mic-btn{color:var(--text-secondary);font-family:var(--font-display);letter-spacing:.08em;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(#242930 0%,#171b21 100%);border:1px solid #0009;border-bottom:2px solid #000c;width:100%;margin-top:8px;padding:5px 8px;font-size:.52rem;font-weight:700;transition:all .1s;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff1a}.mic-btn:hover{color:var(--text-primary);background:linear-gradient(#2b313a 0%,#1e222a 100%)}.mic-btn:active{border-bottom-width:1px;transform:translateY(1px);box-shadow:0 1px 2px #0006}.mic-btn.enabled{transform:translateY(1px);color:#00d864!important;background:linear-gradient(#101813 0%,#0d120f 100%)!important;border-color:#00d86466!important;border-bottom-width:1px!important;box-shadow:inset 0 2px 5px #000000b3,0 0 10px #00d86459!important}.wavetable-display-container{background:var(--input-bg);border:1px solid var(--sub-block-border);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:8px;padding:4px 8px;display:flex}.wt-label{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.08em;font-size:.55rem}.wt-val{font-family:var(--font-display);color:#00d864;font-size:.75rem;font-weight:700;transition:color .15s}.wt-val.custom{text-shadow:0 0 5px #00d86473;color:#00d864!important}.knobs-row{flex-wrap:wrap;justify-content:space-around;align-items:flex-start;gap:6px;width:100%;display:flex}.knob-container{cursor:ns-resize;flex-direction:column;align-items:center;width:52px;display:flex;position:relative}.knob-container.large{width:72px}.knob-svg{width:40px;height:40px;display:block}.knob-container.large .knob-svg{width:56px;height:56px}.knob-track{fill:none;stroke:var(--knob-track-color);stroke-width:4px;stroke-linecap:round}.knob-val-arc{fill:none;stroke:#0051ff;stroke-width:4px;stroke-linecap:round;filter:none;transition:stroke .2s}.knob-body{stroke:#ffffff12;stroke-width:1px}body.light-theme .knob-body{stroke:#0000001f}.knob-pointer{stroke:#fff;stroke-width:3.2px;stroke-linecap:round;filter:drop-shadow(0 0 1px #000000e6)drop-shadow(0 0 1.5px #ffffff80);transition:stroke .15s,filter .15s}body.light-theme .knob-pointer{stroke:#1a1a1a;filter:none}.knob-container:hover .knob-pointer{stroke:#39a1ff;filter:drop-shadow(0 0 3px #39a1ffcc)}.knob-label{font-family:var(--font-display);color:var(--text-muted);text-align:center;letter-spacing:.04em;white-space:nowrap;margin-top:3px;font-size:.5rem;font-weight:700}.knob-value{font-family:var(--font-display);color:var(--text-primary);opacity:0;pointer-events:none;text-shadow:0 0 4px var(--panel-bg-solid);font-size:.52rem;font-weight:700;transition:opacity .12s;position:absolute;top:14px}.knob-container.large .knob-value{top:21px}.knob-container:hover .knob-value{opacity:1}.filter-controls{flex-direction:column;gap:12px;display:flex}.mixer-knobs-row{align-items:center;width:100%;margin-top:8px;display:flex}.mixer-group{justify-content:space-around;align-items:flex-start;gap:4px;display:flex}.mixer-group.main-oscs{flex:6}.mixer-group.utility-oscs{flex:3}.mixer-separator{background:#ffffff14;flex-shrink:0;align-self:center;width:1px;height:48px;margin:0 12px}.filter-type-selector{gap:5px;margin-bottom:10px;display:flex}.filter-btn{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:7px 0;font-size:.6rem;overflow:hidden}.filter-btn.active{color:#00d864;box-shadow:none;background:#00d25024;border:1px solid #00d25073}body.light-theme .filter-btn.active{color:#005828;box-shadow:none;background:#0078321a;border-color:#00642866}.oberheim-mode-selector{justify-content:center;gap:4px;margin-bottom:10px;animation:.2s ease-out slideDown;display:flex}.oberheim-mode-selector.hide,.hide{display:none!important}.mode-btn{padding:4px 10px;font-size:.6rem}.mode-btn.active{color:#00d864;box-shadow:none;background:#00d25024;border:1px solid #00d25073}.knobs-grid{grid-template-columns:repeat(6,1fr);justify-items:center;gap:8px 4px;margin-top:8px;display:grid}.envelope-controls{grid-template-columns:1fr 1fr;gap:12px;display:grid}.env-visualizer{background:var(--input-bg);border-radius:var(--radius-sm);border:1px solid var(--sub-block-border);height:110px;margin-bottom:10px;overflow:hidden}.env-visualizer canvas{width:100%;height:100%;display:block}.sliders-row{justify-content:space-around;height:100px;padding-bottom:4px;display:flex}.slider-group{flex-direction:column;align-items:center;gap:5px;display:flex}.slider-group label{font-family:var(--font-display);color:var(--text-muted);font-size:.62rem;font-weight:700}.env-shape-row{background:var(--input-bg);border:1px solid var(--sub-block-border);border-radius:var(--radius-sm);margin-top:-2px}.env-shape-select{min-width:105px;font-family:var(--font-display);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;outline:none;font-weight:700;appearance:menulist!important;background-color:var(--input-bg)!important;border:1px solid var(--panel-border)!important;height:22px!important;padding:0 4px 0 6px!important;font-size:.65rem!important}.env-shape-select:hover,.env-shape-select:focus{border-color:var(--panel-border-focus)!important}.vertical-slider{appearance:none;background:var(--knob-track-color);writing-mode:vertical-lr;border:1px solid var(--sub-block-border);direction:rtl;border-radius:3px;outline:none;width:5px;height:66px}.vertical-slider::-webkit-slider-thumb{appearance:none;background:var(--text-secondary);cursor:pointer;border-radius:3px;width:15px;height:10px;transition:background .12s;box-shadow:0 1px 4px #00000080}.vertical-slider::-webkit-slider-thumb:hover{background:var(--text-primary)}.vertical-slider::-moz-range-thumb{background:var(--text-secondary);cursor:pointer;border:none;border-radius:3px;width:15px;height:10px}.lfo-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lfo-wave-row{background:var(--input-bg);border-radius:var(--radius-sm);border:1px solid var(--sub-block-border);gap:3px;margin-bottom:10px;padding:3px;display:flex}.lfo-wave-btn{color:var(--text-muted);letter-spacing:.04em;background:0 0;border:none;flex:1;padding:5px 0;font-size:.52rem}.lfo-wave-btn:hover{color:var(--text-primary);background:var(--panel-border)}.lfo-wave-btn.active{color:#00d864;box-shadow:none;background:#00d25024;border:1px solid #00d25073}body:not(.light-theme) .lfo-wave-btn.active{text-shadow:none}body.light-theme .lfo-wave-btn.active{color:#005828;box-shadow:none;background:#0078321a;border-color:#00642866}.fx-rack-panel{grid-column:span 2}.fx-rack-cabinet{scrollbar-width:thin;background:#0f1217;border:2px solid #07090c;border-radius:8px;justify-content:flex-start;align-items:stretch;gap:12px;padding:14px;display:flex;overflow-x:auto;box-shadow:inset 0 3px 10px #000000e6,0 1px #ffffff0d}.fx-rack-module{background:linear-gradient(#2b3038 0%,#1e222a 60%,#15181f 100%);border:1px solid #000000d9;border-left:1.5px solid #ffffff0f;border-right:2px solid #000000e6;border-radius:4px;flex-direction:column;flex-shrink:0;align-items:center;padding:22px 10px 14px;display:flex;position:relative;box-shadow:3px 0 10px #0006,inset 0 1px #ffffff14}.voicing-mod-module{width:230px}.tremolo-module,.phaser-module{width:105px}.delay-module,.reverb-module{width:135px}.ssl-gcomp-module{width:270px;background:linear-gradient(#23272e 0%,#171a20 60%,#0e1014 100%)!important}.master-out-module{width:105px}.module-screw{background:radial-gradient(circle at 35% 35%,#555860 0%,#1a1b1f 80%,#0a0b0d 100%);border:1px solid #000;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0009}.module-screw:after{content:"";background:#0d0f12;width:5px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(30deg)}.module-screw.top-left{top:6px;left:6px}.module-screw.top-right{top:6px;right:6px}.module-screw.bottom-left{bottom:6px;left:6px}.module-screw.bottom-right{bottom:6px;right:6px}.module-header{font-family:var(--font-display);letter-spacing:.14em;color:#cdd2db;text-align:center;text-shadow:0 -1px #000c;border-bottom:1.5px solid #ffffff14;width:100%;margin-bottom:10px;padding-bottom:5px;font-size:.48rem;font-weight:800}.module-section{flex-direction:column;align-items:center;gap:4px;width:100%;margin-bottom:8px;display:flex}.module-sec-label{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-muted);font-size:.38rem;font-weight:700}.fx-type-selector.compact{background:var(--input-bg);border:1px solid var(--sub-block-border);border-radius:4px;width:100%;padding:3px;display:flex}.fx-type-selector.compact .fx-type-btn{border-radius:3px;padding:5px 2px;font-size:.54rem;font-weight:700}.comp-vu-bezel{background:linear-gradient(#3a3f47 0%,#20242b 60%,#16181f 100%);border:1.5px solid #0d0f12;border-radius:4px;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;padding:8px;display:flex;box-shadow:0 3px 8px #0009,inset 0 1px #ffffff26,inset 0 -1px 1px #000c}.comp-vu-container{background:#181a1d;border:2px solid #0d0f12;border-radius:2px;width:150px;height:90px;position:relative;overflow:hidden;box-shadow:inset 0 3px 6px #000000f2,0 1px 1px #ffffff14}.comp-vu-canvas{width:150px;height:90px;display:block}.comp-vu-screw{cursor:pointer;background:linear-gradient(135deg,#2b3038 0%,#101217 100%);border:1px solid #000000f2;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:relative;box-shadow:inset 0 1px 1px #ffffff1a,0 1px 1.5px #000000b3}.comp-vu-screw:after{content:"";background:#090a0d;width:10px;height:1.6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 1px #ffffff14}.comp-vu-screw:hover{transform:rotate(15deg)}.comp-vu-glass{pointer-events:none;background:linear-gradient(135deg,#ffffff0f 0%,#fff0 50% 100%);position:absolute;inset:0}.grid2x2{background:var(--input-bg);grid-template-columns:repeat(2,1fr);gap:2px;display:grid!important}.grid3x2{background:var(--input-bg);grid-template-columns:repeat(3,1fr);gap:2px;display:grid!important}.module-knobs-col{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:6px;display:flex}.module-knobs-grid{place-items:center;width:100%;margin-top:6px;display:grid}.module-knobs-grid.twocol{grid-template-columns:repeat(2,1fr);gap:10px 8px}.gcomp-meter-row{justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:12px;display:flex}.gcomp-controls-row{justify-content:center;gap:10px;width:100%;margin-bottom:12px;display:flex}.gcomp-btn{color:#1e293b;width:44px;height:22px;font-family:var(--font-display);cursor:pointer;text-align:center;background:#ccd2da;border:1px solid #7d848c;border-bottom:3.5px solid #5a6067;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:.52rem;font-weight:800;line-height:1;transition:all .1s;display:inline-flex;box-shadow:0 2px 4px #0006}.gcomp-btn:hover{color:#0f172a;background:#dce2ea}.gcomp-btn:active{border-bottom-width:1.5px;transform:translateY(1.5px);box-shadow:0 1px 2px #0006}.gcomp-in-btn.active{color:#2563eb;background:#f8fafc;border-color:#3b82f680;border-bottom-width:1.5px;transform:translateY(1.5px);box-shadow:0 0 12px #3b82f6bf,inset 0 1px 3px #0003}.gcomp-meter-mode-btn:not(.mode-out){color:#16a34a;background:#f0fdf4;border-color:#22c55e80;border-bottom-width:1.5px;transform:translateY(1.5px);box-shadow:0 0 12px #22c55ebf,inset 0 1px 3px #0003}.gcomp-meter-mode-btn.mode-out{color:#ea580c;background:#fff8f0;border-color:#f9731680;border-bottom-width:1.5px;transform:translateY(1.5px);box-shadow:0 0 12px #f97316bf,inset 0 1px 3px #0003}.gcomp-knobs-grid{grid-template-columns:repeat(2,1fr);place-items:center;gap:12px 10px;width:100%;display:grid}.gcomp-footer-tag{font-family:var(--font-display);letter-spacing:.14em;color:#ffffff40;text-align:center;width:100%;margin-top:14px;font-size:.36rem;font-weight:800}.fx-type-btn{letter-spacing:.05em;color:var(--text-muted);border-radius:calc(var(--radius-sm) - 1px);cursor:pointer;background:0 0;border:none;flex:1;padding:4px 2px;font-size:.45rem;font-weight:700;transition:color .1s,background .1s}.fx-type-btn:hover{color:var(--text-primary);background:var(--panel-border)}.fx-type-btn.active{color:#00d864;box-shadow:none;background:#00d25024;border:1px solid #00d25073}.dist-lab-panel{grid-column:span 2}.dist-lab-layout{grid-template-columns:1.4fr 1.3fr 1.3fr;align-items:stretch;gap:12px;display:grid}.dist-lab-controls-col{flex-direction:column;justify-content:center;gap:14px;display:flex}.dist-type-selector{gap:4px;display:flex}.dist-btn{background:var(--sub-block-bg);border:1px solid var(--panel-border);color:var(--text-muted);border-radius:var(--radius-sm);font-family:var(--font-display);cursor:pointer;flex:1;padding:5px 0;font-size:.62rem;font-weight:700;transition:all .15s}.dist-btn:hover{border-color:var(--panel-border-focus);color:var(--text-primary)}.dist-btn.active{color:#00d864;box-shadow:none;background:#00d25024;border:1px solid #00d25073}body.light-theme .dist-btn.active{color:#005828;box-shadow:none;background:#0078321a;border-color:#00642866}.dist-lab-knobs{grid-template-columns:repeat(3,1fr);place-items:center;gap:16px 10px;margin-top:10px;display:grid}.dist-lab-knobs .knob-container{width:52px}.curve-drawer-container{background:var(--input-bg);border:1px solid var(--panel-border);border-radius:var(--radius-sm);height:210px;position:relative;overflow:hidden}body:not(.light-theme) .curve-drawer-container{box-shadow:inset 0 0 16px #00d4ff0a}.curve-drawer-container canvas{z-index:2;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.canvas-grid-overlay{pointer-events:none;background-image:linear-gradient(to right,var(--sub-block-border)1px,transparent 1px),linear-gradient(to bottom,var(--sub-block-border)1px,transparent 1px);z-index:1;background-size:10% 10%;width:100%;height:100%;position:absolute;top:0;left:0}.curve-actions{gap:4px;margin-top:8px;display:flex}.dist-action-btn{background:var(--sub-block-bg);border:1px solid var(--panel-border);font-family:var(--font-display);color:var(--text-muted);cursor:pointer;text-align:center;border-radius:4px;flex:1;padding:5px 0;font-size:.52rem;font-weight:700;transition:all .12s}.dist-action-btn:hover{border-color:var(--panel-border-focus);color:var(--text-primary);background:var(--panel-border)}#curve-reset-btn:hover{border-color:var(--btn-active-magenta);color:var(--btn-active-magenta)}.scope-container{border-radius:var(--radius-sm);background:#020a02;border:1px solid #00b43c14;border-color:#000c #00b43c14 #00b43c14 #0009;height:220px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #000000e6}body:not(.light-theme) .scope-container{box-shadow:inset 0 2px 8px #000000e6}body.light-theme .scope-container{background:#010d01;border-color:#00000080 #00963226 #00963226 #0006}.scope-container canvas{z-index:2;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.scope-grid-overlay{display:none}.scope-legend{z-index:3;font-family:var(--font-display);letter-spacing:.08em;gap:8px;font-size:.44rem;font-weight:700;display:flex;position:absolute;top:6px;right:8px}.scope-legend span{align-items:center;gap:3px;display:flex}.scope-legend .bullet{border-radius:50%;width:4px;height:4px;display:inline-block}.scope-legend .legend-pre{color:#4aaaffcc}.scope-legend .legend-pre .bullet{background:#4aaaffcc}.scope-legend .legend-post{color:#00e848}.scope-legend .legend-post .bullet{background:#00e848}.scope-controls{gap:10px;margin-top:6px;display:flex}.scope-control-group{background:var(--sub-block-bg);border-radius:var(--radius-sm);border:1px solid #ffffff0a;border-color:#0009 #ffffff0a #ffffff0a #0006;flex:1;align-items:center;gap:6px;padding:5px 8px;display:flex}.scope-ctrl-label{font-family:var(--font-display);letter-spacing:.18em;color:#3a7a3a;white-space:nowrap;flex-shrink:0;font-size:.42rem;font-weight:700}.scope-slider{accent-color:#00b840;cursor:pointer;flex:1;min-width:0;height:3px}.scope-ctrl-val{font-family:var(--font-display);color:#00b840;letter-spacing:.04em;text-align:right;flex-shrink:0;min-width:28px;font-size:.5rem;font-weight:700}.seq-panel{grid-column:span 2}.seq-settings-bar{background:var(--sys-bar-bg);border-radius:var(--radius-md);border:1px solid var(--sys-bar-border);align-items:center;gap:20px;margin-bottom:14px;padding:8px 16px;display:flex}.control-group{align-items:center;gap:8px;display:flex}.seq-settings-bar button,.seq-settings-bar select,.seq-settings-bar input[type=number],.seq-settings-bar .lane-tab,.seq-settings-bar .aux-target-select{box-sizing:border-box!important;vertical-align:middle!important;justify-content:center!important;align-items:center!important;height:30px!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;display:inline-flex!important}.seq-settings-bar button{padding:0 12px!important;font-size:.65rem!important;line-height:1!important}.seq-settings-bar select{background:var(--sub-block-bg);border:1px solid var(--panel-border);color:var(--text-secondary);min-width:105px!important;padding-left:8px!important;padding-right:18px!important;font-size:.65rem!important}body.light-theme .seq-settings-bar select{color:var(--text-primary);background:#fdfdfc;border-color:#00000026}.seq-settings-bar .aux-target-select{min-width:130px!important;padding-right:18px!important}.seq-settings-bar input.bpm-lcd{width:52px!important;padding:0 4px!important;font-size:.85rem!important;line-height:30px!important}.seq-settings-bar input[type=range]{vertical-align:middle!important;height:30px!important;margin:0!important}.control-group label{font-family:var(--font-display);letter-spacing:.22em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;flex-shrink:0;font-size:.42rem;font-weight:700}.seq-lane-selector{align-items:center;gap:5px;margin-left:auto;display:flex}.aux-target-select{background:var(--input-bg);border-radius:var(--radius-sm);color:#00d864;font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;appearance:none;border:1px solid #00d25059;outline:none;height:auto;padding:5px 11px;font-size:.62rem;font-weight:700}.aux-target-select:focus{border-color:#00d25099}.lane-tab{padding:5px 11px;font-size:.62rem}.lane-tab.active{color:#00d864;box-shadow:none;background:#00d25024;border:1px solid #00d25073}body.light-theme .lane-tab.active{color:#005828;background:#0078321a;border-color:#00642866}.auto-lane-controls{align-items:center;gap:5px;display:flex}.record-btn{color:#dc3232d9;border:1px solid #dc323273;transition:all .15s}.record-btn:hover{color:#dc3232;border-color:#dc3232b3}.record-btn.active{color:#ff4d4d!important;text-shadow:0 0 2px #ff3c3c80!important;background:#dc323229!important;border-color:#ff3c3cb3!important;box-shadow:0 0 6px #ff3c3c40!important}body.light-theme .record-btn{color:#b41414d9;border-color:#b4141466}body.light-theme .record-btn.active{color:#a80000!important;box-shadow:none!important;background:#b4141414!important;border-color:#b4141499!important}.sequencer-grid-container{grid-template-columns:76px 1fr;gap:10px;display:grid;overflow-x:auto}.seq-grid-labels{flex-direction:column;gap:10px;padding-top:12px;display:flex}.seq-row-label{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.06em;align-items:center;height:28px;font-size:.52rem;font-weight:700;display:flex}.seq-row-label.label-val{height:160px}.seq-step-cols{grid-template-columns:repeat(16,1fr);gap:5px;min-width:680px;display:grid}.seq-col{flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.seq-led{background:var(--text-dim);border-radius:50%;width:5px;height:5px;margin-bottom:3px;transition:all 80ms}.seq-led.active{background:var(--btn-active-green);box-shadow:0 0 8px var(--btn-active-green),0 0 16px var(--btn-active-green)}.step-trigger-btn{border-radius:var(--radius-sm);background:var(--sub-block-bg);border:1px solid var(--panel-border);width:34px;height:32px;color:var(--text-muted);font-family:var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0;font-size:.52rem;transition:all 80ms;display:flex}.step-trigger-btn:hover{background:var(--panel-border);color:var(--text-primary);border-color:var(--panel-border-strong)}.step-trigger-btn.step-on{color:#00d864;box-shadow:none;background:#00d2502e;border-color:#00d864}.step-trigger-btn.step-tie{background:var(--btn-active-yellow);border-color:var(--btn-active-yellow);color:#000;box-shadow:0 0 8px var(--btn-active-yellow-glow)}.seq-led-fader{border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0d0f13;border:1px solid #00000073;flex-direction:column;justify-content:stretch;align-items:center;width:14px;height:160px;padding:0;transition:border-color .15s;display:flex;position:relative;box-shadow:inset 0 1px 3px #0009}.seq-led-fader:hover{border-color:#4ab4ff66}.seq-led-fader.note-lane:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 calc(1.02% - .5px),#ffffff73 calc(1.02% - .5px) calc(1.02% + .5px),#0000 calc(1.02% + .5px) calc(25.51% - .5px),#ffffff73 calc(25.51% - .5px) calc(25.51% + .5px),#0000 calc(25.51% + .5px) calc(50% - .5px),#ffffff73 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px) calc(74.49% - .5px),#ffffff73 calc(74.49% - .5px) calc(74.49% + .5px),#0000 calc(74.49% + .5px) calc(98.98% - .5px),#ffffff73 calc(98.98% - .5px) calc(98.98% + .5px),#0000 calc(98.98% + .5px));position:absolute;inset:0 -2px}.led-seg{z-index:2;background:#ffffff0a;border-bottom:1px solid #0d0f13;border-radius:0;flex:1;width:8px;transition:background 80ms,box-shadow 80ms;position:relative;box-shadow:inset 0 1px 1px #00000080}.led-seg:last-child{border-bottom:none}.led-seg.on{background:#00d86426}.led-seg.on.active{background:#00d864;box-shadow:0 0 8px #00d864d9,inset 0 0 1px #fff}body.light-theme .led-seg.on.active{background:#094;box-shadow:0 0 5px #0949}.step-tooltip{font-family:var(--font-display);color:var(--text-muted);text-align:center;height:14px;margin-top:4px;font-size:.58rem;font-weight:700;transition:all .1s}.step-tooltip.active{text-shadow:0 0 6px #00d86499;color:#00d864!important;font-size:.72rem!important;font-weight:900!important}.step-extra-btn{background:var(--sub-block-bg);border:1px solid var(--panel-border);color:var(--text-muted);border-radius:3px;padding:2px 5px;font-size:.48rem}.step-extra-btn.active{color:#00d864;background:#00d25024;border-color:#00d25073}.fm-formant-column{gap:var(--gap);flex-direction:column;display:flex}.fm-formant-column>.panel{flex-direction:column;flex:1;display:flex}.fm-block,.formant-block{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.fm-routes{grid-template-columns:repeat(4,1fr);justify-items:center;gap:10px;width:100%;display:grid}.fm-route-item{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.fm-route-label{font-family:var(--font-display);letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;margin-bottom:2px;font-size:.44rem;font-weight:700}.formant-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:16px;width:100%;display:grid}.formant-display-section{flex-direction:column;justify-content:center;display:flex}.formant-knobs-section{justify-content:center;align-items:center;width:100%;display:flex}.formant-vowel-display{font-family:var(--font-display);color:#4ab4ff;text-align:center;letter-spacing:.05em;margin-bottom:4px;font-size:2.5rem;font-weight:900;line-height:1}.formant-labels{justify-content:space-around;margin-bottom:0;display:flex}.formant-labels span{font-family:var(--font-display);letter-spacing:.15em;color:var(--text-muted);font-size:.45rem;font-weight:700}.mod-matrix-header{grid-template-columns:160px 1fr 36px 160px;gap:6px;margin-bottom:6px;padding:0 4px;display:grid}.mod-matrix-header span{font-family:var(--font-display);letter-spacing:.22em;color:var(--text-muted);text-transform:uppercase;font-size:.4rem;font-weight:700}.mod-matrix-rows{flex-direction:column;gap:4px;display:flex}.mod-row{background:var(--sub-block-bg);border-radius:var(--radius-sm);border-top:1px solid #00000080;border-bottom:1px solid #ffffff0a;grid-template-columns:130px 1fr 36px 130px;align-items:center;gap:8px;padding:4px 8px;display:grid}.mod-select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;outline:none;width:100%;padding:4px 6px;font-size:.5rem;font-weight:600;min-width:unset!important}.mod-select:hover,.mod-select:focus{color:var(--text-primary);border-color:#4ab4ff66}.mod-led-strip{border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0d0f13;border:1px solid #00000073;justify-content:space-between;align-self:center;align-items:center;height:16px;padding:0 4px;transition:border-color .15s;display:flex;position:relative;box-shadow:inset 0 1px 3px #0009}.mod-led-strip:hover{border-color:#4ab4ff66}.led-dot{background:#ffffff14;border-radius:0;width:10px;height:10px;transition:background .1s,box-shadow .1s;box-shadow:inset 0 1px 1px #00000080}.led-dot.active{background:#00d864;box-shadow:0 0 8px #00d864d9,inset 0 0 1px #fff}body.light-theme .led-dot.active{background:#094;box-shadow:0 0 5px #0949}.mod-amount-val{font-family:var(--font-display);color:#4ab4ff;text-align:center;min-width:30px;font-size:.48rem;font-weight:700}.xy-pad-panel{flex-direction:column;grid-column:span 2;gap:12px;display:flex}.xy-pad-controls-row{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.xy-selectors-horizontal{flex:1;align-items:center;gap:15px;display:flex}.xy-selectors-horizontal .xy-selector-row{flex:1;min-width:150px;max-width:320px}.xy-readout-horizontal{align-items:center;gap:15px;display:flex}.xy-selectors{flex-direction:column;gap:5px;display:flex}.xy-selector-row{align-items:center;gap:6px;display:flex}.xy-axis-tag{font-family:var(--font-display);letter-spacing:.04em;text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:36px;font-size:.6rem;font-weight:700;line-height:1;display:inline-flex}.xy-axis-x{color:var(--btn-active-cyan)}.xy-axis-y{color:var(--btn-active-magenta)}body.light-theme .xy-axis-x{color:#06b}body.light-theme .xy-axis-y{color:#c04}.xy-param-select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-display);cursor:pointer;outline:none;flex:1;min-width:0;height:36px;padding:7px 10px;font-size:.75rem;transition:border-color .12s}.xy-param-select:hover,.xy-param-select:focus{border-color:var(--input-border-focus)}.xy-pad-container{background:var(--input-bg);cursor:crosshair;border:1.5px solid #00000080;border-radius:12px;flex:1;min-height:260px;position:relative;overflow:hidden;box-shadow:inset 0 3px 10px #000000d9}.xy-pad-container canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.xy-pad-container.active{border-color:var(--btn-active-magenta);box-shadow:0 0 10px var(--btn-active-magenta-glow)}.xy-readout{justify-content:space-between;gap:5px;display:flex}.xy-readout-item{background:var(--sub-block-bg);border:1px solid var(--sub-block-border);border-radius:var(--radius-sm);font-family:var(--font-display);flex:1;align-items:center;gap:5px;padding:3px 7px;font-size:.52rem;display:flex;overflow:hidden}.xy-readout-axis{flex-shrink:0;font-size:.48rem;font-weight:700}.xy-readout-x .xy-readout-axis{color:var(--btn-active-cyan)}.xy-readout-y .xy-readout-axis{color:var(--btn-active-magenta)}body.light-theme .xy-readout-x .xy-readout-axis{color:#06b}body.light-theme .xy-readout-y .xy-readout-axis{color:#c04}.xy-readout-item span:last-child{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}footer.panel.keyboard-panel{flex-direction:row;align-items:stretch;gap:14px;padding:13px 16px;display:flex}.kb-left-controls{border-right:1px solid var(--header-divider);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:136px;padding-right:14px;display:flex}.kb-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.transpose-section{border-bottom:1px solid var(--header-divider);flex-direction:column;align-items:center;gap:5px;width:100%;padding-bottom:8px;display:flex}.transpose-label{font-family:var(--font-display);letter-spacing:.14em;color:var(--text-muted);font-size:.48rem}.transpose-row{align-items:center;gap:5px;display:flex}.transpose-btn{border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--sub-block-bg);width:21px;height:21px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:.95rem;line-height:1;transition:all .12s;display:flex}.transpose-btn:hover{border-color:var(--panel-border-focus);color:var(--text-primary)}.transpose-display{font-family:var(--font-display);color:var(--text-primary);text-align:center;min-width:26px;font-size:.82rem;font-weight:700}.transpose-display.active{color:var(--btn-active-magenta)}.transpose-reset-btn{font-family:var(--font-display);letter-spacing:.08em;border:1px solid var(--panel-border);background:var(--sub-block-bg);color:var(--text-muted);cursor:pointer;border-radius:3px;padding:2px 8px;font-size:.46rem;transition:all .12s}.transpose-reset-btn:hover{border-color:var(--panel-border-focus);color:var(--text-primary)}.hold-btn{background:var(--sub-block-bg);border:1px solid var(--panel-border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-display);color:var(--text-muted);cursor:pointer;letter-spacing:.08em;padding:4px 10px;font-size:.62rem;font-weight:700;transition:all .15s}.hold-btn:hover{border-color:var(--panel-border-focus);color:var(--text-primary)}.hold-btn.active{border-color:var(--btn-active-magenta);color:var(--btn-active-magenta);box-shadow:0 0 8px var(--btn-active-magenta-glow);background:#ff1a6e24}.strips-area{flex:1;justify-content:center;align-items:stretch;gap:10px;display:flex}.strip-wrapper{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.strip-label{font-family:var(--font-display);letter-spacing:.12em;color:var(--text-muted);font-size:.44rem}.strip-track{background:var(--input-bg);border:1px solid var(--panel-border-strong);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:13px;flex:1;width:26px;min-height:52px;position:relative;box-shadow:inset 0 2px 8px #0009}.strip-track:before{content:"";pointer-events:none;background:#000000b3;border-radius:2px;width:3px;position:absolute;top:10px;bottom:10px;left:50%;transform:translate(-50%)}.strip-center-mark{z-index:2;pointer-events:none;background:#ffd70073;height:1px;position:absolute;top:50%;left:5px;right:5px;transform:translateY(-50%)}.strip-thumb{border:1px solid var(--panel-border-strong);z-index:3;pointer-events:none;background:linear-gradient(#3a3a3a 0%,#1a1a1a 100%);border-radius:8px;height:15px;transition:top .18s cubic-bezier(.25,.46,.45,.94),box-shadow .1s,border-color .1s;position:absolute;left:4px;right:4px;transform:translateY(-50%);box-shadow:0 2px 5px #0009}body.light-theme .strip-thumb{background:linear-gradient(#c8c8c8 0%,#888 100%);border-color:#00000040}.strip-track.dragging .strip-thumb{box-shadow:0 2px 8px #000000b3,0 0 12px var(--btn-active-cyan-glow);border-color:var(--btn-active-cyan);transition:box-shadow .1s,border-color .1s}.midi-indicator{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-muted);align-self:flex-end;align-items:center;gap:5px;padding-right:2px;font-size:.62rem;font-weight:700;display:flex}.midi-indicator.online{color:var(--btn-active-green)}.midi-indicator.online:before{content:"";background:var(--btn-active-green);width:5px;height:5px;box-shadow:0 0 6px var(--btn-active-green);border-radius:50%;display:inline-block}.piano-keyboard{border-radius:var(--radius-md);height:155px;box-shadow:0 0 16px #00c8ff14,var(--shadow-md);-webkit-user-select:none;user-select:none;background:#00020a;border:1px solid #00c8ff47;position:relative;overflow:hidden}body.light-theme .piano-keyboard{box-shadow:var(--shadow-md);background:#e8e6de;border-color:#503c144d}.white-keys-container{width:100%;height:100%;display:flex}.key{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-display);box-sizing:border-box;font-weight:700}.key.white{z-index:1;color:#5b6270;background:linear-gradient(#fcfcfc 0%,#f4f4f6 82%,#e2e4e8 100%);border-bottom:4px solid #b0b4bc;border-right:1px solid #bfc2c8;border-radius:0 0 7px 7px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;padding-bottom:11px;transition:background 40ms,border-bottom-width 40ms,padding-bottom 40ms;display:flex;position:relative}.key.white:hover{background:linear-gradient(#fff 0%,#eeeff2 82%,#d6d8e0 100%)}.key.white.active{background:var(--btn-active-green);color:#000;border-bottom-width:1px;border-bottom-color:var(--btn-active-green);box-shadow:inset 0 6px 12px #00000038,0 0 18px var(--btn-active-green-glow);text-shadow:none;padding-bottom:9px}.key.black{z-index:2;color:#7a8090;background:linear-gradient(#252830 0%,#131620 72%,#070809 100%);border-bottom:5px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-radius:0 0 5px 5px;flex-direction:column;justify-content:flex-end;align-items:center;width:4.4%;height:98px;padding-bottom:9px;transition:background 40ms,border-bottom-width 40ms,padding-bottom 40ms;display:flex;position:absolute;top:0;transform:translate(-50%);box-shadow:2px 4px 6px #00000073,inset 0 1px #ffffff1f}.key.black:hover{background:linear-gradient(#33363e 0%,#1e2028 72%,#0c0d10 100%)}.key.black.active{background:var(--btn-active-green);color:#000;box-shadow:inset 0 4px 8px #0006,0 0 18px var(--btn-active-green-glow);border-bottom-width:1px;padding-bottom:5px}.key-shortcut{opacity:.5;margin-bottom:5px;font-family:monospace;font-size:.62rem;font-weight:700}.key.white .key-shortcut{color:#6c7585}.key.black .key-shortcut{color:#a4adc1}.key-note{letter-spacing:.5px;font-size:.62rem;font-weight:800}.overlay{-webkit-backdrop-filter:blur(20px);z-index:9999;background:#020203e6;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.overlay.hide{opacity:0;pointer-events:none}.activation-card{text-align:center;background:var(--panel-bg);border:1px solid var(--panel-border-focus);border-radius:var(--radius-lg);width:460px;box-shadow:var(--shadow-lg);padding:44px;animation:.35s ease-out zoomIn}.activation-card h2{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-primary);margin-bottom:18px;font-size:2.3rem}.activation-card p{color:var(--text-secondary);margin-bottom:28px;font-size:.9rem;line-height:1.65}.activation-card button{border-radius:var(--radius-md);background:var(--text-primary);border-color:var(--text-primary);color:var(--panel-bg-solid);padding:11px 28px;font-size:.9rem}.activation-card button:hover{opacity:.88}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.dist-block{grid-column:span 1}.dist-layout{justify-content:space-between;align-items:center;gap:14px;height:100%;margin-top:5px;display:flex}.dist-controls{flex-direction:column;flex:1;gap:7px;display:flex}.dist-knobs-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.dist-knobs-grid .knob-container{width:46px}@media (max-width:1280px){.synth-grid{grid-template-columns:1fr}header.panel.synth-header{gap:10px}.header-top{grid-template-columns:130px 1fr 44px}.header-matrix{grid-template-columns:1fr 140px 160px}.dist-lab-layout{grid-template-columns:1fr 1fr}.dist-lab-scope-col{grid-column:1/-1}.fx-controls{grid-template-columns:1fr 1fr}}@media (max-width:860px){:root{--gap:10px}header.panel.synth-header{padding:12px 14px 0}.header-top{grid-template-rows:auto auto;grid-template-columns:1fr auto}.logo-area{grid-column:1}.header-right-controls{grid-area:1/2}.header-matrix{grid-area:2/1/auto/-1;grid-template-columns:1fr}.tempo-section,.transport-section{flex-direction:row;align-items:stretch;display:flex}.oscillator-blocks{grid-template-columns:repeat(2,1fr)}.lfo-controls,.dist-lab-layout{grid-template-columns:1fr}.fx-controls{grid-template-columns:1fr 1fr}.envelope-controls{grid-template-columns:1fr}}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.hide{display:none!important}.modal-content{background:var(--panel-bg-solid);border:1px solid var(--panel-border-strong);border-radius:var(--radius-lg);flex-direction:column;width:760px;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000080}body.light-theme .modal-content{box-shadow:0 15px 30px #00000026}.modal-header{border-bottom:1px solid var(--header-divider);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal-header h3{font-family:var(--font-display);letter-spacing:.12em;color:var(--text-primary);margin:0;font-size:.85rem}.close-btn{cursor:pointer;color:var(--text-muted)!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;font-size:1.5rem!important;line-height:1!important}.close-btn:hover{color:var(--text-primary)!important}.modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.wt-editor-container{background:var(--screen-bg);border:1px solid var(--screen-border);border-radius:var(--radius-md);width:100%;height:360px;position:relative;overflow:hidden}.wt-editor-container canvas{width:100%;height:100%;display:block}.wt-editor-presets-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.section-subtitle{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.08em;margin-right:8px;font-size:.55rem;font-weight:700}.wt-preset-btn{background:var(--sub-block-bg)!important;border:1px solid var(--panel-border)!important;color:var(--text-secondary)!important;padding:4px 8px!important;font-size:.55rem!important}body.light-theme .wt-preset-btn{color:var(--text-primary)!important;background:#fdfdfc!important;border-color:#00000026!important}.wt-preset-btn:hover{color:var(--text-primary)!important;border-color:var(--panel-border-focus)!important}.wt-editor-actions-row{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.file-import-label{cursor:pointer;font-family:var(--font-display);letter-spacing:.06em;border-radius:var(--radius-sm);background:var(--sub-block-bg);border:1px solid var(--panel-border);color:var(--text-secondary);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:6px 12px;font-size:.65rem;font-weight:700;transition:all .12s;display:inline-flex}.file-import-label:hover{background:var(--panel-border);color:var(--text-primary);border-color:var(--panel-border-strong)}body.light-theme .file-import-label{color:var(--text-muted);background:#fcfbfa;border-color:#00000026}body.light-theme .file-import-label:hover{color:var(--text-primary);background:#f5f4ee}.osc6-granular-btn.active{transform:translateY(1px);color:#00d864!important;background:linear-gradient(#101813 0%,#0d120f 100%)!important;border-color:#00d86466!important;border-bottom-width:1px!important;box-shadow:inset 0 2px 5px #000000b3,0 0 10px #00d86459!important}.xy-pad-block,.mod-matrix-block{flex-direction:column;gap:14px;display:flex;position:relative;background:linear-gradient(#2b3038 0%,#1e222a 60%,#15181f 100%)!important;border:1px solid #000000d9!important;border-left:1.5px solid #ffffff0f!important;border-right:2px solid #000000e6!important;border-radius:6px!important;padding:24px 16px 14px!important;box-shadow:inset 0 1px #ffffff14,0 4px 10px #00000073!important}