@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-vietnamese-wght-normal-6IgcOCM7.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-ext-wght-normal-DC-KSUi6.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-wght-normal-BgDaEnEv.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-vietnamese-wght-normal-DadHysG0.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-ext-wght-normal-Bwz-egvJ.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-wght-normal-XN7g48iV.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}:root{--font:"Geist Variable", system-ui, sans-serif;--mono:"Geist Mono Variable", ui-monospace, monospace;--pearl-hi:#f7f5f9;--pearl:#e4e1e8;--pearl-lo:#cbc7d1;--pearl-edge:#a29dab;--ink:#34303b;--ink-soft:#57525f;--glass:#1d1c22;--bay:#25242b;--bay-edge:#36343d;--label:#d3ccdd;--label-soft:#a7a0b1;--print:#847d8f;--lilac:#c9a6f3;--lilac-hi:#efe2ff;--lilac-glow:#b282ee;--lilac-deep:#7d5aa9;--amber:#f3c36f;--red:#ff5d6e;--lcd:#111015;--lcd-text:#eadfff;font-family:var(--font);color:var(--label);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;background:#141318}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(80% 60% at 50% 0,#2f2c37 0,#0000 70%),radial-gradient(60% 50% at 50% 100%,#1d1b22 0,#0000 70%),#121116;min-width:320px;min-height:100vh}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--lilac-hi);outline-offset:2px}.instrument :focus-visible{outline-color:#8a55d0}.glass :focus-visible{outline-color:var(--lilac-hi)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.stage{--gap:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:100dvh;padding:10px 16px 6px;display:flex}.instrument{gap:var(--gap);width:min(1420px,100%);color:var(--ink);background:repeating-linear-gradient(90deg,#fff0 0 2px,#ffffff0a 2px 3px),linear-gradient(#f4f2f6 0%,#e6e3ea 38%,#d9d5de 100%);border-radius:18px;flex-direction:column;padding:0 14px 14px;display:flex;position:relative;box-shadow:inset 0 1px #fff,inset 1px 0 #ffffffa0,inset 0 -2px 1px #00000024,0 2px #b3aebb,0 4px #8a8594,0 6px 1px #59556199,0 28px 60px #000000b0}.instrument:before{content:"";pointer-events:none;border:1px solid #ffffff9c;border-bottom-color:#0000000f;border-radius:15px;position:absolute;inset:3px}.case-top{grid-template-columns:1fr minmax(260px,420px) 1fr;align-items:center;gap:20px;min-height:54px;padding:8px 6px 0;display:grid}.brand{white-space:nowrap;align-items:center;gap:14px;min-width:0;display:flex}.brand .maker{letter-spacing:.42em;text-transform:uppercase;color:var(--ink);font-size:11px;font-weight:500;text-decoration:none}.brand .maker:hover{text-underline-offset:3px;text-decoration:underline}.brand h1{letter-spacing:.3em;color:var(--ink-soft);border-left:1px solid #a49fad;margin:0;padding-left:14px;font-size:12px;font-weight:500}.brand h1 span{color:var(--ink-soft)}.patch-actions{justify-content:flex-end;gap:8px;display:flex}.hw-button{min-height:30px;color:var(--ink);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#fbfafc 0%,#e8e5ec 55%,#dbd7e0 100%);border:1px solid #a7a2b0;border-bottom-color:#8f8a99;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:10px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #fff,0 1px #ffffffb0,0 2px 3px #3b33461f}.hw-button:hover:not(:disabled){background:linear-gradient(#fff 0%,#eeebf2 55%,#e0dce5 100%)}.hw-button:active:not(:disabled),.hw-button[aria-pressed=true]{background:linear-gradient(#d9d5de 0%,#e6e3ea 100%);box-shadow:inset 0 1px 3px #3b334633,0 1px #ffffffc0}.hw-button:disabled{opacity:.55}.hw-button.small{min-width:64px;min-height:28px}.glass{color:var(--label);background:radial-gradient(70% 50% at 20% 0,#ffffff09,#0000 70%),linear-gradient(#24232a 0%,#1d1c22 60%,#1b1a20 100%);border:1px solid #0d0c10;border-radius:12px;flex-direction:column;padding:0 14px 10px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #00000040,inset 0 8px 18px #00000059,0 0 0 1px #9e99a7,0 0 0 2px #f6f3f8,0 1px 0 2px #ffffffb0}.glass-top{border-bottom:1px solid #ffffff0f;justify-content:center;align-items:stretch;display:flex;position:relative;box-shadow:0 1px #00000080}.tabs{gap:clamp(8px,3vw,44px);display:flex}.tabs button{color:#a9a2b3;letter-spacing:.26em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:11px;font-weight:500;display:flex;position:relative}.tabs .tab-num{font:500 9px var(--mono);letter-spacing:0;color:#6f6879}.tabs button:hover{color:var(--label)}.tabs button[aria-selected=true]{color:var(--lilac-hi)}.tabs button[aria-selected=true] .tab-num{color:var(--lilac)}.tabs button[aria-selected=true]:after{content:"";background:var(--lilac);height:2px;box-shadow:0 0 8px var(--lilac-glow);border-radius:1px;position:absolute;bottom:-1px;left:12px;right:12px}.status-leds{align-items:center;gap:14px;display:flex;position:absolute;top:0;bottom:0;right:0}.status-led{letter-spacing:.16em;color:var(--label-soft);align-items:center;gap:6px;font-size:9px;font-weight:600;display:inline-flex}.glass-body{flex:1;grid-template-columns:minmax(0,1fr) 62px;gap:12px;min-height:0;padding-top:12px;display:grid}.glass-main{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.page-panel{flex:1;min-height:300px;display:flex}.page-panel>*{flex:1;min-width:0}.macro-strip{border-top:1px solid #0009;grid-template-columns:1fr 2fr 3fr;padding-top:8px;display:grid;box-shadow:inset 0 1px #ffffff0d}.macro-group{flex-direction:column;align-items:stretch;min-width:0;display:flex}.macro-group+.macro-group{border-left:1px solid #00000080;box-shadow:inset 1px 0 #ffffff0b}.group-label{letter-spacing:.28em;text-transform:uppercase;color:var(--print);background:linear-gradient(90deg,#0000,#ffffff10 20% 80%,#0000) bottom/100% 1px no-repeat;align-self:center;margin-bottom:2px;padding:0 10px;font-size:8.5px;font-weight:600}.group-knobs{justify-content:space-evenly;align-items:flex-end;display:flex}.transport{align-items:center;gap:10px;min-height:52px;padding:0 4px;display:flex}.transport-rule{background:#a49fad;align-self:stretch;width:1px;margin:8px 4px;box-shadow:1px 0 #fff}.transport .power{min-width:132px}.transport .audition{min-width:150px}.status{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-soft);text-align:right;flex:1;margin:0;font-size:10.5px;overflow:hidden}.master{align-items:center;display:flex}.foot{color:#a39cad;justify-content:space-between;align-items:flex-start;gap:16px;width:min(1420px,100%);padding:0 6px;font-size:10px;display:flex}.about{text-align:right;max-width:560px}.about summary{cursor:pointer;list-style-position:inside}.about p{text-align:left;margin:6px 0 0;line-height:1.5}.knob-control{flex-direction:column;align-items:center;min-width:0;display:flex}.knob-label{letter-spacing:.17em;text-transform:uppercase;color:var(--label);white-space:nowrap;font-size:9.5px;font-weight:600;line-height:12px}.size-L .knob-label{letter-spacing:.24em;font-size:10.5px}.knob{width:var(--box);height:var(--box);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;position:relative}.knob:focus-visible{outline:none}.knob-scale{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.knob-scale .tick{stroke:var(--print);stroke-width:1px;stroke-linecap:round}.knob-scale .tick.major{stroke:#b8b0c3;stroke-width:1.4px}.knob-scale .numeral{fill:var(--label-soft);font:600 8px var(--font);letter-spacing:.02em;text-anchor:middle}.size-L .knob-scale .numeral{font-size:8.5px}.knob-scale .detent{fill:var(--lilac)}.knob-scale .ring-track{fill:none;stroke:#0e0d11;stroke-width:3.4px;stroke-linecap:round}.knob-scale .ring-value{fill:none;stroke:var(--lilac);stroke-width:2.4px;stroke-linecap:round;filter:drop-shadow(0 0 2px var(--lilac-glow))}.size-L .knob-scale .ring-track{stroke-width:4.2px}.size-L .knob-scale .ring-value{stroke-width:3px}.knob-shadow,.knob-skirt,.knob-cap,.knob-pointer{pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}.knob-shadow{width:var(--cap);height:var(--cap);filter:blur(2.5px);background:radial-gradient(closest-side,#000000d9 55%,#0000);transform:translate(-50%,-50%)translate(1.5px,4px)scale(1.04)}.knob-skirt{width:var(--cap);height:var(--cap);background:radial-gradient(circle at 32% 24%, #ffffff3d, #fff0 52%), linear-gradient(155deg, #0000 38%, #00000080 100%), repeating-conic-gradient(#57545e 0 2.2deg, #2a2830 2.2deg 4.4deg, #3d3a44 4.4deg 7.5deg);transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0b0a0e,inset 0 1px #ffffff40,inset 0 -1px 1px #0009}.knob-cap{width:calc(var(--cap) * .76);height:calc(var(--cap) * .76);background:radial-gradient(circle at 33% 25%,#ffffffe6 0,#fff0 34%),repeating-radial-gradient(circle,#0000 0 1.1px,#ffffff14 1.3px,#0000 1.7px),conic-gradient(from 205deg,#f4f2f6,#a7a3ae 40deg,#e3e0e7 88deg,#b9b5c0 138deg,#f6f4f8 192deg,#a29ea9 246deg,#d9d6dd 300deg,#f4f2f6);transform:translate(-50%,-50%);box-shadow:0 1.5px 2px #000a,inset 0 -1.5px 1px #0000004d,inset 0 1px 1px #fff}.knob-pointer{width:var(--cap);height:var(--cap);transform:translate(-50%, -50%) rotate(var(--turn))}.knob-pointer:before{content:"";background:#f1e6ff;border-radius:1px;width:2px;height:11%;position:absolute;top:1px;left:calc(50% - 1px);box-shadow:0 0 3px #c9a6f3aa}.knob-pointer:after{content:"";background:#2e2a34;border-radius:1.2px;width:2.4px;height:25%;position:absolute;top:15%;left:calc(50% - 1.2px);box-shadow:.6px .8px #ffffffb3}.size-S .knob-pointer:before{display:none}.knob:focus-visible .knob-skirt{box-shadow:0 0 0 1px #0b0a0e, 0 0 0 3px var(--lilac-hi), inset 0 1px 0 #ffffff40}.knob-value{font:500 10px var(--mono);font-variant-numeric:tabular-nums;color:#e7def0;white-space:nowrap;margin-top:-2px;line-height:13px}.size-L .knob-value{font-size:11px}.is-disabled .knob{cursor:default;opacity:.38}.is-disabled .knob-value{color:var(--print)}.knob-pop{z-index:5;background:var(--lcd);color:var(--lcd-text);font:500 11px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 0 6px #b282ee80;pointer-events:none;border:1px solid #4a4555;border-radius:4px;padding:3px 7px;position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%);box-shadow:0 4px 10px #000a}.transport .knob-control,.transport .knob-label{color:var(--ink)}.transport .knob-control{flex-direction:row;gap:8px}.transport .knob-scale .tick,.transport .knob-scale .tick.major{stroke:#6d6777}.transport .knob-value{color:var(--ink);min-width:42px;margin:0;font-size:10.5px}.led{background:radial-gradient(circle at 38% 32%,#5f5a68,#26242b 72%);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:inset 0 .5px 1px #000,0 .5px #ffffff21}.led-lilac[data-on="1"]{background:radial-gradient(circle at 40% 35%,#fff,#eddcff 35%,#b282ee 80%);box-shadow:0 0 3px #d9b8ff,0 0 9px #a874e8b3}.led-lilac[data-on="1"][data-accent]{box-shadow:0 0 4px #fff,0 0 14px #b98af2}.led-red[data-on="1"]{background:radial-gradient(circle at 40% 35%,#fff,#ffb3ba 30%,#ff3d52 80%);box-shadow:0 0 3px #ff8a96,0 0 9px #ff3d52b3}.led-amber[data-on="1"]{background:radial-gradient(circle at 40% 35%,#fff,#ffe1a8 35%,#eda33a 80%);box-shadow:0 0 3px #ffd690,0 0 9px #eda33ab3}.transport .led,.instrument>.case-top .led{box-shadow:0 0 0 1.5px #8f8a99,inset 0 .5px 1px #000}.transport .led[data-on="1"]{box-shadow:0 0 0 1.5px #8f8a99,0 0 6px #b282ee}.module-switch{color:#bdb6c7;letter-spacing:.14em;background:linear-gradient(#4b4853 0%,#393640 60%,#322f38 100%);border:1px solid #0c0b0f;border-radius:4px;align-items:center;gap:6px;min-width:52px;min-height:24px;padding:0 9px 0 7px;font-size:9px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff2b,0 1px #ffffff0f,0 2px 3px #000000a0}.module-switch[aria-checked=true]{color:var(--lilac-hi);background:linear-gradient(#2c2a32 0%,#35323c 100%);box-shadow:inset 0 1px 3px #000c,0 1px #ffffff14}.module-switch:hover{filter:brightness(1.08)}.segmented{background:#121116;border:1px solid #0009;border-radius:5px;gap:2px;max-width:100%;padding:2px;display:inline-flex;box-shadow:0 1px #ffffff12}.segmented button{color:#b7b0c1;letter-spacing:.09em;font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(#403d47,#312e37);border:0;border-radius:3px;flex:1;justify-content:center;align-items:center;gap:5px;min-width:26px;min-height:24px;padding:0 7px;font-size:9px;font-weight:650;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.segmented button:hover{color:var(--label)}.segmented button[aria-checked=true]{color:var(--lilac-hi);background:linear-gradient(#27252c,#312e37);box-shadow:inset 0 1px 2px #000d}.seg-led{background:#4f4b57;border-radius:50%;flex:none;width:4px;height:4px}.segmented [aria-checked=true] .seg-led{background:var(--lilac-hi);box-shadow:0 0 4px var(--lilac-glow)}.rotary-selector{flex-direction:column;flex:none;align-items:center;display:flex}.rotary-dial{width:118px;height:92px;position:relative}.rotary-ticks{pointer-events:none;width:100px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rotary-ticks line{stroke:var(--print);stroke-width:1.4px;stroke-linecap:round}.rotary-ticks line.on{stroke:var(--lilac)}.rotary-knob{cursor:pointer;background:radial-gradient(circle at 32% 24%, #fff3, #fff0 50%), linear-gradient(155deg, #0000 40%, #00000080), repeating-conic-gradient(#57545e 0 3deg, #2a2830 3deg 6deg, #3d3a44 6deg 10deg);border-radius:50%;width:38px;height:38px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0b0a0e,1.5px 4px 6px #000c,inset 0 1px #ffffff40}.rotary-cap{background:radial-gradient(circle at 33% 25%,#ffffffd0 0,#fff0 36%),conic-gradient(from 205deg,#e9e6ed,#8f8b96 50deg,#d6d3db 110deg,#9a96a1 200deg,#e1dee5 290deg,#e9e6ed);border-radius:50%;position:absolute;inset:6px;box-shadow:0 1px 2px #000a,inset 0 1px 1px #fff}.rotary-pointer{transform:rotate(var(--turn));transition:transform 90ms cubic-bezier(.3,1.5,.6,1);position:absolute;inset:0}.rotary-pointer:after{content:"";background:linear-gradient(#f4eaff,#c9a6f3);border-radius:2px;width:3px;height:52%;position:absolute;top:-2px;left:calc(50% - 1.5px);box-shadow:0 0 4px #b282ee,.5px 1px 1px #000a}.rotary-pos{left:calc(50% + var(--x) * 46px);top:calc(50% + var(--y) * 37px);min-width:24px;min-height:24px;color:var(--label-soft);letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap;background:0 0;border:0;padding:0 2px;font-size:8.5px;font-weight:650;position:absolute;transform:translate(-50%,-50%)}.rotary-pos:hover{color:var(--label)}.rotary-pos[aria-checked=true]{color:var(--lilac-hi);text-shadow:0 0 6px var(--lilac-glow)}.wheels{background:linear-gradient(#2a2930,#1f1e24);border:1px solid #0e0d11;border-radius:8px;gap:8px;padding:6px 8px 4px;display:flex;box-shadow:inset 0 1px #ffffff14,inset 0 4px 10px #0007}.wheel-control{flex-direction:column;align-items:center;gap:2px;display:flex}.wheel{cursor:ns-resize;touch-action:none;background:#0c0b0f;border-radius:6px;flex:1;width:26px;min-height:60px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #000}.wheel:focus-visible{outline:2px solid var(--lilac-hi);outline-offset:1px}.wheel-drum{background:linear-gradient(90deg,#00000080,#0000 30%,#ffffff0d 45%,#0000 65%,#0009),linear-gradient(#000000d0,#0000 28% 72%,#000000d0),repeating-linear-gradient(#5a5662 0 1.5px,#2c2a31 1.5px 5px);background-position:0 0, 0 0, 0 calc(var(--pos) * -80px);border-radius:4px;position:absolute;inset:3px}.spring .wheel:not(.held) .wheel-drum{transition:background-position .16s cubic-bezier(.25,1.6,.5,1)}.wheel-centre{background:var(--lilac);height:2px;box-shadow:0 0 5px var(--lilac-glow);opacity:.75;position:absolute;top:calc(50% - 1px);left:0;right:0}.wheel-label{letter-spacing:.16em;text-transform:uppercase;color:var(--label-soft);font-size:8px;font-weight:650}.wheel-control{position:relative}.wheel-pop{z-index:5;background:var(--lcd);color:var(--lcd-text);font:500 10px var(--mono);white-space:nowrap;pointer-events:none;border:1px solid #4a4555;border-radius:4px;padding:3px 6px;position:absolute;top:-4px;left:50%;transform:translate(-50%,-100%);box-shadow:0 4px 10px #000a}.preset{background:linear-gradient(#cbc7d1,#e7e4eb);border:1px solid #a19cab;border-radius:8px;align-items:stretch;gap:2px;min-width:0;height:34px;padding:2px;display:flex;position:relative;box-shadow:inset 0 1px 2px #3b334633,0 1px #fff}.preset-step{background:linear-gradient(#fbfafc,#dedae3);border:0;border-radius:6px;place-items:center;width:32px;display:grid;box-shadow:inset 0 1px #fff,0 1px 1px #3b334633}.preset-step svg{width:10px;height:10px;fill:var(--ink)}.preset-step:active{background:#d4d0da;box-shadow:inset 0 1px 2px #3b334640}.preset-lcd{min-width:0;color:var(--lcd-text);text-align:left;border:1px solid #000;border-radius:5px;flex:1;align-items:center;gap:10px;padding:0 12px;display:flex}.preset-num{font:500 10px var(--mono);color:var(--lilac);flex:none}.preset-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em;flex:1;min-width:0;font-size:12.5px;font-weight:500;overflow:hidden}.preset-mod{width:10px;font:600 14px var(--mono);color:var(--amber);text-shadow:0 0 6px #eda33a99}.preset-list{z-index:20;max-height:min(60vh,380px);color:var(--label);background:#18171c;border:1px solid #000;border-radius:8px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:34px;right:34px;overflow:auto;box-shadow:inset 0 0 0 1px #ffffff12,0 18px 40px #000c}.preset-list:focus-visible{outline:2px solid var(--lilac-hi)}.preset-list li{cursor:pointer;border-radius:5px;align-items:center;gap:10px;min-height:28px;padding:0 10px;font-size:12px;display:flex}.preset-list li.active{background:#2d2a33}.preset-list li[aria-selected=true]{color:var(--lilac-hi)}.tempo{align-items:center;gap:8px;display:flex}.field-label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-size:9px;font-weight:650}.tempo-lcd{border-radius:5px;align-items:center;gap:4px;height:30px;padding:0 9px;display:flex}.tempo-lcd input{width:46px;color:var(--lcd-text);font:500 15px var(--mono);font-variant-numeric:tabular-nums;text-align:right;text-shadow:0 0 8px #b282ee66;background:0 0;border:0;padding:0}.tempo-lcd input:focus-visible{outline:none}.tempo-lcd:focus-within{box-shadow:0 0 0 2px #8a55d0,inset 0 1px 3px #000}.lcd-unit{font:600 8px var(--font);letter-spacing:.14em;color:var(--lilac)}.lcd{color:var(--lcd-text);background:radial-gradient(90% 70% at 30% 0,#ffffff08,#0000 70%),linear-gradient(#0f0e13,#141318);border:1px solid #000;border-radius:5px;position:relative;box-shadow:inset 0 1px 3px #000,inset 0 0 0 1px #ffffff06,0 1px #ffffff12}.display{min-height:0;overflow:hidden}.display-svg{width:100%;height:100%;display:block}.display-svg .grid{stroke:#ffffff10;stroke-width:1px;fill:none;vector-effect:non-scaling-stroke}.display-svg .grid.strong{stroke:#fff2}.display-svg .trace{fill:none;stroke:var(--lilac);stroke-width:1.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #b282eecc)}.display-svg .fill{fill:#b282ee14;stroke:none}.display-svg .marker{stroke:var(--lilac-hi);stroke-dasharray:2 3;stroke-width:1px;vector-effect:non-scaling-stroke}.display-svg .tap{stroke:var(--lilac-hi);stroke-width:1.4px;vector-effect:non-scaling-stroke}.display-svg text{font-family:var(--mono);fill:#a49cb0;letter-spacing:.04em;font-size:9px}.display-svg text.value{fill:var(--lcd-text);font-size:10px}.display-svg .corner{text-anchor:end;font-family:var(--font);letter-spacing:.14em;font-size:8.5px;font-weight:600}.display-svg .corner.left{text-anchor:start}.display-svg .corner.live{fill:var(--lilac)}.display-svg .seg-label{text-anchor:middle;fill:#c5bdd1;font-size:10px}.display-svg .seg-key{fill:var(--lilac);font-family:var(--font);font-weight:700}.display-svg .sustain-line{stroke:var(--lilac-hi);stroke-dasharray:3 3;stroke-width:1px;opacity:.6;vector-effect:non-scaling-stroke}.display-svg .playhead line{stroke:var(--lilac-hi);stroke-width:1px;opacity:.55}.display-svg .playhead circle{fill:#fff;stroke:var(--lilac);stroke-width:2px;filter:drop-shadow(0 0 4px #c9a6f3)}.wave-b .trace{stroke:#e7b5e2;filter:drop-shadow(0 0 2px #d48fd0cc)}.space-curve.off .trace,.space-curve.off .tap{opacity:.35}.lcd-caption{font:500 8.5px var(--mono);letter-spacing:.08em;color:#9c94a8;position:absolute;bottom:6px;left:9px}.lcd-text{font-family:var(--mono);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;gap:2px;padding:7px 10px;display:flex}.lcd-big{color:var(--lcd-text);text-shadow:0 0 10px #b282ee80;font-size:21px;font-weight:500;line-height:1.05}.lcd-big small{color:var(--lilac);text-shadow:none;font-size:10px}.lcd-line{letter-spacing:.04em;color:#b9b0c6;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.lcd-line.strong{color:var(--lcd-text);font-size:10.5px}.readouts{flex-wrap:wrap;gap:4px 12px;display:flex}.readout{white-space:nowrap;align-items:baseline;gap:6px;font-size:8.5px;display:inline-flex}.readout-label{letter-spacing:.14em;text-transform:uppercase;color:var(--print);font-weight:650}.readout-value{font:500 10px var(--mono);font-variant-numeric:tabular-nums;color:var(--label)}.meter{background:linear-gradient(#19181d,#151418);border:1px solid #0c0b0f;border-radius:8px;flex-direction:column;align-items:stretch;gap:6px;min-height:0;padding:8px 6px 6px;display:flex;box-shadow:inset 0 1px #ffffff0d,inset 0 3px 8px #0008}.meter-head{letter-spacing:.14em;color:var(--label-soft);justify-content:center;align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex}.meter-body{flex:1;justify-content:flex-end;min-height:80px;display:flex;position:relative}.meter-body canvas{width:24px;height:100%;display:block}.meter-scale{width:22px;position:absolute;top:0;bottom:0;left:0}.meter-scale span{right:3px;top:var(--at);font:500 7.5px var(--mono);color:var(--label-soft);white-space:nowrap;position:absolute;transform:translateY(-50%)}.meter-foot{font:600 8px var(--font);color:var(--label-soft);justify-content:flex-end;gap:7px;padding-right:3px;display:flex}.meter-unit{text-align:center;font:600 7.5px var(--font);letter-spacing:.12em;color:var(--print)}.meter.horizontal .meter-body{flex-direction:column;flex:none;justify-content:flex-end;height:36px;min-height:0}.meter.horizontal canvas{width:100%;height:18px}.meter.horizontal .meter-scale{width:auto;height:14px;inset:0 0 auto}.meter.horizontal .meter-scale span{top:50%;right:auto;left:calc(100% - var(--at));transform:translate(-50%,-50%)}.duck-display{flex-direction:column;flex:1;gap:6px;min-height:0;padding:8px 9px 22px;display:flex}.gr-head{font:600 8.5px var(--font);letter-spacing:.14em;color:var(--lilac);justify-content:space-between;display:flex}.lcd-number{font:500 15px var(--mono);color:var(--lcd-text);letter-spacing:0;text-shadow:0 0 8px #b282ee66}.gr-track{background:repeating-linear-gradient(90deg,#2b2932 0 5px,#0000 5px 6px);border-radius:2px;height:10px;position:relative}.gr-bar{transform-origin:0;background:repeating-linear-gradient(90deg, var(--lilac) 0 5px, #0000 5px 6px);filter:drop-shadow(0 0 3px #b282ee);position:absolute;inset:0;transform:scaleX(0)}.gr-max{background:var(--amber);width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.gr-scale{font:500 7.5px var(--mono);color:#8e869a;justify-content:space-between;display:flex}.duck-display.off .gr-bar{opacity:.3}.arp-steps{grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;padding:9px 8px 8px;display:grid}.step{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.step-note{font:500 8.5px var(--mono);color:#5d5768;white-space:nowrap}.step.in-pattern .step-note{color:var(--lcd-text)}.step-led{opacity:.5;border-radius:2px;width:100%;height:7px}.step-led[data-armed]{opacity:1;background:linear-gradient(#4b3f5e,#3a3247)}.step-led[data-on="1"]{opacity:1;background:linear-gradient(#fff,#dcbcff);box-shadow:0 0 4px #d9b8ff,0 0 10px #a874e8b3}.display-svg .trace.alt{stroke:#e7b5e2;filter:drop-shadow(0 0 2px #d48fd0aa)}.display-svg .tap{stroke-width:2px}.display-svg .tap.alt{stroke:#e7b5e2}.chorus-lcd{flex-direction:column;flex:1;min-height:52px;max-height:80px;padding:5px 0;display:flex}.chorus-lcd .display-svg{flex:1;min-height:0}.chorus-lcd .lcd-caption{flex:none;padding:3px 9px 0;position:static}.delay-lcd{justify-content:flex-start}.delay-lcd>span{flex:none}.delay-lcd .delay-taps{flex:1;min-height:24px;margin-top:4px}.duck-curve{flex:1;min-height:24px}.bay{background:linear-gradient(#2a2930 0%,#24232a 100%);border:1px solid #0f0e12;border-radius:8px;flex-direction:column;min-width:0;min-height:0;padding:0 10px 10px;display:flex;box-shadow:inset 0 1px #ffffff12,inset 1px 0 #ffffff07,0 2px 4px #0006}.bay-head{border-bottom:1px solid #0009;align-items:center;gap:8px;min-height:34px;margin:0 -10px 8px;padding:0 8px 0 10px;display:flex;box-shadow:0 1px #ffffff0a}.bay-num{font:500 9px var(--mono);color:var(--lilac)}.bay-head h2{letter-spacing:.2em;text-transform:uppercase;color:var(--label);white-space:nowrap;margin:0;font-size:10px;font-weight:650}.bay-leds{flex:1;align-items:center;gap:6px;display:flex}.bay-body{flex-direction:column;flex:1;gap:9px;min-height:0;display:flex}.bay.bypassed .bay-body{opacity:.62;filter:saturate(.5)}.knob-row{justify-content:space-around;align-items:flex-end;display:flex}.knob-grid{grid-template-columns:repeat(2,1fr);justify-items:center;row-gap:4px;display:grid}.sources-page{grid-template-columns:minmax(0,1fr) 176px minmax(0,1fr);gap:12px;display:grid}.layer-bay .bay-body{gap:8px}.source-picker{align-self:stretch}.source-wave{flex:1;min-height:90px;overflow:hidden}.source-wave svg{width:100%;height:calc(100% - 28px);position:absolute;inset:8px 0 20px}.layer-foot{color:var(--label-soft);justify-content:space-between;font-size:10px;display:flex}.layer-foot .mono{color:var(--label);font-size:9.5px}.blend-bay{background:radial-gradient(60% 50% at 50% 45%,#ffffff08,#0000 70%);border-radius:8px;justify-content:center;align-items:center;display:flex}.shape-page{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;display:grid}.envelope-bay .display,.filter-bay .display{flex:1;min-height:90px}.filter-controls{align-items:flex-end;gap:14px;display:flex}.filter-controls .readouts{flex-direction:column;padding-bottom:14px}.effects-page{grid-template-columns:minmax(0,.92fr) minmax(0,1.04fr) minmax(0,1.62fr) minmax(0,1.1fr) minmax(0,.78fr);gap:10px;display:grid}.character-bay .display{flex:1;min-height:60px}.character-bay .segmented,.space-bay .segmented{align-self:stretch}.character-bay .readouts,.duck-bay .readouts{flex-direction:column}.chorus-bay .lcd-text{flex:none;padding:6px 9px}.chorus-bay .lcd-big{font-size:17px}.chorus-bay .knob-grid{flex:1;align-content:end}.delay-top{flex:1;align-items:stretch;gap:8px;min-height:0;display:flex}.delay-lcd{flex:1;min-width:0}.space-bay .display{flex:1;min-height:60px}.duck-bay .bay-body{justify-content:space-between}.perform-page{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:12px;display:grid}.input-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.input-row .knob-control{flex-direction:row;gap:8px}.midi-connect{color:var(--label);background:linear-gradient(#4b4853,#34323b);border-color:#0c0b0f;box-shadow:inset 0 1px #ffffff2b,0 2px 3px #000a}.midi-connect:hover:not(:disabled){background:linear-gradient(#55525d,#3a3841)}.midi-connect[aria-pressed=true]{color:var(--lilac-hi);background:linear-gradient(#2c2a32,#35323c);box-shadow:inset 0 1px 3px #000c}.input-bay .lcd-text{flex:1;justify-content:flex-start;gap:4px;max-height:150px}.channel-leds{grid-template-columns:repeat(16,1fr);align-items:end;gap:3px;display:grid}.channel-led{font:500 7.5px var(--mono);color:var(--print);flex-direction:column;align-items:center;gap:3px;display:flex}.arp-controls{flex:1;justify-content:space-around;align-items:center;gap:14px;display:flex}.arp-switches{grid-template-columns:auto auto;align-items:center;gap:8px 10px;display:grid}.arp-switches .field-label{color:var(--label-soft);font-size:8.5px}.input-bay .channel-leds{margin-top:auto}.blend-bay .knob-control{transform:scale(1.3)}.keybed{height:var(--keys-h,118px);background:linear-gradient(#b9b4c1,#d7d3dc 30%,#c9c4cf);border:1px solid #9a95a3;border-radius:10px;gap:10px;padding:8px;display:flex;box-shadow:inset 0 2px 5px #4c435a66,0 1px #fff}.keyboard{background:#1a181d;border:1px solid #3e3846;border-radius:4px;flex:1;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 3px 3px #0009}.keyboard button{touch-action:none;border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;min-width:0;padding:0 0 7px;font-size:8px;display:flex;position:absolute;top:0}.keyboard .white{color:#6d6577;background:linear-gradient(90deg,#d2ced7 0%,#f4f2f6 8%,#fbfafc 55%,#ece9f0 92%,#b4aebc 100%);border:1px solid #8f8899;border-top:0;height:100%;box-shadow:inset 0 5px 6px #3d34481f,inset 0 -6px #d8d3de,inset 0 -7px #fff}.keyboard .black{z-index:1;background:linear-gradient(90deg,#26232b 0%,#4a4651 18%,#2e2b33 55%,#17151a 100%);border:1px solid #0d0c10;border-top:0;height:62%;transform:translate(-50%);box-shadow:1px 4px 3px #1d1724a0,inset 0 -8px #1b1920,inset 0 -9px #5a5562}.keyboard .white.pressed{background:linear-gradient(#d8c1ee,#eadcfb 70%,#e3d3f7);box-shadow:inset 0 7px 9px #5b417566,inset 0 -3px #c8b0e2}.keyboard .black.pressed{background:linear-gradient(90deg,#3b2e48,#6f538a 40%,#3a2d46);box-shadow:0 1px 1px #000a,inset 0 -4px #2c2236}.keyboard button:disabled{cursor:default}.keyboard button:focus-visible{outline-offset:-3px;z-index:2;outline:2px solid #8a55d0}.key-label{font:600 8px var(--font);letter-spacing:.06em}@media (width>=1100px) and (height>=700px){.stage{height:100dvh}.instrument,.glass{flex:1;min-height:0}.page-panel{min-height:0}}@media (width>=1100px) and (height>=860px){.stage{--gap:12px}.instrument{--keys-h:136px}}@media (width>=1100px) and (height<=830px){.stage{--gap:8px;padding-top:6px}.instrument{--keys-h:104px}.case-top{min-height:48px}.transport{min-height:46px}.glass-top .tabs button{min-height:38px}}@media (width<=1180px){.effects-page{grid-template-columns:repeat(6,minmax(0,1fr))}.character-bay,.chorus-bay,.delay-bay{grid-column:span 2}.space-bay{grid-column:span 4}.duck-bay{grid-column:span 2}.status{clip-path:inset(50%);width:1px;height:1px;position:absolute}}@media (width<=760px){.stage{justify-content:flex-start;padding:8px 8px 10px}.instrument{--keys-h:112px;border-radius:14px;padding:0 8px 10px}.instrument:before{border-radius:12px}.case-top{grid-template-columns:1fr auto;gap:8px 10px;padding:10px 2px 0}.brand{gap:10px}.brand .maker{letter-spacing:.3em;font-size:10px}.brand h1{letter-spacing:.2em;padding-left:10px;font-size:11px}.preset{grid-area:2/1/auto/-1}.glass{padding:0 8px 8px}.glass-top{flex-direction:column;align-items:stretch}.tabs{justify-content:space-between;gap:0}.tabs button{letter-spacing:.12em;min-height:40px;padding:0 6px;font-size:10px}.tabs .tab-num{display:none}.status-leds{border-top:1px solid #ffffff0a;justify-content:flex-end;padding:6px 2px;position:static}.glass-body{grid-template-columns:minmax(0,1fr)}.page-panel{min-height:0}.sources-page,.shape-page,.effects-page,.perform-page{grid-template-columns:minmax(0,1fr)}.effects-page>.bay{grid-column:auto}.blend-bay{padding:4px 0}.source-wave{min-height:110px}.envelope-bay .display,.filter-bay .display{min-height:120px}.character-bay .display,.space-bay .display{min-height:90px}.delay-top{flex-wrap:wrap}.delay-lcd{min-width:150px}.arp-controls{flex-wrap:wrap;justify-content:space-around}.macro-strip{grid-template-columns:minmax(0,1fr) minmax(0,2fr);row-gap:8px}.group-returns{border-top:1px solid #00000080;grid-column:1/-1;padding-top:6px;box-shadow:none!important;border-left:0!important}.group-filter .knob-control.size-L .knob{margin:-9px;transform:scale(.82)}.meter{padding:6px 8px}.meter-head{justify-content:flex-start}.meter-foot,.meter-unit{display:none}.transport{flex-wrap:wrap;gap:8px;padding:4px 0}.transport .power,.transport .audition{flex:calc(50% - 4px);min-width:0}.transport .export{flex:auto}.transport .panic{margin-left:auto}.character-bay .display,.space-bay .display,.envelope-bay .display,.filter-bay .display{flex:none;height:130px}.duck-display{flex:none;height:150px}.transport-rule{display:none}.transport .status{clip-path:none;text-align:left;flex-basis:100%;order:9;width:auto;height:auto;position:static}.foot{flex-direction:column}.about{text-align:left}.wheels{gap:5px;padding:4px 5px}.wheel{width:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}