@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-vietnamese-400-normal-BNOj0Qhp.woff2)format("woff2"),url(/assets/space-mono-vietnamese-400-normal-B0PMp_xB.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-ext-400-normal-DTLbW2xa.woff2)format("woff2"),url(/assets/space-mono-latin-ext-400-normal-D4cJI_B-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2)format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--body:#dcdcd7;--body-hi:#ebebe6;--body-lo:#c9c9c3;--panel:#e4e4df;--panel-edge:#b9b9b2;--ink:#1b1b1a;--ink-2:#55554f;--ink-3:#8a8a83;--groove:#0000001f;--shine:#ffffffb3;--screen:#070707;--screen-edge:#2b2b2a;--lcd-ink:#f1f1ea;--lcd-dim:#6f6f68;--c-reed:#ff5b1f;--c-bore:#2c6cf0;--c-breath:#1fb06e;--c-play:#f4f4ef;--c-section:#ffb400;--c-fx:#9a9a93;--c-room:#e53a6b;--key-white:#e8e6e0;--key-white-lo:#bcb9b1;--key-black:#131313;--key-black-hi:#2d2d2c;--lit:#ff5b1f;--cap-light:#dddbd5;--cap-light-skirt:#b8b5ad;--cap-light-text:#3a3a37;--cap-dark:#2d2d2c;--cap-dark-skirt:#141414;--cap-dark-text:#e9e9e4;--cap-edge-light:#ffffffb3;--cap-edge-dark:#ffffff24;--well:#161616;--cast:1.5px 3px 5px #00000052;--knob-ink:#151515;--knob-base:#b4b4ae;--ink-brand:#45453f;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--radius:14px;--mono:"Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans:"Space Grotesk Variable", "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-finish=light]){--body:#2a2a29;--body-hi:#353533;--body-lo:#1f1f1e;--panel:#303030;--panel-edge:#171717;--ink:#ecece6;--ink-2:#b3b3ab;--ink-3:#7c7c75;--groove:#00000073;--shine:#ffffff0f;--key-white:#d9d9d3;--key-white-lo:#aeaea8;--key-black:#121212;--key-black-hi:#232323;--c-play:#d8d8d2;--knob-base:#4a4a47;--ink-brand:#c6c6be;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-finish=dark]{--body:#2a2a29;--body-hi:#353533;--body-lo:#1f1f1e;--panel:#303030;--panel-edge:#171717;--ink:#ecece6;--ink-2:#b3b3ab;--ink-3:#7c7c75;--groove:#00000073;--shine:#ffffff0f;--key-white:#d9d9d3;--key-white-lo:#aeaea8;--key-black:#121212;--key-black-hi:#232323;--c-play:#d8d8d2;--knob-base:#4a4a47;--ink-brand:#c6c6be;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 700px at 50% -10%,#8d8d86,#4b4b47 60%,#2f2f2d);min-height:100%;margin:0}@media (prefers-color-scheme:dark){:root:not([data-finish=light]) body{background:radial-gradient(1200px 700px at 50% -10%,#3a3a37,#161615 60%,#0d0d0c)}}button,select,input{font:inherit;color:inherit}button{cursor:pointer}#root{padding:28px 16px 40px}.device{background:linear-gradient(180deg, #ffffff0d, transparent 30%, transparent 75%, #0000000d), var(--body);max-width:1320px;box-shadow:0 1px 0 var(--shine) inset, 0 -2px 0 #0000002e inset, 0 30px 60px #00000073, 0 6px 14px #00000040;border-radius:14px;margin:0 auto;padding:18px 20px 20px;position:relative}.device:before{content:"";border-radius:inherit;pointer-events:none;opacity:.24;background-image:var(--grain);mix-blend-mode:multiply;position:absolute;inset:0}.screw{width:11px;height:11px;box-shadow:0 1px 1px #00000059 inset, 0 1px 0 var(--shine);background:radial-gradient(circle at 35% 30%,#fafafa,#9a9a94 60%,#6e6e69);border-radius:50%;position:absolute}.screw:after{content:"";height:1.5px;transform:rotate(var(--r,30deg));background:#00000073;position:absolute;top:5px;left:2px;right:2px}.screw.tl{top:9px;left:9px}.screw.tr{--r:-20deg;top:9px;right:9px}.screw.bl{--r:70deg;bottom:9px;left:9px}.screw.br{--r:10deg;bottom:9px;right:9px}.top{grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:4px 10px 14px;display:grid}.brand{align-items:last baseline;gap:12px;display:flex}.brand .model{letter-spacing:-.04em;font-size:30px;font-weight:700;line-height:1}.brand .model span{color:var(--c-reed)}.brand .sub{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-brand);opacity:.8;font-size:10.5px;font-weight:300;line-height:1.35}.leds{justify-content:center;gap:16px;display:flex}.led{letter-spacing:.12em;color:var(--ink-2);text-transform:uppercase;align-items:center;gap:7px;font-size:10px;display:flex}.led i{width:8px;height:8px;box-shadow:0 0 0 1.5px var(--groove), 0 1px 0 var(--shine);background:#4a1e10;border-radius:50%;transition:background 60ms,box-shadow 60ms}.led.on i{background:var(--lit);box-shadow:0 0 0 1.5px var(--groove), 0 0 10px 1px color-mix(in srgb, var(--lit) 70%, transparent)}.led.green.on i{--lit:#3ee08a}.led.blue.on i{--lit:#4b8dff}.preset{align-items:stretch;gap:6px;display:flex}.lcd{background:var(--screen);color:var(--lcd-ink);box-shadow:0 0 0 2px var(--screen-edge), 0 2px 0 3px var(--groove), inset 0 0 18px #ffffff08;font-family:var(--mono);border-radius:8px}.preset .lcd{text-align:left;border:0;min-width:240px;padding:7px 12px 6px}.preset .lcd .cat{letter-spacing:.16em;color:var(--c-reed);font-size:9.5px}.preset .lcd .name{letter-spacing:.02em;align-items:baseline;gap:8px;font-size:16px;display:flex}.preset .lcd .name em{color:var(--lcd-dim);font-size:11px;font-style:normal}.hwbtn{--cap:var(--cap-light);--skirt:var(--cap-light-skirt);--edge:var(--cap-edge-light);background:var(--cap);letter-spacing:.1em;text-transform:uppercase;min-width:40px;color:var(--cap-light-text);box-shadow:inset 0 1px 0 var(--edge), inset 0 -4px 0 var(--skirt), 0 0 0 1.5px var(--well), var(--cast);border:0;border-radius:3px;min-height:36px;padding:0 10px 3px;font-size:11px;font-weight:500;transition:transform 50ms,box-shadow 50ms}.hwbtn:active,.hwbtn.pressed{box-shadow:inset 0 1px 0 var(--edge), inset 0 -1.5px 0 var(--skirt), 0 0 0 1.5px var(--well), .5px 1px 2px #0000004d;transform:translateY(2px)}.hwbtn.accent{--cap:#ff5b1f;--skirt:#c63d0c;--edge:#ffdcc899;color:#fff4ee}.hwbtn.dark{--cap:var(--cap-dark);--skirt:var(--cap-dark-skirt);--edge:var(--cap-edge-dark);color:var(--cap-dark-text)}.hwbtn:focus-visible,.knob:focus-visible,.key:focus-visible,.seg button:focus-visible{outline:2px solid var(--c-bore);outline-offset:2px}.power{align-items:center;gap:10px;display:flex}.power .hwbtn{border-radius:50%;place-items:center;width:52px;height:52px;padding:0;display:grid}.power .hwbtn svg{width:20px;height:20px}.power .hwbtn.live{color:var(--c-reed)}.screens{grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-bottom:16px;display:grid}.oled{background:var(--screen);box-shadow:0 0 0 3px var(--screen-edge), 0 3px 0 4px var(--groove), 0 10px 22px #0000004d;border-radius:12px;padding:10px;position:relative;overflow:hidden}.oled canvas{border-radius:4px;width:100%;display:block}.oled .legend{font-family:var(--mono);letter-spacing:.12em;color:var(--lcd-dim);pointer-events:none;font-size:9.5px;position:absolute}.oled .legend b{color:var(--lcd-ink);font-weight:400}.side{grid-template-rows:auto auto minmax(0,1fr);gap:12px;min-width:0;min-height:0;display:grid}@media (width>=861px){.side{contain:size}}.readout{grid-template-columns:1.3fr 1fr 1fr;gap:0;padding:10px 12px;display:grid}.readout .cell{flex-direction:column;gap:2px;display:flex}.readout .k{letter-spacing:.16em;color:var(--lcd-dim);font-size:9px}.readout .v{font-variant-numeric:tabular-nums;font-size:22px;line-height:1.05}.readout .v.note{color:var(--c-reed);font-size:30px}.readout .v small{color:var(--lcd-dim);font-size:11px}.cents-bar{background:repeating-linear-gradient(90deg,#333 0 1px,#0000 1px 10%);border-radius:2px;grid-column:1/-1;height:10px;margin-top:8px;position:relative}.cents-bar:after{content:"";background:#777;width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.cents-bar i{background:var(--c-breath);border-radius:1px;width:6px;margin-left:-3px;transition:left 50ms linear;position:absolute;top:1px;bottom:1px}.monitor{flex-direction:column;min-height:0;padding:8px 10px;font-size:10.5px;line-height:1.5;display:flex;overflow:hidden}.monitor .head{letter-spacing:.16em;color:var(--lcd-dim);justify-content:space-between;margin-bottom:4px;font-size:9px;display:flex}.monitor ol{flex-direction:column-reverse;flex:1;justify-content:flex-end;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.monitor li{white-space:nowrap;grid-template-columns:62px 1fr;gap:8px;display:grid}.monitor li .hx{color:var(--lcd-dim)}.monitor li.note{color:var(--c-reed)}.monitor li.breath{color:#3ee08a}.monitor .empty{color:var(--lcd-dim);white-space:normal}.modules{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.row-grid{flex-wrap:wrap;gap:12px;display:flex}.row-grid>.module{flex:auto}.row-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.row-tab{all:unset;box-sizing:border-box;cursor:pointer;letter-spacing:.18em;min-width:0;color:var(--ink-3);background:var(--panel);box-shadow:0 1px 0 var(--shine) inset, 0 0 0 1px var(--groove), 0 2px 0 var(--panel-edge);border-radius:6px;align-items:center;gap:8px;padding:9px 12px;font-size:10px;transition:transform 60ms,box-shadow 60ms;display:flex}.row-tab:hover{color:var(--ink)}.row-tab:focus-visible{outline:2px solid var(--c-bore)}.row-tab[aria-expanded=true]{background:var(--body-lo);box-shadow:0 1px 3px #00000038 inset, 0 0 0 1px var(--groove);transform:translateY(2px)}.row-tab b{color:var(--ink-2);white-space:nowrap;font-weight:700}.row-tab[aria-expanded=true] b{color:var(--ink)}.row-tab .chev{width:10px;font-size:11px}.row-tab .row-names{text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.mod-row{flex-direction:column;gap:6px;margin-top:6px;display:flex}.row-rule{letter-spacing:.18em;color:var(--ink-3);align-items:center;gap:10px;padding:0 10px;font-size:10px;font-weight:700;display:flex}.row-rule:after{content:"";background:var(--groove);flex:1;height:1px}.picker{align-items:center;gap:6px;margin-left:auto;display:flex}.picker span{letter-spacing:.14em;color:var(--ink-3);font-size:9px}.picker select{appearance:none;font-family:var(--mono);color:var(--lcd-ink);background:linear-gradient(45deg, transparent 50%, #9a9a93 50%) right 10px center / 4px 4px no-repeat, linear-gradient(-45deg, transparent 50%, #9a9a93 50%) right 6px center / 4px 4px no-repeat, var(--screen);box-shadow:0 0 0 1.5px var(--screen-edge);cursor:pointer;border:0;border-radius:5px;max-width:150px;padding:4px 22px 4px 8px;font-size:10.5px}.m-room header .note{margin-left:auto}.module{border:1px solid var(--groove);box-shadow:0 1px 0 var(--shine), inset 0 1px 0 var(--shine);border-radius:8px;min-width:0;padding:10px 12px 12px}.module header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.module h2{letter-spacing:.18em;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:700;display:flex}.module h2:before{content:"";background:var(--accent);border-radius:1.5px;width:10px;height:10px}.module .note{color:var(--ink-3);letter-spacing:.06em;text-align:right;font-size:10px}.module-body{flex-wrap:wrap;align-items:flex-start;gap:14px 22px;display:flex}.group{flex-direction:column;flex:none;gap:8px;max-width:100%;display:flex}.group-label{letter-spacing:.18em;color:var(--ink-3);align-items:center;gap:8px;font-size:9px;display:flex}.group-label:after{content:"";background:var(--groove);flex:1;height:1px}.group-row{flex-wrap:wrap;align-items:flex-start;gap:8px 12px;display:flex}.group-lcd{max-width:100%}.group-body{flex-wrap:wrap;align-items:flex-start;gap:8px 0;display:flex}.group-lcd{border-radius:5px;padding:4px}.group-lcd .cap{letter-spacing:.14em;color:var(--lcd-dim);justify-content:space-between;padding:2px 3px 3px;font-size:8.5px;display:flex}.lcd-canvas{contain:size;width:100%;display:block}.xy{grid-template-rows:112px auto;grid-template-columns:auto 132px;gap:3px 4px;margin-right:8px;display:grid}.xy-pad{cursor:crosshair;touch-action:none;background:linear-gradient(var(--grid-line,#191918) 1px, transparent 1px) 0 0 / 25% 25%, linear-gradient(90deg, var(--grid-line,#191918) 1px, transparent 1px) 0 0 / 25% 25%, var(--screen);border-radius:5px;position:relative;overflow:hidden}.xy-pad:focus-visible{outline:2px solid var(--c-bore);outline-offset:2px}.xy-cross{background:color-mix(in srgb, var(--accent) 35%, transparent);pointer-events:none;position:absolute}.xy-cross.h{height:1px;left:0;right:0}.xy-cross.v{width:1px;top:0;bottom:0}.xy-puck{background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 2px #070707, 0 0 10px color-mix(in srgb, var(--accent) 70%, transparent);pointer-events:none;border-radius:50%;margin:-6px 0 0 -6px;position:absolute}.xy-end,.xy-val{font-family:var(--mono);letter-spacing:.06em;color:var(--lcd-dim);pointer-events:none;font-size:8px;position:absolute}.xy-end.y0{bottom:3px;left:4px}.xy-end.y1{top:3px;left:4px}.xy-val{color:var(--lcd-ink);top:3px;right:4px}.xy-axis{all:unset;cursor:default;letter-spacing:.12em;color:var(--ink-2);font-size:9.5px;font-weight:600}.xy-axis.y{writing-mode:vertical-rl;text-align:center;transform:rotate(180deg)}.xy-xrow{grid-column:2;justify-content:space-between;align-items:baseline;display:flex}.xy-xrow>.xy-end{color:var(--ink-3);position:static}.xy-axis.armed{color:#4b8dff}.m-reed{--accent:var(--c-reed)}.m-bore{--accent:var(--c-bore)}.m-breath{--accent:var(--c-breath)}.m-play{--accent:var(--c-play)}.m-fx{--accent:var(--c-fx)}.m-room{--accent:var(--c-room)}.m-room .seg-wrap{max-width:none}.m-section{--accent:var(--c-section)}.m-midi{--accent:#4b8dff}.knob-wrap{flex-direction:column;align-items:center;gap:3px;width:66px;display:flex;position:relative}.knob{touch-action:none;cursor:ns-resize;border-radius:50%;width:58px;height:58px;display:block}.knob-base{fill:color-mix(in srgb, var(--accent) 6%, var(--knob-base))}.knob-wrap label{letter-spacing:.12em;color:var(--ink-2);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9.5px;font-weight:600;overflow:hidden}.knob-wrap .val{font-family:var(--mono);color:var(--ink-3);font-variant-numeric:tabular-nums;height:13px;font-size:10px}.knob-wrap.active .val,.knob-wrap:hover .val{color:var(--ink)}.knob-wrap.learning .knob{animation:.8s ease-in-out infinite learn}.knob-wrap .cc{font-family:var(--mono);color:#4b8dff;font-size:8.5px;position:absolute;top:-2px;right:2px}@keyframes learn{50%{filter:drop-shadow(0 0 6px #4b8dff)}}.seg-wrap{flex-direction:column;gap:5px;min-width:0;max-width:320px;margin-right:10px;display:flex}.seg-wrap>label{letter-spacing:.12em;color:var(--ink-2);font-size:9.5px;font-weight:600}.seg{flex-wrap:wrap;gap:4px;display:flex}.seg button{--cap:var(--cap-light);--skirt:var(--cap-light-skirt);--edge:var(--cap-edge-light);letter-spacing:.08em;background:var(--cap);min-height:30px;color:var(--cap-light-text);box-shadow:inset 0 1px 0 var(--edge), inset 0 -3px 0 var(--skirt), 0 0 0 1.25px var(--well), 1px 2px 3px #00000047;border:0;border-radius:2.5px;padding:5px 7px 7px;font-size:9.5px;font-weight:500;transition:transform 50ms}.seg button[aria-pressed=true]{--cap:var(--accent);--skirt:color-mix(in srgb, var(--accent) 70%, #000);--edge:#ffffff73;color:#141414;box-shadow:inset 0 1px 0 var(--edge), inset 0 -1.5px 0 var(--skirt), 0 0 0 1.25px var(--well), .5px 1px 1.5px #0000004d;transform:translateY(1.5px)}.m-play .seg button[aria-pressed=true],.m-fx .seg button[aria-pressed=true]{--cap:var(--cap-dark);--skirt:var(--cap-dark-skirt);--edge:var(--cap-edge-dark);color:var(--cap-dark-text)}.mini-lcd{border-radius:6px;margin-top:10px;padding:6px}.mini-lcd canvas{width:100%;display:block}.mini-lcd .cap{letter-spacing:.14em;color:var(--lcd-dim);justify-content:space-between;padding:2px 2px 4px;font-size:9px;display:flex}.midi-grid{grid-template-columns:1fr 1fr;gap:8px 10px;display:grid}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>span{letter-spacing:.12em;color:var(--ink-2);font-size:9.5px;font-weight:600}.field select{appearance:none;font-family:var(--mono);background:linear-gradient(45deg, transparent 50%, var(--ink-2) 50%) right 12px center / 5px 5px no-repeat, linear-gradient(-45deg, transparent 50%, var(--ink-2) 50%) right 7px center / 5px 5px no-repeat, linear-gradient(180deg, var(--body-hi), var(--body-lo));box-shadow:0 1px 0 var(--shine) inset, 0 1.5px 0 var(--panel-edge);text-overflow:ellipsis;border:0;border-radius:6px;width:100%;min-height:32px;padding:7px 26px 7px 9px;font-size:11px}.midi-status{color:var(--ink-2);grid-column:1/-1;align-items:flex-start;gap:8px;font-size:11px;line-height:1.45;display:flex}.midi-status b{color:var(--ink)}.badge{font-family:var(--mono);color:#3ee08a;letter-spacing:.08em;white-space:nowrap;background:#1b1b1a;border-radius:4px;padding:2px 6px;font-size:9.5px;display:inline-block}.badge.warn{color:var(--c-section)}.row-btns{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;display:flex}.row-btns .hwbtn{min-height:30px;font-size:10px}.deck{border:1px solid var(--groove);box-shadow:0 1px 0 var(--shine), inset 0 1px 0 var(--shine);border-radius:8px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:stretch;gap:14px;padding:12px;display:grid}.strips{gap:8px;display:flex}.strip{touch-action:none;cursor:ns-resize;width:38px;box-shadow:0 1px 0 var(--shine), inset 0 2px 4px #000000b3, inset 0 0 0 1px #000;background:#1b1b1a;border-radius:3px;flex-direction:column;justify-content:flex-end;min-height:150px;display:flex;position:relative;overflow:hidden}.strip .fill{background:var(--c);opacity:.85;border-radius:0 0 2px 2px;transition:height 40ms linear;box-shadow:inset 0 1px #ffffff59}.strip span{text-align:center;letter-spacing:.14em;color:#bdbdb6;writing-mode:vertical-rl;pointer-events:none;margin:0 auto;font-size:8.5px;position:absolute;top:8px;left:0;right:0;transform:rotate(180deg)}.octave{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.octave .lcd{text-align:center;min-width:48px;padding:5px 8px;font-size:12px}.octave .k{letter-spacing:.14em;color:var(--ink-2);font-size:9px}.keys{background:var(--well);height:170px;box-shadow:inset 0 2px 5px #000c, 0 1px 0 var(--shine);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px;min-width:0;position:relative;overflow:hidden}.key{font-family:var(--mono);--skirt-h:6px;--mark:transparent;border:0;justify-content:center;align-items:flex-end;padding:0 0 8px;font-size:9px;display:flex;position:absolute;top:0}.key.w{background:var(--key-white);height:calc(100% - 6px);color:var(--ink-3);box-shadow:inset 0 1px 0 var(--cap-edge-light), inset 0 calc(-1 * var(--skirt-h)) 0 var(--key-white-lo), inset 0 -9px 0 var(--mark), 1px 2px 3px #00000073;z-index:1;border-radius:2.5px;top:3px}.key.b{background:var(--key-black-hi);color:#8a8a83;height:58%;box-shadow:inset 0 1px 0 var(--cap-edge-dark), inset 0 calc(-1 * var(--skirt-h)) 0 var(--key-black), inset 0 -9px 0 var(--mark), 0 0 0 1.5px var(--well), 2px 4px 5px #0000008c;z-index:2;border-radius:2.5px;top:3px}.key.down{--skirt-h:2px;--mark:var(--lit);transform:translateY(2px)}.key.ext{--mark:#4b8dff}.key .c{letter-spacing:.06em;color:var(--ink-3);font-size:8.5px;position:absolute;bottom:24px}.key.b .c{color:#8a8a83;bottom:8px}.deck-right{flex-direction:column;justify-content:center;gap:8px;display:flex}.deck-right .hwbtn{min-width:78px}.vel{letter-spacing:.12em;color:var(--ink-2);text-align:center;font-size:9px}.foot{letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:14px 10px 0;font-size:10px;display:flex}.foot kbd{font-family:var(--mono);background:var(--body-lo);color:var(--ink-2);border-radius:3px;padding:1px 5px;font-size:9.5px}.grille{grid-template-columns:repeat(18,5px);align-self:center;gap:5px;display:grid}.grille i{background:var(--groove);width:5px;height:5px;box-shadow:0 1px 0 var(--shine);border-radius:50%}.boot{z-index:5;text-align:center;color:var(--lcd-ink);font-family:var(--mono);background:#070707b8;border-radius:12px;place-items:center;display:grid;position:absolute;inset:0}.boot button{color:inherit;background:0 0;border:0;justify-items:center;gap:10px;padding:24px;display:grid}.boot .big{letter-spacing:.2em;color:var(--c-reed);font-size:15px}.boot .small{color:var(--lcd-dim);max-width:44ch;font-size:11px;line-height:1.5}.boot .pulse{background:var(--c-reed);border-radius:50%;width:14px;height:14px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4;transform:scale(1.5)}}.sheet-bg{z-index:50;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{background:var(--panel);border-radius:18px;width:min(760px,100%);max-height:min(80vh,720px);padding:16px 18px 18px;overflow:auto;box-shadow:0 30px 70px #00000080}.sheet h3{letter-spacing:.18em;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:11px;display:flex}.cats{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.cat-title{letter-spacing:.18em;color:var(--ink-3);grid-column:1/-1;margin-top:8px;font-size:10px}.pcard{text-align:left;background:linear-gradient(180deg, var(--body-hi), var(--body));box-shadow:0 1px 0 var(--shine) inset, 0 2px 0 var(--panel-edge);border:0;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex;position:relative}.pcard b{font-size:13px}.pcard span{color:var(--ink-2);font-size:11px;line-height:1.35}.pcard[aria-current=true]{box-shadow:0 0 0 2px var(--c-reed), 0 2px 0 var(--panel-edge)}.pcard .del{color:var(--ink-3);background:0 0;border:0;font-size:10px;position:absolute;top:6px;right:8px}.save-row{gap:8px;margin-top:14px;display:flex}.save-row input{min-width:0;font-family:var(--mono);background:var(--screen);color:var(--lcd-ink);border:0;border-radius:8px;flex:1;padding:8px 10px}.tooltip{z-index:60;background:var(--screen);width:280px;color:var(--lcd-ink);font-family:var(--mono);box-shadow:0 0 0 1.5px var(--screen-edge), 0 12px 28px #00000059;pointer-events:none;border-radius:10px;padding:10px 12px 11px;font-size:11px;line-height:1.45;position:fixed}.tooltip .tt-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.tooltip .tt-head b{color:var(--c-reed);letter-spacing:.14em;font-weight:400}.tooltip p{color:#c9c9c2;margin:0 0 6px}.tooltip dl{grid-template-columns:14px 1fr;gap:3px 4px;margin:0;display:grid}.tooltip dt{color:#3ee08a}.tooltip dd{margin:0}.tooltip .tt-note{color:var(--lcd-dim);margin:6px 0 0}@media (width<=1180px){.screens{grid-template-columns:minmax(0,1fr) 280px}}@media (width<=860px){.group.aside .lcd-canvas{height:96px!important}#root{padding:12px 8px 24px}.device{border-radius:20px;padding:14px 12px}.top{grid-template-columns:1fr auto;gap:10px;padding:2px 4px 10px}.leds{order:3;grid-column:1/-1;justify-content:flex-start}.preset{order:4;grid-column:1/-1}.preset .lcd{flex:1;min-width:0}.brand .sub{display:none}.screens{grid-template-columns:minmax(0,1fr)}.side{grid-template-rows:auto;grid-template-columns:1fr}.monitor{height:170px}.row-grid>.module{flex-basis:100%}.row-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.row-tab .row-names{display:none}.deck{grid-template-columns:auto minmax(0,1fr)}.deck .octave{display:none}.deck-right{flex-flow:wrap;grid-column:1/-1}.deck-right .hwbtn{flex:1;min-width:0}.keys{height:150px}.grille{display:none}.knob{width:50px;height:50px}}@media (width<=420px){.knobs{--cols:4!important}.strip{width:32px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}