:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}body{color:#e6e8eb;background:#16181c;margin:0}#app{max-width:960px;margin:0 auto;padding:24px 16px}h1{margin:0 0 16px;font-size:1.2rem}.device{background:#20242a;border:1px solid #333943;border-radius:8px;margin-bottom:16px;padding:12px 16px}.device h2{text-transform:uppercase;letter-spacing:.08em;color:#9aa4b2;margin:0 0 12px;font-size:.9rem}.controls{flex-wrap:wrap;gap:16px 24px;display:flex}.control{flex-direction:column;gap:4px;min-width:140px;font-size:.8rem;display:flex}.control output{color:#9aa4b2;font-variant-numeric:tabular-nums}button{color:#fff;cursor:pointer;font:inherit;background:#3b82f6;border:0;border-radius:6px;padding:8px 14px}.device h3{color:#6b7685;margin:16px 0 8px;font-size:.75rem}#app{max-width:1440px}.synth-panel{background:linear-gradient(#2b2e32 0%,#24272a 100%);border-top:6px solid #e8742c;border-radius:8px;flex-direction:column;gap:18px;margin-bottom:16px;padding:24px 28px 28px;font-family:Barlow Condensed,system-ui,sans-serif;display:flex}.synth-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.synth-brand{align-items:baseline;gap:16px;display:flex}.synth-name{letter-spacing:.06em;font-size:44px;font-weight:700;line-height:1}.synth-subtitle{letter-spacing:.32em;color:#a9adb3;text-transform:uppercase;font-size:15px;font-weight:500}.synth-row{flex-wrap:wrap;gap:14px;display:flex}.synth-section{box-sizing:border-box;background:#1f2124;border:1px solid #3a3d42;border-radius:6px;flex-direction:column;gap:14px;min-width:260px;padding:14px 16px 16px;display:flex}.synth-section-head{align-items:center;gap:10px;display:flex}.synth-section-head h2{letter-spacing:.22em;text-transform:uppercase;color:#e8e4da;margin:0;font-size:15px;font-weight:600}.synth-section-bar{border-radius:2px;width:28px;height:5px}.synth-section-body{flex:1;gap:6px;display:flex}.fader-label{letter-spacing:.14em;text-transform:uppercase;color:#a9adb3;white-space:nowrap;text-align:center;height:16px;font-size:12px;font-weight:600}.fader{flex-direction:column;flex:52px;align-items:center;gap:8px;width:52px;max-width:64px;display:flex}.fader-slot{touch-action:none;background:repeating-linear-gradient(#6b6f75 0 1px,#0000 1px 14px) 0 0/7px 100% no-repeat,repeating-linear-gradient(#6b6f75 0 1px,#0000 1px 14px) 100% 0/7px 100% no-repeat;width:44px;height:140px;position:relative}.fader-track{background:#0c0d0e;border-radius:2px;width:4px;height:140px;position:absolute;top:0;left:20px;box-shadow:inset 0 0 0 1px #3a3d42}.fader-cap{pointer-events:none;background:linear-gradient(#46494e 0%,#1b1c1e 100%);border-radius:3px;justify-content:center;align-items:center;width:26px;height:36px;display:flex;position:absolute;left:9px;box-shadow:0 2px 4px #0000008c,inset 0 1px #ffffff2e}.fader-cap-line{background:#f1eee6;width:18px;height:2px}.fader-input{transform-origin:0 0;opacity:0;cursor:pointer;width:140px;height:44px;margin:0;position:absolute;top:140px;left:0;transform:rotate(-90deg)}.fader-input::-webkit-slider-thumb{-webkit-appearance:none;width:36px;height:44px}.fader-input::-moz-range-thumb{border:0;width:36px;height:44px}.fader-slot:focus-within .fader-cap{outline-offset:2px;outline:2px solid #f1eee6}.fader-value{color:#a9adb3;white-space:nowrap;height:14px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.switch{flex-direction:column;flex:none;gap:8px;width:74px;display:flex}.switch-options{flex-direction:column;gap:6px;display:flex}.switch-option{color:#c9ccd1;letter-spacing:.08em;text-transform:capitalize;cursor:pointer;background:#2a2d31;border:1px solid #464a50;border-radius:4px;min-height:30px;padding:0 6px;font-family:inherit;font-size:14px;font-weight:600}.switch-option[aria-pressed=true]{color:#16171a}button.start{color:#16171a;letter-spacing:.12em;text-transform:uppercase;background:#e8742c;font-family:Barlow Condensed,system-ui,sans-serif;font-weight:600}button.start:disabled{color:#a9adb3;cursor:default;background:#3a3d42}.fader-slot{height:var(--slot-h,140px);background:repeating-linear-gradient(to bottom, #6b6f75 0 1px, transparent 1px var(--tick,14px)) left top / 7px 100% no-repeat, repeating-linear-gradient(to bottom, #6b6f75 0 1px, transparent 1px var(--tick,14px)) right top / 7px 100% no-repeat}.fader-track{height:var(--slot-h,140px)}.fader-cap{height:var(--cap-h,36px)}.fader-input{top:var(--slot-h,140px);width:var(--slot-h,140px)}.fader-input::-webkit-slider-thumb{width:var(--cap-h,36px)}.fader-input::-moz-range-thumb{width:var(--cap-h,36px)}.fader-unity{pointer-events:none;background:#e8e4da;width:40px;height:1px;position:absolute;left:2px}.mix-panel{background:linear-gradient(#2b2e32 0%,#24272a 100%);border-top:6px solid #4fb286;border-radius:8px;flex-direction:column;gap:18px;margin-bottom:16px;padding:24px 28px 28px;font-family:Barlow Condensed,system-ui,sans-serif;display:flex}.mix-brand{align-items:baseline;gap:18px;display:flex}.mix-name{letter-spacing:.06em;font-size:44px;font-weight:700;line-height:1}.mix-subtitle{letter-spacing:.32em;color:#a9adb3;text-transform:uppercase;font-size:15px;font-weight:500}.mix-body{flex-wrap:wrap;align-items:stretch;gap:20px;display:flex}.mix-strips{gap:4px;display:flex}.mix-strip{box-sizing:border-box;background:#1f2124;border:1px solid #3a3d42;border-radius:6px;flex-direction:column;gap:10px;width:118px;padding:10px 8px;display:flex}.mix-strip-head{flex-direction:column;align-items:center;gap:2px;height:36px;display:flex}.mix-strip-head h2{color:#e8e4da;margin:0;font-size:26px;font-weight:700;line-height:1}.mix-strip-name{letter-spacing:.2em;color:#a9adb3;text-transform:uppercase;font-size:11px}.mix-group{flex-direction:column;gap:6px;display:flex}.mix-group-grow{flex:1}.mix-heading{align-items:center;gap:6px;display:flex}.mix-heading-bar{border-radius:2px;width:14px;height:4px}.mix-heading h3{letter-spacing:.2em;text-transform:uppercase;color:#e8e4da;margin:0;font-size:12px;font-weight:600}.mix-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 4px;display:grid}.mix-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px;display:grid}.mix-row{gap:4px;display:flex}.mix-tape-pan{justify-content:space-around}.aux-row{justify-content:space-between;align-items:flex-end;gap:3px;display:flex}.knob-wrap{flex-direction:column;align-items:center;gap:3px;display:flex}.knob-label{letter-spacing:.14em;color:#a9adb3;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:600}.knob{touch-action:none;cursor:ns-resize;background:radial-gradient(circle at 35% 30%,#4a4d52,#1b1c1e 70%);border-radius:50%;position:relative;box-shadow:0 2px 4px #0000008c,inset 0 1px #ffffff26}.knob:focus-visible{outline-offset:2px;outline:2px solid #f1eee6}.knob-pointer{position:absolute;inset:0}.knob-pointer:after{content:"";background:#f1eee6;border-radius:1px;width:2px;height:32%;position:absolute;top:4px;left:calc(50% - 1px)}.knob-value{color:#a9adb3;white-space:nowrap;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px}.btn{color:#c9ccd1;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#2a2d31;border:1px solid #464a50;border-radius:4px;flex:1;height:30px;padding:0 4px;font-family:inherit;font-size:14px;font-weight:600}.btn[aria-pressed=true]{color:#16171a}.btn-wide{flex:none;width:100%;font-size:13px}.btn-small{flex:none;width:32px;height:26px;padding:0;font-size:12px}.mix-fader-row{justify-content:center;align-items:flex-start;gap:6px;margin-top:auto;display:flex}.meter{background:linear-gradient(#e0524a 0% 16%,#d8b43a 16% 38%,#3fa36b 38% 100%);width:10px;position:relative}.meter-mask{background:#141517;position:absolute;top:0;left:0;right:0}.meter-grid{background:repeating-linear-gradient(#0000 0 4px,#141517 4px 6px);position:absolute;inset:0}.meter-pair{gap:3px;display:flex}.mix-master{box-sizing:border-box;background:#1f2124;border:1px solid #3a3d42;border-radius:6px;flex-direction:column;flex:0 560px;gap:18px;min-width:360px;padding:14px 18px 12px;display:flex}.bus-row{justify-content:space-around;gap:20px;display:flex}.solo-led{letter-spacing:.16em;text-transform:uppercase;color:#a9adb3;background:#2a2d31;border:1px solid #464a50;border-radius:4px;align-self:flex-start;align-items:center;gap:10px;height:36px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.solo-led-dot{background:#4a4018;border-radius:50%;width:12px;height:12px}.solo-led.on{color:#e8e4da}.solo-led.on .solo-led-dot{background:#dcb43c;box-shadow:0 0 10px #dcb43c}.patch-picker{flex-direction:column;gap:4px;margin-left:auto;margin-right:24px;display:flex}.patch-picker .fader-label{text-align:left}.patch-picker-row{gap:4px;display:flex}.patch-select{color:#e8e4da;background:#2a2d31;border:1px solid #464a50;border-radius:4px;min-width:220px;height:34px;padding:0 8px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px}.patch-step{flex:none;width:34px;height:34px;padding:0;font-size:20px}.midi-strip{background:#24272a;border:1px solid #3a3d42;border-radius:8px;flex-wrap:wrap;align-items:flex-start;gap:28px;margin-bottom:16px;padding:14px 20px;font-family:Barlow Condensed,system-ui,sans-serif;display:flex}.midi-block{flex-direction:column;gap:6px;display:flex}.midi-block .fader-label,.transport .fader-label{text-align:left}.midi-device{align-items:center;min-height:34px;display:flex}.midi-message{color:#c9ccd1;max-width:260px;font-size:14px}.midi-connect{color:#16171a;background:#4a9be0;border-color:#4a9be0;flex:none;height:34px;padding:0 16px}.midi-bpm{color:#e8e4da;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:30px;line-height:1}.midi-badges{gap:6px;display:flex}.badge{letter-spacing:.12em;text-transform:uppercase;color:#a9adb3;border:1px solid #464a50;border-radius:3px;padding:3px 8px;font-size:12px;font-weight:600}.badge.on{color:#16171a;background:#4fb286;border-color:#4fb286}.midi-leds{align-items:center;gap:14px;height:34px;display:flex}.led-item{letter-spacing:.1em;text-transform:uppercase;color:#a9adb3;align-items:center;gap:6px;font-size:13px;display:flex}.led{background:#3a3d42;border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.led.on{background:#dcb43c;box-shadow:0 0 8px #dcb43c}.midi-monitor-block{flex:320px;min-width:300px}.midi-monitor-head{justify-content:space-between;align-items:center;display:flex}.midi-clear{width:48px;height:22px}.midi-log{white-space:pre;background:#1a1c1e;border:1px solid #3a3d42;border-radius:4px;flex-direction:column;justify-content:flex-end;height:90px;padding:4px 8px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:17px;display:flex;overflow:hidden}.midi-line-note{color:#dcb43c}.midi-line-cc{color:#4a9be0}.midi-line-clock{color:#4fb286}.transport{align-items:flex-start;gap:20px;margin-left:auto;margin-right:8px;display:flex}.transport>div{flex-direction:column;gap:4px;display:flex}.transport-bpm{color:#e8e4da;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:26px;line-height:1}.transport-bpm.locked{color:#4fb286}.transport-tempo-buttons,.transport-seg{gap:4px;display:flex}.transport .btn-small{width:auto;min-width:32px;height:26px;padding:0 8px}.transport .btn:disabled{opacity:.4;cursor:default}.transport-channel-select{min-width:84px;height:28px}.transport-pos-row{align-items:center;gap:8px;display:flex}.transport-position{color:#e8e4da;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:15px}.beat-dots{gap:6px;display:flex}.beat-dot{background:#3a3d42;border-radius:50%;width:8px;height:8px}.beat-dot.on{background:#d9628a;box-shadow:0 0 6px #d9628a}.transport .led.on{background:#d9628a;box-shadow:0 0 8px #d9628a}.synth-header{flex-wrap:wrap}.patch-picker{margin-left:0}.drum-panel{border-top-color:#4a9be0}.drum-outputs-note{letter-spacing:.2em;color:#a9adb3;text-transform:uppercase;font-size:13px}.drum-voices{flex-wrap:wrap;gap:12px;display:flex}.drum-voice{flex:200px;gap:12px;min-width:200px;padding:14px}.drum-voice .synth-section-head h2{letter-spacing:.14em;white-space:nowrap}.drum-faders{justify-content:space-between;gap:2px;display:flex}.drum-faders .fader{flex:1 1 0;gap:6px;width:auto;min-width:0;max-width:none}.drum-faders .fader-label{letter-spacing:.1em;height:14px;font-size:11px}.drum-faders .fader-value{height:12px;font-size:10px}.drum-pad{border:1px solid var(--voice);cursor:pointer;touch-action:manipulation;background:#2a2d31;border-radius:4px;height:56px;padding:0;position:relative}.drum-pad.hit{background:var(--voice);opacity:var(--hit,1)}.drum-pad:focus-visible{outline-offset:2px;outline:2px solid #f1eee6}.drum-pad-key{color:#a9adb3;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;position:absolute;top:6px;left:8px}.drum-pad.hit .drum-pad-key{color:#16171a}.drum-ms{gap:6px;display:flex}.drum-choke{letter-spacing:.14em;flex:none;height:24px;padding:0 8px;font-size:11px}.drum-out{border-top:1px solid #3a3d42;align-items:center;gap:8px;padding-top:10px;display:flex}.drum-jack{box-sizing:border-box;background:#0c0d0e;border:3px solid #5b5f66;border-radius:50%;flex:none;width:18px;height:18px}.drum-out-label{letter-spacing:.16em;color:#c9ccd1;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:600}.drum-meter{flex:1;justify-content:flex-end;gap:2px;display:flex}.drum-seg{background:#0c0d0e;border-radius:1px;width:6px;height:14px}.drum-voice .synth-section-head{min-height:24px}.drum-transport{background:#1f2124;border:1px solid #3a3d42;border-radius:6px;flex-wrap:wrap;align-items:center;gap:28px;padding:12px 16px;display:flex}.drum-transport .transport{margin:0}.drum-run{gap:8px;display:flex}.drum-run .btn{letter-spacing:.16em;flex:none;width:92px;height:44px;font-size:16px}.drum-run .btn:disabled{opacity:.4;cursor:default}.drum-run .drum-play[aria-pressed=true]{color:#16171a}.drum-patterns{flex-direction:column;gap:6px;display:flex}.drum-patterns .fader-label{text-align:left;height:auto}.drum-pattern{width:44px;min-width:44px;height:30px}.drum-seq{gap:8px}.drum-seq-sub,.drum-seq-hint{letter-spacing:.16em;color:#a9adb3;text-transform:uppercase;font-size:12px}.drum-seq-hint{margin-left:auto}.drum-seq-row{align-items:center;gap:12px;display:flex}.drum-seq-label{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;flex:none;align-items:center;gap:8px;width:124px;font-size:14px;font-weight:600;display:flex}.drum-seq-dot{border-radius:2px;flex:none;width:10px;height:10px}.drum-seq-grid{flex:1;grid-template-columns:repeat(16,minmax(0,1fr));gap:6px;display:grid}.drum-seq-num{text-align:center;color:#a9adb3;border-bottom:2px solid #0000;padding-bottom:3px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.drum-seq-num.playhead{color:#f1eee6;border-bottom-color:#4a9be0}.drum-step{cursor:pointer;background:#2f3237;border:1px solid #3a3d42;border-radius:3px;min-height:38px;padding:0;position:relative;overflow:hidden}.drum-step[data-group="1"]{background:#262a2e}.drum-step.on{border-color:var(--voice)}.drum-step.playhead{border-color:#f1eee6}.drum-step:focus-visible{outline-offset:1px;outline:2px solid #f1eee6}.drum-step-fill{background:var(--voice);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.midi-block button.start{min-width:132px;height:36px;font-size:15px}.keybed{box-sizing:border-box;background:#00000024;border-top:1px solid #3a3d42;border-radius:0 0 8px 8px;height:224px;margin:4px -28px -28px;padding:0 28px;font-family:Barlow Condensed,system-ui,sans-serif;display:flex}.keybed-cheek{box-sizing:border-box;border-right:1px solid #3a3d42;flex-direction:column;flex:none;justify-content:space-between;width:254px;padding:16px 20px;display:flex}.keybed-wheels{justify-content:space-between;gap:14px;display:flex}.keybed-octave{justify-content:center;align-items:center;gap:10px;display:flex}.keybed-octave .btn{flex:none;width:30px;height:26px;padding:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:14px}.keybed-octave .btn:disabled{opacity:.4;cursor:default}.keybed-octave-text{color:#e8e4da;text-align:center;width:46px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.keybed-keys{box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#0c0d0e;border-radius:3px;flex:1 1 0;min-width:0;margin:16px 0 16px 20px;padding-top:4px;position:relative}.keybed-whites{height:100%;display:flex}.key-white{color:#4a4c52;cursor:pointer;touch-action:none;background:linear-gradient(#d9d5c8 0%,#ece8dc 14%,#f4f1e8 100%);border:0;border-right:1px solid #8a8d93;border-radius:0 0 4px 4px;flex:1 1 0;justify-content:center;align-items:flex-end;min-width:0;height:100%;margin:0;padding:0 0 8px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;font-weight:500;display:flex}.key-black{color:#c9ccd1;cursor:pointer;touch-action:none;background:linear-gradient(#2c2e32 0%,#0e0f10 100%);border:1px solid #000;border-top:0;border-radius:0 0 3px 3px;justify-content:center;align-items:flex-end;height:60%;margin:0;padding:0 0 6px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;font-weight:500;display:flex;position:absolute;top:4px;box-shadow:0 3px 4px #0009}.key-white.on,.key-black.on{color:#16171a;background:#e8742c}.key-white:focus-visible,.key-black:focus-visible{outline-offset:-2px;outline:2px solid #f1eee6}.wheel{flex-direction:column;align-items:center;gap:8px;display:flex}.wheel-label{letter-spacing:.18em;text-transform:uppercase;color:#a9adb3;height:16px;font-size:12px;font-weight:600}.wheel-body{gap:6px;height:112px;display:flex}.wheel-scale{color:#a9adb3;flex-direction:column;justify-content:space-between;align-items:flex-end;width:22px;height:112px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;line-height:14px;display:flex}.wheel-face{--rib:0px;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#0c0d0e;border:1px solid #3a3d42;border-radius:6px;width:56px;height:112px;margin:0;padding:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 8px #000}.wheel-face:focus-visible{outline-offset:2px;outline:2px solid #f1eee6}.wheel-ribs{background:linear-gradient(#000000d9 0%,#0000 26%,#ffffff24 50%,#0000 74%,#000000d9 100%),repeating-linear-gradient(#51545a 0 2px,#26282b 2px 8px);background-position:0 0, 0 var(--rib);border-radius:3px;position:absolute;inset:0 6px;box-shadow:0 0 0 1px #0c0d0e,2px 0 4px #0009,-2px 0 4px #0009}.wheel-detent{background:#e8e4da;width:5px;height:2px;position:absolute;top:55px}.wheel-detent-left{left:0}.wheel-detent-right{right:0}.wheel-markers{width:10px;height:112px;position:relative}.wheel-marker{border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:8px solid #e8742c;width:0;height:0;position:absolute;left:0}.wheel-readout{color:#e8e4da;white-space:nowrap;height:16px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px}.poly-panel{background:linear-gradient(#2b2e32 0%,#24272a 100%);border-top:6px solid #3a8fd6;border-radius:8px;flex-direction:column;gap:12px;margin-bottom:16px;padding:22px 28px 28px;font-family:Barlow Condensed,system-ui,sans-serif;display:flex}.poly-panel .key-white.on,.poly-panel .key-black.on{background:#3a8fd6}.poly-panel .wheel-marker{border-right-color:#3a8fd6}.poly-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.poly-row{flex-wrap:wrap;gap:12px;display:flex}.poly-section{box-sizing:border-box;background:#1f2124;border:1px solid #3a3d42;border-radius:6px;flex-direction:column;gap:10px;min-width:260px;padding:12px 16px 14px;display:flex}.poly-section-head{border-bottom:1px solid #3a3d42;align-items:center;gap:10px;padding-bottom:8px;display:flex}.poly-section-head h2{letter-spacing:.22em;text-transform:uppercase;color:#e8e4da;margin:0;font-size:15px;font-weight:600}.poly-bar{border-radius:2px;flex:none;width:28px;height:5px}.poly-section-body{flex:1;align-items:center;gap:10px;min-height:0;display:flex}.dial{flex-direction:column;flex:84px;align-items:center;gap:3px;min-width:76px;display:flex}.dial-face{touch-action:none;cursor:ns-resize;border-radius:50%;width:72px;height:72px;position:relative}.dial-face:focus-visible{outline-offset:2px;outline:2px solid #e8e4da}.dial-face svg{display:block}.dial-label{letter-spacing:.14em;text-transform:uppercase;color:#a9adb3;white-space:nowrap;height:16px;font-size:12px;font-weight:600}.dial-value{color:#e8e4da;white-space:nowrap;height:16px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.poly-selector{flex:none;align-items:center;gap:10px;display:flex}.poly-step-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.poly-mini-label{letter-spacing:.14em;text-transform:uppercase;color:#a9adb3;font-size:12px;font-weight:600}.poly-key{color:#1b1c1e;cursor:pointer;background:#d8dbe0;border:1px solid #8a8e94;border-radius:5px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:16px;font-weight:500;display:flex}.poly-key:focus-visible,.poly-option:focus-visible,.poly-sync:focus-visible{outline-offset:2px;outline:2px solid #e8e4da}.poly-options{flex-direction:column;gap:3px;display:flex}.poly-option{width:var(--ow,88px);color:#a9adb3;letter-spacing:.08em;cursor:pointer;box-sizing:border-box;background:#25282c;border:1px solid #3a3d42;border-radius:3px;align-items:center;gap:6px;height:22px;padding:0 6px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.poly-option[aria-pressed=true],.poly-sync[aria-pressed=true]{color:#f1eee6;border-color:var(--accent,#3a8fd6);background:#2f3338}.poly-led{background:#3a3d42;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.poly-led.on,[aria-pressed=true]>.poly-led{background:var(--accent,#3a8fd6);box-shadow:0 0 8px var(--accent,#3a8fd6)}.poly-led-big{width:12px;height:12px}.poly-led-big.on{box-shadow:0 0 10px #3a8fd6}.poly-sync{color:#a9adb3;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#25282c;border:1px solid #3a3d42;border-radius:4px;flex:none;align-items:center;gap:8px;height:32px;padding:0 12px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.poly-display{background:#050607;border:1px solid #3a3d42;border-radius:3px;flex:none;width:188px;overflow:hidden}.poly-display-title{color:#0c0d0e;text-align:center;letter-spacing:.24em;background:#e8e4da;height:18px;font-size:13px;font-weight:700;line-height:18px}.poly-display svg{display:block}.poly-display-text{color:#e8e4da;white-space:pre;text-align:center;height:18px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;line-height:14px}.poly-voices{flex-direction:column;flex:none;align-items:center;gap:10px;padding:0 6px;display:flex}.poly-voice-leds{gap:9px;display:flex}.poly-patch{box-sizing:border-box;background:#1f2124;border:1px solid #3a3d42;border-radius:6px;flex-wrap:wrap;align-items:center;gap:22px;min-height:84px;padding:10px 16px;display:flex}.poly-patch .poly-section-head{border-bottom:0;padding-bottom:0}.poly-patch-display{box-sizing:border-box;background:#050607;border:1px solid #3a3d42;border-radius:3px;flex:none;justify-content:space-between;align-items:center;width:260px;height:52px;padding:0 12px;display:flex}.poly-patch-name{color:#8cc6f2;white-space:nowrap;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:20px}.poly-patch-tag{color:#a9adb3;white-space:nowrap;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.poly-bank-keys,.poly-preset-keys{flex:none;gap:6px;display:flex}.poly-preset-keys{gap:8px}.poly-preset{flex-direction:column;align-items:center;gap:5px;display:flex}.poly-key-number[aria-pressed=true]{background:#3a8fd6;border-color:#3a8fd6}.poly-save{letter-spacing:.16em;text-transform:uppercase;width:auto;padding:0 18px;font-family:inherit;font-size:15px;font-weight:700}.poly-spacer{flex:1}.poly-midi{letter-spacing:.2em;color:#a9adb3;text-transform:uppercase;flex:none;align-items:center;gap:10px;font-size:13px;display:flex}.mix-strip-return{border-left:2px solid #a98ae0;margin-left:6px}.mix-strip-line{border-left:2px solid #4fb286;margin-left:6px}.fx-panel{background:linear-gradient(#2b2e32 0%,#24272a 100%);border-top:6px solid #a98ae0;border-radius:8px;flex-direction:column;gap:12px;margin-bottom:16px;padding:18px 28px 24px;font-family:Barlow Condensed,system-ui,sans-serif;display:flex}.fx-header{align-items:baseline;gap:16px;display:flex}.fx-card{flex:1 1 0}.fx-card:last-child{flex:2 1 0}.fx-card-sub{letter-spacing:.16em;color:#a9adb3;text-transform:uppercase;margin-left:auto;font-size:12px}.ouro-wrap{background:#111214;border-radius:8px;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.ouro-panel{--accent:#c45bd6;box-sizing:border-box;color:#e8e4da;transform-origin:0 0;background:#111214;border-top:6px solid #c45bd6;width:1440px;height:760px;font-family:Barlow Condensed,system-ui,sans-serif;position:absolute;top:0;left:0;overflow:hidden}.ouro-panel .poly-option{background:#151618;border-color:#4a4e54}.ouro-panel .poly-option[aria-pressed=true]{background:#2a2c30}.ouro-abs{position:absolute}.ouro-knob{z-index:1;background:#111214;flex-direction:column;align-items:center;gap:2px;padding-bottom:2px;display:flex;position:absolute}.ouro-knob-face{touch-action:none;cursor:ns-resize;border-radius:50%;position:relative}.ouro-knob-face:focus-visible,.ouro-fader-face:focus-visible{outline-offset:2px;outline:2px solid #e8e4da}.ouro-knob-face svg{display:block}.ouro-label{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#cfcac0;height:14px;font-size:12px;font-weight:600;line-height:14px}.ouro-value{color:#e8e4da;white-space:nowrap;height:14px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:14px}.ouro-fader{z-index:1;background:#111214;flex-direction:column;align-items:center;gap:4px;width:56px;display:flex;position:absolute}.ouro-fader-face{touch-action:none;cursor:ns-resize;width:56px;position:relative}.ouro-toggle{z-index:1;background:#111214;flex-direction:column;align-items:center;gap:2px;width:60px;display:flex;position:absolute}.ouro-toggle button{cursor:pointer;background:0 0;border:0;width:40px;height:44px;padding:0;display:block}.ouro-toggle button:focus-visible{outline-offset:2px;outline:2px solid #e8e4da}.ouro-toggle-text{letter-spacing:.14em;height:14px;font-size:12px;font-weight:600;line-height:14px}.ouro-selector{z-index:1;background:#111214;position:absolute}.ouro-key{color:#1b1c1e;cursor:pointer;text-transform:uppercase;background:#d8dbe0;border:1px solid #8a8e94;border-radius:5px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0;font-family:inherit;font-weight:700;display:flex}.ouro-key:focus-visible{outline-offset:2px;outline:2px solid #e8e4da}.ouro-led{background:#8a8e94;border-radius:50%;width:8px;height:8px}.ouro-display{z-index:1;background:#050607;border:1px solid #3a3d42;border-radius:3px;position:absolute;overflow:hidden}.ouro-display-title{color:#0c0d0e;text-align:center;letter-spacing:.24em;background:#e8e4da;height:18px;font-size:13px;font-weight:700;line-height:18px}.ouro-display-text{color:#e8e4da;white-space:pre;text-align:center;height:18px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;line-height:14px}.ouro-display svg{display:block}.ouro-meter{flex-direction:column;gap:4px;display:flex;position:absolute}.ouro-meter-row{gap:3px;display:flex}.ouro-seg{background:#2c3036;width:14px;height:6px}.ouro-patch{box-sizing:border-box;border:1px solid #cfcac08c;border-radius:12px;align-items:center;gap:20px;width:1368px;height:62px;padding:0 18px;display:flex;position:absolute;top:688px;left:36px}.ouro-patch h2{letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:15px;font-weight:600}.ouro-patch-display{box-sizing:border-box;background:#050607;border:1px solid #3a3d42;border-radius:3px;flex:none;justify-content:space-between;align-items:center;width:280px;height:44px;padding:0 12px;display:flex}.ouro-preset{width:44px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:16px;font-weight:500}.bus-route{flex-direction:column;align-items:stretch;gap:4px;margin-top:8px;display:flex}.bus-tag{letter-spacing:.14em;text-transform:uppercase;color:#0000;text-align:center;white-space:nowrap;min-height:14px;font-size:11px}.bus-tag.on{color:#c45bd6}.poly-option span{white-space:nowrap}.gr-panel{--ink:#2b130e;color:var(--ink);background:linear-gradient(#f2917b 0%,#e9765f 100%);border-radius:18px;flex-direction:column;gap:18px;margin-bottom:16px;padding:28px 40px 32px;font-family:Barlow Condensed,system-ui,sans-serif;display:flex;box-shadow:inset 0 2px #ffffff73,inset 0 -3px #0000002e}.gr-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.gr-title-row{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.gr-title{letter-spacing:.02em;font-size:48px;font-weight:700;line-height:.9}.gr-sub{letter-spacing:.32em;text-transform:uppercase;font-size:16px;font-weight:600}.gr-route{letter-spacing:.2em;text-transform:uppercase;font-size:14px;font-weight:600}.gr-rule{background:#2b130e59;align-items:center;gap:14px;height:2px;display:flex}.gr-rule:has(span){background:0 0;height:auto}.gr-rule:has(span):after{content:"";background:#2b130e59;flex:1;height:2px}.gr-rule span{letter-spacing:.3em;text-transform:uppercase;font-size:14px;font-weight:600}.gr-main{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 16px;display:grid}.gr-texture{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 16px;display:grid}.gr-panel .dial{flex:none;min-width:0;position:relative}.gr-panel .dial-face:focus-visible{outline-color:var(--ink)}.gr-panel .dial-label{color:var(--ink);letter-spacing:.03em;height:auto;margin-top:4px;font-size:20px;font-weight:700}.gr-panel .dial-value{color:var(--ink);height:auto;font-size:13px}.gr-led{border-radius:50%;width:12px;height:12px;position:absolute;top:2px;right:calc(50% - 56px);box-shadow:inset 0 0 0 2px #ffffff73}.gr-texture .gr-led{width:10px;height:10px;right:calc(50% - 44px)}.gr-bottom{align-items:stretch;gap:24px;display:flex}.gr-freeze-wrap,.gr-side{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:10px;display:flex}.gr-freeze{cursor:pointer;background:linear-gradient(#d83a3a 0%,#a01f24 100%);border:none;border-radius:14px;justify-content:center;align-items:center;width:104px;height:104px;padding:0;display:flex;box-shadow:0 7px #5b0f12,0 12px 14px #3c0a0a80,inset 0 2px #fff6}.gr-freeze:active{transform:translateY(3px);box-shadow:0 4px #5b0f12,0 6px 8px #3c0a0a80,inset 0 2px #fff6}.gr-freeze:focus-visible,.gr-patch:focus-visible,.gr-save:focus-visible,.gr-encoder:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.gr-freeze-lamp{background:#6b1418;border-radius:10px;width:50px;height:20px;transition:background .1s,box-shadow .1s}.gr-freeze.gr-lit .gr-freeze-lamp{background:#ffd9d4;box-shadow:0 0 14px #ff9488}.gr-freeze-label,.gr-side-label{letter-spacing:.06em;text-transform:uppercase;font-size:20px;font-weight:700}.gr-freeze-label{font-style:italic}.gr-middle{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.gr-screen{box-shadow:inset 0 0 0 3px var(--ink), inset 0 0 24px #000000e6;color:#f1ebe0;background:#0b0b0c;border-radius:8px;flex-direction:column;gap:8px;padding:14px 18px;display:flex}.gr-screen-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.gr-screen-name{letter-spacing:.04em;text-transform:uppercase;font-size:28px;font-weight:600}.gr-screen-meta{color:#b9b2a6;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px}.gr-canvas{width:100%;height:96px;display:block}.gr-axis{color:#8f897e;justify-content:space-between;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;display:flex}.gr-patches{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;display:grid}.gr-patch{cursor:pointer;height:54px;color:var(--ink);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#f6efe6;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 4px;font-family:inherit;font-size:16px;font-weight:700;line-height:1;display:flex;overflow:hidden;box-shadow:0 5px #b9aea1,0 8px 10px #3c140a59,inset 0 2px #ffffff80}.gr-patch[aria-pressed=true]{background:var(--ink);color:#f9e4dc;box-shadow:0 5px #120806,0 8px 10px #3c140a59,inset 0 2px #ffffff26}.gr-patch-n{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;font-weight:500}.gr-encoder{touch-action:none;cursor:ns-resize;width:108px;height:108px;box-shadow:0 8px 12px #3c140a80, inset 0 -4px 6px #0009, 0 0 0 4px var(--ink);background:radial-gradient(circle at 35% 28%,#3c3c40 0%,#171719 70%);border-radius:50%;position:relative}.gr-encoder-mark{background:#f1ebe0;border-radius:3px;width:6px;height:20px;margin-left:-3px;position:absolute;top:9px;left:50%}.gr-save{cursor:pointer;background:var(--ink);color:#f9e4dc;letter-spacing:.14em;text-transform:uppercase;border:none;border-radius:8px;height:38px;padding:0 22px;font-family:inherit;font-size:16px;font-weight:700;box-shadow:0 4px #120806}@media (width<=820px){.gr-main,.gr-texture,.gr-space,.gr-play{grid-template-columns:repeat(3,minmax(0,1fr))}.gr-bottom{flex-wrap:wrap;justify-content:center}.gr-middle{flex-basis:100%;order:-1}.gr-patches{grid-template-columns:repeat(4,minmax(0,1fr))}}.gr-space{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:12px 16px;display:grid}.gr-space .gr-led{width:10px;height:10px;right:calc(50% - 44px)}.gr-tail{flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;padding-top:14px;display:flex}.gr-tail-row{gap:6px;display:flex}.gr-tail-btn{cursor:pointer;width:36px;height:36px;color:var(--ink);background:#f6efe6;border:none;border-radius:8px;font-family:inherit;font-size:17px;font-weight:700;box-shadow:0 4px #b9aea1,inset 0 2px #ffffff80}.gr-tail-btn[aria-pressed=true]{background:var(--ink);color:#f9e4dc;box-shadow:0 4px #120806}.gr-tail-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.gr-tail .dial-label{color:var(--ink);letter-spacing:.03em;height:auto;margin-top:10px;font-size:20px;font-weight:700}.gr-play{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:12px 16px;display:grid}.gr-play .gr-led{width:10px;height:10px;right:calc(50% - 44px)}.gr-keys{flex-direction:column;align-items:center;gap:8px;padding-top:10px;display:flex}.gr-keys-btn{width:auto;min-width:84px;padding:0 16px}.gr-channel{min-width:84px;height:30px;color:var(--ink);border:2px solid var(--ink);background:#f6efe6;border-radius:6px;padding:0 6px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px}.gr-keys .dial-label{color:var(--ink);letter-spacing:.03em;height:auto;font-size:20px;font-weight:700}.gr-panel .keybed{border-top:2px solid var(--ink);background:#1d1918;border-radius:0 0 18px 18px;margin:4px -40px -32px;padding:0 40px}.midi-bus{align-items:center;gap:8px;display:flex}.mix-input{align-items:center;gap:6px;width:100%;display:flex}.mix-input-select{flex:1;min-width:0;height:26px;padding:0 4px;font-size:11px}.input-led-live{background:#4fb286;box-shadow:0 0 8px #4fb286}.input-led-internal,.input-led-connecting{background:#6b7077}.input-led-missing{background:#e8a23c;box-shadow:0 0 8px #e8a23c}.bus-monitor{align-items:center;gap:6px;display:flex}.bus-monitor .btn[aria-pressed=true]{color:#101214;background:#4a9be0}.bus-listening{color:#a9adb3;font-size:13px}.pipe-nav{letter-spacing:.16em;text-transform:uppercase;gap:18px;margin:0 0 12px;font-family:Barlow Condensed,system-ui,sans-serif;font-size:15px;display:flex}.pipe-nav a{color:#a9adb3;text-decoration:none}.pipe-nav a:hover,.pipe-nav a:focus-visible{color:#e8e4da}.embed .pipe-nav,.embed .midi-strip{display:none}.embed #app{padding-top:10px}.bass-wrap{margin-bottom:16px}.bass-wrap .keybed{border-radius:0 0 8px 8px;margin:0}.bass-panel{border-top-color:#ffd25e;border-radius:8px 8px 0 0}.bass-facts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.bass-fact{background:#1f2124;border:1px solid #3a3d42;border-radius:6px;padding:10px 12px}.bass-fact-label{letter-spacing:.16em;text-transform:uppercase;color:#a9adb3;font-family:Barlow Condensed,system-ui,sans-serif;font-size:12px}.bass-fact-value{color:#f1eee6;white-space:nowrap;margin-top:4px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:15px}.bass-fact-value.bass-off{color:#ffb27a}.bass-board{flex-direction:column;gap:6px;display:flex}.bass-canvas{cursor:crosshair;touch-action:none;background:#16171a;border-radius:6px;width:100%;height:230px}.bass-hint{letter-spacing:.12em;color:#7f848b;text-transform:uppercase;font-family:Barlow Condensed,system-ui,sans-serif;font-size:13px}.bass-action{letter-spacing:.14em;flex:none;align-self:flex-end;min-width:64px;height:40px;font-size:14px}.bass-table-wrap{overflow-x:auto}.bass-table{border-collapse:collapse;color:#f1eee6;width:100%;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px}.bass-table th{text-align:left;letter-spacing:.14em;text-transform:uppercase;color:#a9adb3;white-space:nowrap;border-bottom:1px solid #3a3d42;padding:4px 8px;font-family:Barlow Condensed,system-ui,sans-serif;font-size:12px;font-weight:600}.bass-table td{white-space:nowrap;border-bottom:1px solid #26292d;padding:4px 8px}.bass-table td:first-child{color:#ffd25e;font-family:Barlow Condensed,system-ui,sans-serif;font-size:16px;font-weight:700}.bass-table td.bass-off{color:#ffb27a}.guitar-panel{border-top-color:#e8742c}.guitar-panel .bass-canvas{height:270px}.guitar-panel .bass-table td:first-child{color:#e8742c}.guitar-panel .switch:has([aria-label=Pickups]){width:118px}