@font-face{font-family:Cabinet Grotesk;src:url(/fonts/CabinetGrotesk-Variable.woff2) format("woff2-variations"),url(/fonts/CabinetGrotesk-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg: #ffffff;--bg-surface: #ffffff;--bg-section: #e8e8f0;--bg-header: var(--accent);--border: #d8d8e4;--section-radius: 8px;--font-main: "Avenir", "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;--font-mono: "Avenir", "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;--font-title: "Cabinet Grotesk", "Avenir", "Helvetica Neue", sans-serif;--font-heavy: 900;--font-medium: 500;--font-book: 350;--text: #2a2a3a;--text-dim: #8888a0;--text-label: #6a6a80;--accent: #4A60B2;--accent-vocoder: #C14ABB;--accent-dim: #3d4f94;--accent-violet: #6b7ac0;--accent-amber: #f59e0b;--accent-pink: #d946a8;--accent-green: #34d399;--fader-track: #ddd;--fader-fill: var(--accent);--fader-thumb: #fff;--fader-gutter: #c8c8d4;--fader-tick: #b0b0c0;--fader-handle-bg: var(--accent);--fader-handle-border: color-mix(in srgb, var(--accent) 40%, transparent);--fader-handle-text: rgba(255,255,255,.9);--fader-label-color: var(--accent);--param-select-border: color-mix(in srgb, var(--accent) 30%, transparent);--param-select-text: rgba(42,42,58,.55);--param-switch-track-off: rgba(0,0,0,.06);--param-switch-track-border: rgba(0,0,0,.1);--param-switch-knob: #ffffff;--param-switch-knob-border: rgba(0,0,0,.15);--param-switch-knob-disabled: #c8c8c8;--section-label-color: #d7d1d149}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg);color:var(--text);font-size:13px;overflow:hidden}.storage-notice{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;background:var(--accent);color:#fff;border-radius:3px;font-family:var(--font-main);font-size:16px;line-height:1;white-space:nowrap;flex:0 0 auto;margin:0 auto}.storage-notice__text strong{font-weight:600}.storage-notice__dismiss{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;color:#fff;font-size:16px;line-height:1;padding:0 4px;cursor:pointer;border-radius:3px;opacity:.8;transition:opacity 60ms linear,background-color 60ms linear;flex:0 0 auto}.storage-notice__dismiss:hover{opacity:1;background:#ffffff26}.editor{margin:0;padding:12px}.editor__layout{display:inline-flex;gap:0}.editor__main{flex:0 0 auto;min-width:1526px}.editor__right-col{display:flex;flex-direction:column;flex:0 0 288px;width:288px;margin-left:-1px;overflow:hidden}.editor__header{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--section-radius);margin-bottom:12px;flex-wrap:wrap}.editor__title h1{font-family:var(--font-title);font-size:18px;font-weight:700;color:var(--accent);letter-spacing:1px}.editor__title h1:first-letter{text-transform:lowercase}.editor__mode-switch{display:flex;align-items:stretch;width:100%}.editor__mode-btn{flex:1;font-family:var(--font-title);font-size:25px;font-weight:800;text-transform:uppercase;letter-spacing:-.5px;color:var(--accent);background:none;border:none;padding:10px 0;border-radius:0;cursor:pointer;transition:color .15s,background .15s;-webkit-user-select:none;user-select:none;text-align:center}.editor__mode-btn--active{color:#fff;background:var(--accent)}.editor__mode-btn--vocoder.editor__mode-btn--active{background:var(--accent-vocoder)}.editor__vol-oct-row{display:flex;align-items:center;justify-content:space-evenly;position:relative;top:20px}.editor__vol-actions{display:flex;flex-direction:column;gap:6px}.editor__vol-action-btn{background:transparent;border:1px solid var(--accent);border-radius:4px;color:var(--accent);font-family:var(--font-mono);font-size:11px;font-weight:700;padding:4px 10px;cursor:pointer;transition:all .15s;letter-spacing:.5px}.editor__vol-action-btn:hover,.editor__vol-action-btn--active{background:var(--accent);color:var(--bg)}.editor__vol-action-sub{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--accent);letter-spacing:.5px;margin-top:2px;text-align:center}.editor__octave-shift{display:flex;flex-direction:column;align-items:center;gap:2px;-webkit-user-select:none;user-select:none;margin-top:-6px}.editor__octave-btn{background:none;border:none;color:var(--accent);cursor:pointer;padding:7px 0;line-height:0;opacity:1;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.editor__octave-btn:hover{opacity:.7}.editor__octave-label{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--accent);letter-spacing:.5px}.editor__timbre,.editor__common{margin-bottom:16px}.editor__timbre-bar{display:flex;align-items:center;gap:8px;padding:6px 8px;margin-bottom:4px}.editor__timbre-title{font-family:var(--font-main);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--accent)}.editor__library-btn{margin-left:15px;background:var(--accent);border:1px solid var(--accent);border-radius:4px;color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:700;padding:4px 12px;cursor:pointer;transition:all .15s;letter-spacing:.5px}.editor__library-btn:hover{opacity:.85}.editor__library-btn--active{background:transparent;color:var(--accent)}.editor__library-dropdown{border-bottom:1px solid var(--border);background:var(--bg-surface);padding:4px 8px}.editor__common-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);padding:4px 8px;margin-bottom:8px;border-left:3px solid var(--accent)}.editor__sections{display:flex;flex-wrap:nowrap;gap:0;align-items:stretch}.editor__main>.editor__sections{min-height:301px}.editor__main>.editor__sections>.section:has(.section__header[data-label=FILTER]){flex:1}.editor__row2{display:flex;gap:0}.editor__row2-left{display:flex;flex-direction:column;gap:0}.editor__row2-right{display:flex;flex-direction:column;gap:0;flex:1}.editor__row2-right>.editor__sections{width:100%}.editor__row2-right>.editor__sections>.section{flex:1}.section{background:var(--bg-surface);border:1px solid var(--border);border-radius:0;overflow:visible;min-width:120px;display:flex;flex-direction:row;position:relative;margin-right:-1px;margin-bottom:-1px}.section__header{display:block;writing-mode:vertical-lr;background:transparent;color:var(--section-label-color);font-family:var(--font-title);font-size:46px;font-weight:900;text-transform:uppercase;letter-spacing:-3.18px;padding:10px 0 10px 4px;min-width:auto;-webkit-user-select:none;user-select:none;white-space:nowrap;line-height:.7}.section__header[data-label=FILTER]{font-size:86px;letter-spacing:-1.3px}.section__header[data-label=AMP]{font-size:39px;letter-spacing:-.3px}.section__header[data-label=MIXER]{font-size:82px;letter-spacing:-1.3px}.section__header[data-label=LFOS]{font-size:49px;letter-spacing:-1.3px}.section__header[data-label=ENVELOPES]{font-size:52px;letter-spacing:-1.3px}.section__header[data-label=OSCILLATORS]{font-size:45px;letter-spacing:-2.3px}.section__header[data-label=ARPEGGIATOR]{font-size:37px;letter-spacing:-1.3px}.section__header[data-label=MATRIX]{font-size:62px;letter-spacing:-1.3px}.section__header[data-label="OSCILLATOR ONE"]{font-size:35px;letter-spacing:-1.3px}.section__header[data-label="VOCODER IN"]{font-size:49px;letter-spacing:-1.3px}.section__header[data-label="FILTER MOD"]{font-size:54px;letter-spacing:-2px}.section__header[data-label=ENVELOPE]{font-size:59px;letter-spacing:-2px}.section__header--clickable{cursor:pointer}.section__header--active{color:var(--accent)}.section__arp-onoff{position:absolute;bottom:0;right:12px;display:flex;flex-direction:column;align-items:center;gap:3px}.section__arp-onoff-label{font-size:8px;font-weight:var(--font-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.section__body{padding:10px 19px;flex:1}.section__subsections{display:flex;gap:0}.section__sub{display:flex;flex-direction:column;padding:0 6px;position:relative}.filter-curve{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.section__sub--filter>*:not(.filter-curve){position:relative;z-index:1}.section__sub+.section__sub{border-left:1px solid var(--border)}.section__sub--osc2{border-left:none!important;padding-left:52px}.section__sub--osc2:before{content:"";position:absolute;left:26px;top:-10px;bottom:-10px;width:1px;background:var(--border);transform-origin:bottom left;transform:skew(-2.14deg)}.section__sub-label{font-size:14px;font-weight:300;color:var(--text);text-align:center;padding-top:8px;letter-spacing:.5px}.section__sub--eg2{border-left:none!important;padding-left:52px}.section__sub--eg2:before{content:"";position:absolute;left:26px;top:-10px;bottom:-10px;width:1px;background:var(--border);transform-origin:bottom left;transform:skew(-2.14deg)}.section__sub--eg2:only-child{border-left:none!important;padding-left:8px}.section__sub--eg2:only-child:before{display:none}.section__sub--lfo1,.section__sub--lfo2{flex:1}.section__sub--lfo2{border-left:none!important;padding-left:52px}.section__sub--lfo2:before{content:"";position:absolute;left:26px;top:-10px;bottom:-10px;width:1px;background:var(--border);transform-origin:bottom left;transform:skew(-2.14deg)}.section__sub--lfo1,.section__sub--lfo2{padding-bottom:4px}.section__sub--lfo1 .section__sub-label,.section__sub--lfo2 .section__sub-label{align-self:flex-end;text-align:right;padding-right:4px;margin-top:auto}.section__sub--lfo1 .section__bottom-row,.section__sub--lfo2 .section__bottom-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:auto;padding-right:4px}.section__bottom-row .section__sub-label{padding-top:0}.section__inline-row{display:flex;align-items:center;gap:4px;position:relative}.lfo-curve{position:absolute;right:0;bottom:0;left:0;width:250px;height:100%;pointer-events:none;z-index:0;top:51px}.section__inline-row>*:not(.lfo-curve){position:relative;z-index:1}.section__selects--inline{flex-shrink:0}.section__sub--eg1 .section__sub-label,.section__sub--eg2 .section__sub-label{align-self:flex-end;text-align:right;padding-right:4px;margin-top:auto}.section__selects{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.section__sub--osc1 .section__selects,.section__sub--osc2 .section__selects{margin-bottom:0;margin-top:8px;align-items:center}.section__sub--osc2 .section__selects,.section__sub--osc2 .section__sub-label{align-self:flex-start;width:104px;text-align:center}.section__param-row{display:flex;align-items:center;gap:8px}.section__param-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--fader-label-color);min-width:60px;text-align:right;white-space:nowrap;-webkit-user-select:none;user-select:none}.section__faders{display:flex;gap:15px;justify-content:center}.section__select-overlay{position:absolute;bottom:6px;right:365px;z-index:2;max-width:72px}.section__select-overlay .param-select{font-size:9px!important;padding:0 6px!important;min-width:0;width:62px!important}.section__viz-placeholder{height:38px;width:100%;flex-shrink:0;display:flex;align-items:flex-end;justify-content:center}.env-viz{display:block}.section__faders--horizontal{flex-direction:column;gap:0;align-items:flex-start}.section__faders--horizontal .fader-h+.fader-h{margin-top:-7px}.section__switches{display:flex;flex-direction:column;gap:6px}.param-switch__field-label{font-family:var(--font-mono);font-size:12px;color:var(--fader-label-color);-webkit-user-select:none;user-select:none}.param-switch__wrapper--labelpos-right,.param-switch__wrapper--labelpos-right.param-switch__wrapper--disabled{display:flex;flex-direction:row;align-items:center;gap:6px}.param-switch__wrapper--labelpos-bottom,.param-switch__wrapper--labelpos-bottom.param-switch__wrapper--disabled{display:flex;flex-direction:column;align-items:center;gap:2px}.section__fader-area{display:flex;align-items:flex-start;gap:8px}.section__right-params{display:flex;flex-direction:column;gap:6px;align-self:stretch}.osc-mod-controls{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding-top:14px}.osc-mod-controls__row{display:flex;align-items:center;gap:6px}.osc-mod-controls__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--fader-label-color);-webkit-user-select:none;user-select:none}.fader{display:flex;flex-direction:column;align-items:center;gap:6px;outline:none}.fader--disabled{opacity:.28;pointer-events:none}.fader__track{position:relative;cursor:default;-webkit-user-select:none;user-select:none;touch-action:none}.fader__gutter{position:absolute;background:var(--fader-gutter);border-radius:0}.fader__fill{position:absolute;border-radius:0;pointer-events:none}.fader__tick{position:absolute;width:14px;height:1px;background:var(--fader-tick);pointer-events:none}.fader__handle{position:absolute;background:var(--fader-handle-bg);border:.5px solid var(--fader-handle-border);border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:default;z-index:1;touch-action:none}.fader__value{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--fader-handle-text);pointer-events:none;-webkit-user-select:none;user-select:none}.fader__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fader-label-color);text-align:center;width:100%}.fader:focus .fader__handle{outline:none;filter:brightness(1.08)}.fader-h{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;outline:none}.fader-h--disabled{opacity:.28;pointer-events:none}.fader-h__track{position:relative;cursor:default;-webkit-user-select:none;user-select:none}.fader-h__gutter{position:absolute;background:var(--fader-gutter, #3a3a3a);border-radius:0}.fader-h__fill{position:absolute;border-radius:0;pointer-events:none}.fader-h__tick{position:absolute;width:1px;height:14px;background:var(--fader-tick, #555);pointer-events:none}.fader-h__handle{position:absolute;border:.5px solid var(--fader-handle-border, rgba(0,0,0,.28));border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:default;z-index:1}.fader-h__value{font-family:var(--font-mono);font-size:10px;font-weight:500;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none}.fader-h__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fader-label-color);padding-left:27px;position:relative;top:10px}.fader-h:focus .fader-h__handle{filter:brightness(1.08)}.param-select{position:relative;display:inline-flex;align-items:center;justify-content:center;border:.5px solid var(--param-select-border);background:transparent;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;box-sizing:border-box;overflow:hidden}.param-select--pill{border-radius:999px}.param-select--rect{border-radius:4px}.param-select--disabled{opacity:.28;cursor:default;pointer-events:none}.param-select__fill{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.param-select--pill .param-select__fill{border-radius:999px}.param-select--rect .param-select__fill{border-radius:4px}.param-select__label{position:relative;z-index:1}.param-select__probe{position:absolute;visibility:hidden;pointer-events:none;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.param-select__probe.param-select--sm{padding:0 12px;font-size:11px}.param-select__probe.param-select--md{padding:0 18px;font-size:12px}.param-select__probe.param-select--lg{padding:0 22px;font-size:14px}.param-switch__wrapper{display:inline-flex}.param-switch__wrapper--disabled{display:inline-flex;opacity:.35;pointer-events:none}.param-switch{display:inline-flex;align-items:center;gap:6px}.param-switch--vertical{flex-direction:column;align-items:center}.param-switch__track{position:relative;border-radius:999px;border:.5px solid;cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0}.param-switch__knob{position:absolute;background:var(--param-switch-knob);border:.5px solid var(--param-switch-knob-border);transition:transform .22s cubic-bezier(.4,0,.2,1);pointer-events:none}.param-switch__knob--disabled{background:var(--param-switch-knob-disabled)}.param-switch__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-weight:400;-webkit-user-select:none;user-select:none}.param-switch__label--active{color:var(--text);font-weight:500}.midi-panel{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px}.midi-panel__title{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--accent)}.midi-panel__status{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);background:var(--bg-section);padding:2px 8px;border-radius:3px;min-width:120px}.midi-panel__warning{color:#f80;font-size:10px}.midi-panel__row{display:flex;align-items:center;gap:4px}.midi-panel__row label{font-size:10px;color:var(--text-dim)}.midi-panel__row select{background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 6px;font-size:10px;max-width:160px}.midi-panel__actions{display:flex;gap:4px}.midi-panel__actions button{background:var(--bg-section);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:3px 10px;font-size:10px;cursor:pointer;transition:all .15s}.midi-panel__actions button:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.midi-panel__actions button:disabled{opacity:.4;cursor:not-allowed}.keyboard{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--section-radius);margin-top:12px;overflow:hidden}.keyboard__controls{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-header);flex-wrap:wrap}.keyboard__title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#fff}.keyboard__btn{background:var(--bg-section);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 8px;font-size:10px;cursor:pointer;transition:all .15s}.keyboard__btn:hover{background:var(--accent);border-color:var(--accent)}.keyboard__oct{font-family:var(--font-mono);font-size:12px;color:var(--accent);min-width:24px;text-align:center}.keyboard__vel-label{font-size:10px;color:var(--text-dim);margin-left:8px}.keyboard__vel{width:80px;height:4px;accent-color:var(--accent);cursor:pointer}.keyboard__vel-val{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);min-width:24px}.keyboard__hint{font-size:9px;color:var(--text-dim);margin-left:auto;opacity:.7}.keyboard__keys{display:flex;height:var(--keyboard-height, 100px);padding:0;position:relative;-webkit-user-select:none;user-select:none}.keyboard__key{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:4px;cursor:pointer;transition:background .08s;position:relative;border-right:1px solid var(--border)}.keyboard__key--white{flex:1;min-width:32px;background:#fff;color:#555;height:100%;z-index:1}.keyboard__key--white:hover{background:#e0e0e8}.keyboard__key--white.keyboard__key--active{background:var(--accent);color:#fff}.keyboard__key--black{flex:0 0 24px;min-width:24px;background:var(--accent);color:#aaa;height:62%;margin:0 -12px;z-index:2;border-radius:0 0 3px 3px;border-right:none;box-shadow:none}.keyboard__key--black:hover{background:var(--accent-dim)}.keyboard__key--black.keyboard__key--active{background:var(--accent-dim);color:#fff}.keyboard__key-label{font-size:8px;font-weight:700;opacity:.6}.keyboard__key-note{font-size:7px;opacity:.4}.editor__name-group{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 8px;margin-top:30px}.editor__name-pill{font-family:var(--font-title);font-size:13px;font-weight:300;letter-spacing:1px;text-transform:uppercase;color:#fff;background:var(--accent);border:none;border-radius:6px;padding:8px 18px;height:34px;width:150px;outline:none;text-align:center;cursor:text;caret-color:#fff;transition:background .15s}.editor__name-pill::placeholder{color:#ffffff8c;font-style:italic}.editor__name-pill:focus{background:color-mix(in srgb,var(--accent) 88%,#000)}.editor__name-pill--dirty{font-style:italic}.editor__slot-tag{font-family:var(--font-title);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--accent);writing-mode:vertical-lr;transform:rotate(180deg);-webkit-user-select:none;user-select:none}.editor__slot-dropdown{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--accent);background:transparent;border:none;padding:2px 0;cursor:pointer;outline:none;min-width:0;width:55px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.editor__slot-dropdown--pending{animation:slot-blink .8s ease-in-out infinite}@keyframes slot-blink{0%,to{opacity:1}50%{opacity:.3}}.editor__name-arrows{display:flex;align-items:center;gap:4px}.editor__name-arrow{background:var(--accent);color:#fff;border:none;border-radius:6px;width:28px;height:34px;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s}.editor__name-arrow:hover{background:color-mix(in srgb,var(--accent) 85%,#000)}.editor__name-arrow:active{transform:scale(.94)}.editor__actions-row{display:flex;width:100%}.editor__action-btn{flex:1;height:73px;border:none;cursor:pointer;font-family:Avenir,Helvetica Neue,sans-serif;font-size:13px;font-weight:300;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 4px;line-height:1.2;transition:opacity .15s;-webkit-user-select:none;user-select:none}.editor__action-btn:hover{opacity:.7}.editor__action-btn:disabled{opacity:.35;cursor:default}.editor__action-btn--white{background:#fff}.editor__action-btn--alt{background:#f2f4f9}.editor__toolbar{display:flex;align-items:center;gap:4px}.editor__tool-btn{background:var(--bg-section);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:3px 10px;font-size:10px;cursor:pointer;transition:all .15s;white-space:nowrap}.editor__tool-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.editor__tool-btn:disabled{opacity:.4;cursor:not-allowed}.editor__tool-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.editor__slot-group{display:flex;align-items:center;gap:4px;font-size:10px}.editor__slot-group label{color:var(--text-dim);font-size:10px;text-transform:uppercase}.editor__slot-select{background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 6px;font-size:11px;font-family:var(--font-mono);cursor:pointer}.patch-library{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--section-radius);margin-bottom:12px}.patch-library__toolbar{display:flex;align-items:center;gap:8px;padding:6px 10px;flex-wrap:wrap}.patch-library__toolbar-group{display:flex;align-items:center;gap:4px;flex:0 0 auto}.patch-library__toolbar button{background:var(--bg-section);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:3px 10px;font-size:10px;cursor:pointer;transition:all .15s}.patch-library__toolbar button:hover{background:var(--accent);border-color:var(--accent)}.patch-library__toggle{margin-left:auto;font-family:var(--font-mono)}.patch-library__list{border-top:1px solid var(--border);padding:6px 10px;max-height:300px;overflow-y:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.patch-library__empty{font-size:11px;color:var(--text-dim);text-align:center;padding:12px 0;grid-column:1 / -1}.patch-library__entry{display:flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid var(--border);border-radius:3px}.patch-library__name{font-family:var(--font-mono);font-size:11px;color:var(--text);cursor:pointer;flex:1;padding:2px 4px;border-radius:2px;transition:background .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patch-library__name:hover{background:var(--bg-section);color:var(--accent)}.patch-library__date{display:none}.patch-library__btn{background:var(--bg);color:var(--text-dim);border:1px solid var(--border);border-radius:3px;padding:1px 6px;font-size:9px;cursor:pointer;transition:all .15s}.patch-library__btn:hover{background:var(--bg-section);color:var(--text);border-color:var(--accent)}.patch-library__btn--danger:hover{background:#ffe0e6;color:#c0392b;border-color:#c0392b}.bpm-dial{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bpm-dial--disabled{opacity:.5;pointer-events:none}.bpm-dial__ring{position:absolute;width:0;height:0;top:50%;left:50%}.bpm-dial__res-item{position:absolute;transform-origin:center;background:none;border:1.5px solid var(--border);border-radius:4px;padding:2px 5px;font-family:var(--font-mono);font-size:9px;font-weight:var(--font-medium);color:var(--text-dim);cursor:pointer;white-space:nowrap;line-height:1;transition:color .15s,border-color .15s,background .15s;margin-left:-16px;margin-top:-9px}.bpm-dial__res-item:hover{color:var(--accent);border-color:var(--accent)}.bpm-dial__res-item--active{background:var(--accent);border-color:var(--accent);color:#fff}.bpm-dial__circle{width:72px;height:72px;border-radius:50%;border:2px solid var(--accent);background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:ns-resize;-webkit-user-select:none;user-select:none;position:relative;z-index:1;transition:box-shadow .15s,border-color .15s}.bpm-dial__circle:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.bpm-dial__circle--dragging{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}.bpm-dial__circle--tapping{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.bpm-dial__value{font-family:var(--font-mono);font-size:20px;font-weight:var(--font-heavy);color:var(--accent);line-height:1}.bpm-dial__label{font-family:var(--font-mono);font-size:8px;font-weight:var(--font-medium);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.bpm-dial__input{width:44px;text-align:center;font-family:var(--font-mono);font-size:16px;font-weight:var(--font-heavy);color:var(--accent);background:transparent;border:none;border-bottom:1.5px solid var(--accent);outline:none;padding:0}.bpm-dial__input::-webkit-outer-spin-button,.bpm-dial__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bpm-dial__input[type=number]{-moz-appearance:textfield}.step-pattern{display:flex;flex-direction:column;gap:4px;padding:4px 0}.step-pattern__steps{display:flex;gap:4px}.step-pattern__step{width:26px;height:26px;border-radius:5px;border:none;cursor:pointer;transition:background .12s;padding:0}.step-pattern__step--on{background:var(--accent)}.step-pattern__step--off{background:var(--border)}.step-pattern__step:hover{opacity:.8}.step-pattern__step:active{transform:scale(.92)}.step-pattern__label{font-family:var(--font-mono);font-size:9px;font-weight:var(--font-book);color:var(--text-dim);letter-spacing:.5px}.formant-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:0 0 0 33px;margin-top:20px}.formant-buttons__row{display:flex;gap:4px}.formant-buttons__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fader-label-color)}.formant-buttons__btn{width:50px;height:30px;border-radius:5px;border:none;cursor:pointer;background:var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:11px;font-weight:var(--font-book);padding:0;transition:background .1s,color .1s}.formant-buttons__btn--active{background:var(--accent);color:#fff}.formant-buttons__btn:hover{opacity:.8}.formant-buttons__btn:active{transform:scale(.92)}.formant-buttons__btn:disabled{opacity:.28;cursor:default}.section__sub--arpA{flex:1}.section__arp-layout{display:flex;align-items:flex-start;gap:4px;padding:8px 4px}.section__arp-left{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;margin-left:-18px;margin-right:18px}.section__arp-buttons{display:flex;gap:6px;justify-content:center}.section__arp-buttons .param-select{min-width:70px}.section__arp-toggles{display:flex;gap:6px}.section__arp-toggle-row{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}.section__arp-toggle-label{font-family:var(--font-mono);font-size:10px;font-weight:var(--font-book);color:var(--text-dim);white-space:nowrap}.section__sub--arpB .section__selects{align-items:flex-end}.section__sub--arpA+.section__sub--arpB{border-left:none}.section__arp-gate{display:flex;align-items:flex-start;padding-top:4px}.mod-matrix{display:flex;flex-direction:column;font-family:var(--font-mono);flex:1}.mod-matrix__body{display:flex;align-items:stretch;flex:1}.mod-matrix__table{display:flex;flex-shrink:0;overflow:hidden;padding-right:52px;padding-top:15px}.mod-matrix__col{display:flex;flex-direction:column}.mod-matrix__col--source .mod-matrix__row,.mod-matrix__col--source .mod-matrix__header{text-align:right;justify-content:flex-end}.mod-matrix__header{height:26px;display:flex;align-items:center;padding:0 10px;font-size:9px;font-weight:var(--font-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border-bottom:.5px solid var(--border)}.mod-matrix__divider{width:.5px;background:var(--border);align-self:stretch}.mod-matrix__row{height:26px;display:flex;align-items:center;padding:0 10px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);cursor:default;border-radius:3px;margin:1px 3px;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background .1s,color .1s}.mod-matrix__row:not(.mod-matrix__row--active):not(.mod-matrix__row--inactive):hover{background:var(--bg-section)}.mod-matrix__row--active{background:var(--accent);color:#fff}.mod-matrix__row--inactive{color:var(--text-dim);opacity:.45}.mod-matrix__strip{display:flex;flex-direction:column;flex:1;min-width:180px;align-self:stretch}.mod-matrix__slot{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 10px;cursor:default;flex:1 1 0;-webkit-user-select:none;user-select:none;border-left:.5px solid var(--border)}.mod-matrix__slot+.mod-matrix__slot{border-top:.5px solid var(--border)}.mod-matrix__slot--focused{border-left-color:transparent}.mod-matrix__slot{position:relative;overflow:hidden}.mod-matrix__slot-route{position:absolute;bottom:3px;right:5px;font-size:9px;font-weight:var(--font-medium);color:var(--text-dim);z-index:1;pointer-events:none;line-height:1}.mod-matrix__slot-num{position:absolute;top:3px;right:5px;font-size:9px;font-weight:var(--font-medium);color:var(--text-dim);z-index:1;pointer-events:none;line-height:1}.mod-matrix__slot--focused .mod-matrix__slot-num{color:#fff;font-weight:var(--font-heavy)}.mod-matrix__slot--focused:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 28px 28px 0;border-color:transparent var(--accent) transparent transparent;z-index:0}.editor__main-with-sidebar{display:flex;gap:0}.editor__sidebar{display:flex;flex-direction:column;gap:6px;width:240px;flex-shrink:0;padding-left:8px}.section--compact{flex-direction:column}.section__compact-label{font-size:11px;font-weight:var(--font-heavy);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);padding:4px 0 2px}.section--compact .section__body{width:100%}.section--compact .section__subsections{flex-direction:column}.eg-reset-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border);background:transparent;color:var(--text-dim);font-size:7px;font-weight:var(--font-medium);font-family:var(--font-mono);letter-spacing:.02em;cursor:pointer;padding:0;margin-left:5px;line-height:0;transition:background .15s,color .15s,border-color .15s;vertical-align:middle}.eg-reset-badge:hover{border-color:var(--accent);color:var(--accent)}.eg-reset-badge--on{background:var(--accent);border-color:var(--accent);color:#fff}.eg-reset-badge--on:hover{opacity:.85;color:#fff}.knob{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:grab}.knob--disabled{opacity:.4;cursor:default}.knob__svg{display:block;touch-action:none}.knob__label{font-size:9px;font-weight:var(--font-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.section--amp__body{display:flex;flex-direction:row;align-items:center;gap:16px;flex:1}.section--amp__param{display:flex;align-items:center;gap:8px}.section--amp__param--switch{gap:6px}.section--amp__param--assign{flex-direction:column;gap:2px}.section--amp .param-switch__field-label{font-size:9px;font-weight:var(--font-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.section--amp__layer{display:flex;align-items:center;gap:0;margin-left:auto}.section--amp__layer-divider{width:1px;align-self:stretch;background:var(--border);margin-top:-11px;margin-bottom:-11px}.section--amp__layer-label{display:block;writing-mode:vertical-lr;background:transparent;color:var(--section-label-color);font-family:var(--font-title);font-size:22px;font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:.7;padding:4px 0;margin-left:3px;margin-right:20px;-webkit-user-select:none;user-select:none;white-space:nowrap}.section--amp__timbre{display:flex;align-items:center;gap:8px;margin-left:8px}.section--amp__timbre--disabled{opacity:.3;pointer-events:none}.section--amp__timbre-label{font-family:var(--font-title);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text)}.section--amp__timbre-btn{width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:var(--text);font-family:var(--font-title);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,color .15s}.section--amp__timbre-btn--active{background:var(--accent);color:#fff}.section.section--mod-matrix{position:relative}.section.section--mod-matrix .section__body{padding:0;display:flex;flex-direction:column}.mod-matrix__label-col{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.mod-matrix__label-col .section__header{flex:none}.mod-matrix__label-h{font-family:var(--font-title);font-size:50px;font-weight:var(--font-bold, 900);color:#d7d1d14a;text-transform:uppercase;letter-spacing:-3.5px;line-height:1;-webkit-user-select:none;user-select:none;padding:0 0 4px;white-space:nowrap}.echo-section{position:relative;width:280px;height:120px;overflow:visible}.echo-section__watermark{position:absolute;top:-6px;left:157px;font-family:var(--font-title);font-size:50px;font-weight:var(--font-heavy);text-transform:uppercase;letter-spacing:4px;color:var(--accent);opacity:.08;pointer-events:none;line-height:1;white-space:nowrap;letter-spacing:-5.81px}.echo-section__sync{display:flex;align-items:center;gap:5px}.echo-section__sync-label{font-family:var(--font-main);font-size:10px;font-weight:var(--font-medium);color:var(--text-dim);text-transform:uppercase}.echo-section__timebase{display:flex;flex-direction:column;align-items:center;gap:50px}.echo-section__timebase-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(8,1fr);grid-auto-flow:column;column-gap:8px;row-gap:1px;width:58px;height:96px}.echo-section__timebase-cell{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;color:var(--accent);font-family:var(--font-mono);font-size:12px;font-weight:var(--font-medium);text-align:center;padding:0;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color 60ms linear,background-color 60ms linear;-webkit-user-select:none;user-select:none}.echo-section__timebase-cell:hover{color:var(--text)}.echo-section__timebase-cell--active{background:var(--accent);color:#fff}.echo-section__timebase-cell--spacer{visibility:hidden;pointer-events:none}.echo-section__timebase-label{font-family:var(--font-main);font-size:9px;font-weight:var(--font-medium);color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.modfx-section{position:relative;width:280px;height:160px;overflow:visible}.modfx-section__watermark{position:absolute;top:18px;left:103px;font-family:var(--font-title);font-size:50px;font-weight:var(--font-heavy);text-transform:uppercase;letter-spacing:4px;color:var(--accent);opacity:.08;pointer-events:none;line-height:1;white-space:nowrap;letter-spacing:-5.81px}.eq-section{position:relative;width:288px;height:90px;overflow:visible;margin-top:20px}.eq-section__watermark{position:absolute;top:-18px;left:145px;font-family:var(--font-title);font-size:27px;letter-spacing:-1px;font-weight:var(--font-heavy);text-transform:uppercase;color:var(--accent);opacity:.08;pointer-events:none;line-height:1;white-space:nowrap}.eq-section__svg{display:block;width:100%;height:auto}.band-fader{position:relative;cursor:pointer;touch-action:none;background:var(--bg-surface);border-radius:4px 4px 0 0;overflow:hidden}.band-fader__fill{position:absolute;bottom:0;left:0;right:0;background:var(--accent-vocoder);border-radius:4px 4px 0 0}.vocoder-channels__label-col{display:flex;align-items:flex-end;justify-content:flex-end;gap:0}.vocoder-channels__label-main{writing-mode:vertical-lr;font-family:var(--font-title);font-size:62px;font-weight:900;text-transform:uppercase;letter-spacing:-3px;color:var(--section-label-color);line-height:.7;padding:10px 0 10px 4px;white-space:nowrap;-webkit-user-select:none;user-select:none}.vocoder-channels__label-sub{writing-mode:vertical-rl;font-family:var(--font-title);font-size:33px;font-weight:900;text-transform:uppercase;letter-spacing:-1.94px;color:var(--section-label-color);line-height:27px;padding:10px 0;white-space:nowrap;-webkit-user-select:none;user-select:none}.section--vocoder-channels .section__body{display:flex;align-items:stretch}.section.section--vocoder-channels{margin-bottom:-3px}.vocoder-channels{display:flex;width:100%;align-items:stretch}.vocoder-channels__bands{display:flex;flex:1;justify-content:center;align-items:stretch;gap:1px;position:relative}.band-dissolve{position:absolute;top:0;left:50%;transform:translate(-50%);pointer-events:none;z-index:10}.vocoder-channels__band{display:flex;flex-direction:column;align-items:center;gap:0}.vocoder-channels__band .band-fader{flex:1;height:auto!important}.vocoder-channels__band .knob{flex-shrink:0;margin-top:4px}.right-strip{display:flex;flex-direction:column;align-items:center;width:80px;padding:8px 4px;border-right:1px solid var(--border);gap:6px;flex:0 0 auto;position:relative}.right-strip__label{font-family:var(--font-main);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);text-align:center;width:100%}.right-strip__knob{display:flex;justify-content:center}.right-strip__divider{width:50px;height:1px;background:var(--border);margin:4px 0}.right-strip__bend{display:flex;flex-direction:column;align-items:center;position:absolute;bottom:-15px;left:0;right:0}.bend-stepper{display:flex;flex-direction:column;align-items:center;margin-top:-5px}.bend-stepper__row{display:flex;align-items:center;gap:2px}.bend-stepper__btn{width:22px;height:22px;border:none;border-radius:4px;background:transparent;color:var(--accent);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.bend-stepper__btn:hover{opacity:.6}.bend-stepper__value{font-family:var(--font-main);font-size:9px;font-weight:700;color:var(--text-dim);letter-spacing:1px;min-width:14px;text-align:center}@media (max-width: 900px){.editor__header{flex-direction:column;align-items:flex-start}.midi-panel{margin-left:0}}.editor__footer{display:flex;justify-content:center;align-items:center;padding:14px 20px 20px;text-align:center}.editor__footer-text{font-family:var(--font-main);font-size:10.5px;color:var(--text-dim);letter-spacing:.02em;line-height:1.5}.lockable{position:relative;display:inline-flex;cursor:not-allowed}.lockable--locked>*{pointer-events:none;opacity:.42;filter:saturate(.25);transition:opacity .12s ease,filter .12s ease}.lockable--locked .lockable--locked>*{opacity:1;filter:none;pointer-events:none}.tooltip{position:relative;display:inline-flex}.tooltip__panel{position:absolute;display:flex;flex-direction:column;gap:4px;min-width:180px;max-width:240px;padding:10px 12px;background:#2a2a3a;color:#f4f4f8;border-radius:6px;font-size:12px;line-height:1.35;box-shadow:0 4px 12px #00000040;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease;z-index:1000;white-space:normal}.tooltip--top .tooltip__panel{bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.tooltip--bottom .tooltip__panel{top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}.tooltip--visible .tooltip__panel{opacity:1;pointer-events:auto;transform:translate(-50%)}.tooltip--top.tooltip--visible .tooltip__panel{transform:translate(-50%)}.tooltip__title{font-weight:600;font-size:12px;color:#fff}.tooltip__blurb{color:#ffffffc7;font-size:11.5px}.tooltip__cta{margin-top:4px;padding:6px 10px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:11.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .12s ease}.tooltip__cta:hover{filter:brightness(1.08)}.tooltip__cta:active{filter:brightness(.92)}.dev-tier{position:fixed;bottom:10px;left:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 9px;background:#2a2a3ad9;color:#f4f4f8;font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:20px;z-index:9999;pointer-events:none;-webkit-user-select:none;user-select:none;box-shadow:0 2px 6px #0003}.dev-tier__dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.dev-tier--free .dev-tier__dot{background:#8d8da0}.dev-tier--day_pass .dev-tier__dot{background:var(--accent-amber)}.dev-tier--full .dev-tier__dot{background:var(--accent-green)}