: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}body:has(.uni-page){color:#4a3560;background:linear-gradient(#fdf1ff,#e8f6ff 60%,#fff6e6);margin:0;padding:0}.uni-page,.uni-page *{touch-action:manipulation}html:has(.uni-page){touch-action:manipulation}body:has(.uni-page){touch-action:manipulation}.uni-page{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body:has(.uni-page) #app{max-width:none;margin:0;padding:0}.uni-page{max-width:1100px;margin:0 auto;padding:14px 16px 28px;font-family:Fredoka,"Baloo 2",system-ui,sans-serif}.uni-page button{font-family:inherit}.uni-top{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.uni-title{letter-spacing:.02em;text-shadow:0 3px #fff,0 5px 10px #7850a040;margin:0;font-size:clamp(30px,6vw,52px);font-weight:700}.uni-hint{color:#b05c9a;font-size:20px;font-weight:600;animation:1.2s ease-in-out infinite uni-wave}.uni-page.on .uni-hint{display:none}.uni-power{cursor:pointer;background:#f3d6e8;border:4px solid #fff;border-radius:30px;flex:none;width:132px;height:60px;padding:0;position:relative;box-shadow:0 4px #d9b7d0,0 6px 14px #7850a040}.uni-power-off,.uni-power-on{color:#fff;font-size:17px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.uni-power-off{color:#a07a96;right:16px}.uni-power-on{opacity:0;left:16px}.uni-power-knob{color:#d9b7d0;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:24px;transition:left .22s cubic-bezier(.5,1.6,.5,1),color .22s;display:grid;position:absolute;top:4px;left:4px;box-shadow:0 2px 4px #0003}.uni-page.on .uni-power{background:linear-gradient(90deg,#ff5f8f,#ff9a3d,#ffd23d,#5fd17a,#4ab8ff,#9a7bff);box-shadow:0 4px #c08ad6,0 6px 18px #ff8cc880}.uni-page.on .uni-power-knob{color:#ffc93d;left:80px}.uni-page.on .uni-power-on{opacity:1}.uni-page.on .uni-power-off{opacity:0}.uni-page:not(.on) .uni-power{animation:1.4s ease-in-out infinite uni-glow}.uni-wake{z-index:3;color:#fff;text-shadow:0 2px #0003;cursor:pointer;background:linear-gradient(90deg,#ff5f8f,#ff9a3d,#ffd23d,#5fd17a,#4ab8ff,#9a7bff);border:5px solid #fff;border-radius:999px;align-items:center;gap:12px;padding:16px 28px 16px 20px;font-size:clamp(22px,4vw,34px);font-weight:700;animation:1.6s ease-in-out infinite uni-breathe;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #7850a066}.uni-wake-face{font-size:1.4em}.uni-wake-hand{text-shadow:none;font-size:1.5em;animation:1.2s ease-in-out infinite uni-tap;position:absolute;bottom:-34px;right:-18px}.uni-page.on .uni-wake{display:none}.uni-page:not(.on) .uni-keys{filter:saturate(.5)brightness(.97)}.uni-power:focus-visible,.uni-btn:focus-visible{outline-offset:3px;outline:4px solid #4ab8ff}.uni-stage{background:linear-gradient(#bfe6ff,#e6f5ff 55%,#ffe6f4);border:5px solid #fff;border-radius:30px;position:relative;overflow:hidden;box-shadow:0 8px 24px #7850a033}.uni-scene{height:330px;position:relative}.uni-rainbow{opacity:.5;background:radial-gradient(circle,#0000 52%,#9a7bff 52% 54.5%,#4ab8ff 54.5% 57%,#5fd17a 57% 59.5%,#ffd23d 59.5% 62%,#ff9a3d 62% 64.5%,#ff5f8f 64.5% 67%,#0000 67%);border-radius:50%;width:760px;height:760px;position:absolute;bottom:-230px;left:50%;transform:translate(-50%)}.uni-cloud{opacity:.9;background:#fff;border-radius:20px;width:90px;height:30px;animation:40s linear infinite uni-drift;position:absolute;box-shadow:30px -14px 0 6px #fff,58px 0 #fff}.uni-cloud.c1{top:28px;left:-120px}.uni-cloud.c2{animation-duration:55s;animation-delay:-20s;top:80px;left:-260px;transform:scale(.7)}.uni-cloud.c3{animation-duration:70s;animation-delay:-45s;top:46px;left:-200px;transform:scale(1.2)}.uni-zzz{color:#8a7bb0;font-size:30px;font-weight:700;animation:2.6s ease-in-out infinite uni-zzz;position:absolute;top:40px;left:calc(50% + 120px)}.uni-page.on .uni-zzz{display:none}.uni-jumper{filter:saturate(.35);width:min(430px,88%);transition:filter .4s,transform .4s;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)translateY(26px)rotate(6deg)}.uni-svg{width:100%;height:auto;display:block;overflow:visible}.uni-eye-open{display:none}.uni-page.on .uni-eye-open{display:inline}.uni-page.on .uni-eye-shut{display:none}.uni-page.on .uni-jumper{filter:none;animation:2.4s ease-in-out infinite uni-float;transform:translate(-50%)}.uni-page.on .uni-horn{filter:drop-shadow(0 0 calc(var(--glow,.5) * 16px) #fff6a8) drop-shadow(0 0 calc(var(--sparkle,0) * 10px) #ff9ad5)}.uni-page.on .uni-jumper.hop{animation:.34s cubic-bezier(.3,1.4,.5,1) uni-hop}.uni-page.on .uni-jumper.bounce{animation:.2s ease-out uni-bounce}.uni-page.on .uni-jumper.hooray{animation:1s cubic-bezier(.3,1.3,.5,1) uni-hooray}.uni-sparkles{pointer-events:none;position:absolute;inset:0}.uni-spark{text-shadow:0 0 6px #fff;font-size:24px;animation:1.1s ease-out forwards uni-fly;position:absolute}.uni-spark.big{font-size:34px}.uni-keys{touch-action:none;-webkit-user-select:none;user-select:none;height:180px;margin:0 14px 14px;position:relative}.uni-key{box-sizing:border-box;cursor:pointer;transition:transform 60ms,filter 60ms;position:absolute;top:0}.uni-key.white{border:4px solid #fff;border-radius:0 0 16px 16px;bottom:0;box-shadow:inset 0 -10px #00000014,0 4px #7850a040}.uni-key.black{z-index:2;background:linear-gradient(#6a3f8f,#3f2257);border:3px solid #fff;border-radius:0 0 12px 12px;height:60%;box-shadow:0 3px #00000040}.uni-key-name{text-align:center;color:#fff;text-shadow:0 2px #00000026;pointer-events:none;font-size:20px;font-weight:700;position:absolute;bottom:12px;left:0;right:0}.uni-key.down{filter:brightness(1.18);transform:translateY(5px)}.uni-key.black.down{background:linear-gradient(#9a6fc0,#6a3f8f)}.uni-key.next:after{content:"⭐";pointer-events:none;font-size:26px;animation:.9s ease-in-out infinite uni-pulse;position:absolute;top:18%;left:50%;transform:translate(-50%)}.uni-key.black.next:after{font-size:20px;top:40%}.uni-controls{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-top:16px;display:grid}.uni-group{background:#fff;border:4px solid #f1e6ff;border-radius:26px;flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex;box-shadow:0 4px 12px #7850a01f}.uni-group-label{color:#8a5bb5;font-size:22px;font-weight:700}.uni-buttons{flex-wrap:wrap;gap:8px;display:flex}.uni-btn{color:#5a3f78;cursor:pointer;background:#fff9fd;border:3px solid #f1e6ff;border-radius:20px;flex-direction:column;align-items:center;gap:2px;min-width:76px;padding:8px 8px 6px;transition:transform .12s;display:flex;box-shadow:0 3px #eadcf7}.uni-btn:active{transform:translateY(2px)}.uni-btn-icon{font-size:30px;line-height:1.1}.uni-btn-label{font-size:14px;font-weight:600}.uni-btn[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,#ff8fc4,#b38bff);border-color:#fff;transform:scale(1.06);box-shadow:0 4px 10px #b464dc66}.uni-group-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.uni-listen{border-radius:999px;flex-direction:row;gap:6px;min-width:0;padding:4px 14px 4px 10px}.uni-listen .uni-btn-icon{font-size:20px}.uni-listen .uni-btn-label{font-size:14px}.uni-slider{grid-template-rows:auto auto;grid-template-columns:40px 1fr;align-items:center;column-gap:8px;display:grid}.uni-slider-icon{text-align:center;grid-row:1/3;font-size:30px}.uni-slider-label{color:#8a5bb5;font-size:15px;font-weight:600}.uni-slider input{appearance:none;background:linear-gradient(90deg,#ff5f8f,#ff9a3d,#ffd23d,#5fd17a,#4ab8ff,#9a7bff);border-radius:10px;outline:none;width:100%;height:20px;margin:6px 0}.uni-slider input::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:4px solid #c9a8ef;border-radius:50%;width:36px;height:36px;box-shadow:0 2px 6px #0003}.uni-slider input::-moz-range-thumb{cursor:pointer;background:#fff;border:4px solid #c9a8ef;border-radius:50%;width:30px;height:30px}.uni-small{color:#8a7a9a;font-size:15px}.uni-footer{color:#8a7a9a;text-align:right;max-width:340px;margin-left:auto;font-size:13px;line-height:1.3}.uni-footer a{color:#8a5bb5}.uni-midi{color:#8a5bb5;cursor:pointer;background:#fff;border:2px solid #e2d2f5;border-radius:14px;padding:4px 10px;font-size:13px;font-weight:600}.uni-midi[hidden]{display:none}.uni-midi-state{color:#8a5bb5;font-weight:600;display:block}.uni-midi-state:empty{display:none}@keyframes uni-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}@keyframes uni-hop{0%{transform:translate(-50%)translateY(0)rotate(0)}45%{transform:translate(-50%)translateY(-40px)rotate(-6deg)}to{transform:translate(-50%)translateY(0)rotate(0)}}@keyframes uni-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-8px)}}@keyframes uni-hooray{0%{transform:translate(-50%)translateY(0)rotate(0)}40%{transform:translate(-50%)translateY(-70px)rotate(-14deg)scale(1.08)}70%{transform:translate(-50%)translateY(-30px)rotate(10deg)}to{transform:translate(-50%)translateY(0)rotate(0)}}@keyframes uni-fly{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.2) rotate(120deg);opacity:0}}@keyframes uni-drift{0%{translate:0}to{translate:1500px}}@keyframes uni-zzz{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}@keyframes uni-pulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.35)}}@keyframes uni-wave{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}@keyframes uni-glow{0%,to{box-shadow:0 4px #d9b7d0,0 0 #ff78be99}50%{box-shadow:0 4px #d9b7d0,0 0 0 14px #ff78be00}}@keyframes uni-breathe{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.08)}}@keyframes uni-tap{0%,to{transform:translate(0)}50%{transform:translate(-10px,-12px)}}@keyframes uni-nudge{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)scale(1.08)}40%{transform:rotate(8deg)scale(1.08)}60%{transform:rotate(-5deg)}80%{transform:rotate(4deg)}}@media (width>=900px) and (height>=600px){.uni-page{box-sizing:border-box;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;padding:10px 16px 12px;display:grid}.uni-top{gap:12px;margin-bottom:8px}.uni-title{font-size:clamp(28px,4.5vh,44px)}.uni-power{width:112px;height:50px}.uni-power-knob{width:34px;height:34px;font-size:19px}.uni-page.on .uni-power-knob{left:70px}.uni-stage{flex-direction:column;min-height:0;display:flex}.uni-scene{flex:1;height:auto;min-height:0}.uni-rainbow{aspect-ratio:1;width:auto;height:230%;bottom:-70%}.uni-jumper{width:auto;max-width:92%;height:88%}.uni-svg{width:auto;max-width:100%;height:100%}.uni-keys{flex:none;height:clamp(110px,21vh,190px);margin:0 12px 12px}.uni-controls{grid-template-columns:1.25fr 1.1fr 1.1fr 1.2fr;gap:10px;margin-top:10px}.uni-group{border-width:3px;border-radius:20px;gap:6px;padding:8px 10px 10px}.uni-group-label{font-size:17px}.uni-buttons{gap:5px}.uni-sounds{grid-template-columns:repeat(5,1fr);display:grid}.uni-btn{border-width:2px;border-radius:14px;min-width:52px;padding:4px 4px 3px}.uni-btn-icon{font-size:clamp(18px,2.6vh,24px)}.uni-btn-label{white-space:nowrap;font-size:11px}.uni-btn[aria-pressed=true]{transform:none}.uni-slider{grid-template-columns:28px 1fr}.uni-slider-icon{font-size:20px}.uni-slider-label{font-size:12px}.uni-slider input{height:14px;margin:3px 0}.uni-slider input::-webkit-slider-thumb{border-width:3px;width:26px;height:26px}.uni-small{display:none}.uni-notes{flex-wrap:nowrap}.uni-notes .uni-btn{flex:1;min-width:0}.uni-notes .uni-btn-label{white-space:normal;text-align:center;font-size:10px;line-height:1.05}.uni-songs{grid-template-columns:repeat(3,1fr);display:grid}.uni-songs .uni-btn{min-width:0}.uni-songs .uni-btn-label{white-space:normal;text-align:center;font-size:10.5px;line-height:1.05}}@media (width<=640px){.uni-scene{height:230px}.uni-keys{height:150px;margin:0 8px 10px}.uni-key-name{font-size:16px}.uni-controls{grid-template-columns:1fr}.uni-btn{min-width:68px}}@media (prefers-reduced-motion:reduce){.uni-cloud,.uni-hint,.uni-zzz,.uni-page.on .uni-jumper,.uni-wake,.uni-wake-hand,.uni-power{animation:none!important}}