/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:Inter, ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:"SFMono-Regular", Consolas, "Liberation Mono", monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.\!filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--background:#0b0c0d;--foreground:#f2f3f2;--muted:#a1a4a1;--panel:#121314;--panel-2:#1b1c1d;--panel-3:#262728;--line:#3b3d3e;--cyan:#19f4d2;--lime:#9af66e;--pink:#ff4d8d;--amber:#f7d968;--danger:#ff7165;--pink-module-background:radial-gradient(circle at 50% 12%, #ff4d8d1c, transparent 46%), #111213;--pink-module-border:#ff4d8d3d}*{box-sizing:border-box}html{background:var(--background);width:100%;min-height:100%;overflow-x:clip}body{background:var(--background);color:var(--foreground);width:100%;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}button,input{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}.acid-app{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffff05 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/24px 24px,radial-gradient(circle at 12% 8%,#19f4d21f,#0000 30%) 0 0/100% 100%,radial-gradient(circle at 86% 90%,#ff4d8d1f,#0000 34%) 0 0/100% 100%,#0a0b0c 0 0/100% 100%;align-items:center;width:100%;min-width:0;min-height:100vh;padding:24px;display:flex}.acid-app button{touch-action:manipulation}.machine-shell{background:linear-gradient(135deg, #ffffff06, transparent 28%), var(--panel)}@supports (color:color-mix(in lab, red, red)){.machine-shell{background:linear-gradient(135deg, #ffffff06, transparent 28%), color-mix(in srgb, var(--panel) 94%, black)}}.machine-shell{border:1px solid #36383a;border-radius:10px;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;min-width:0;max-width:370px;margin:0 auto;padding:16px;display:grid;box-shadow:0 30px 100px #00000085,inset 0 1px #ffffff09}.machine-shell>*{min-width:0;max-width:100%}.machine-shell>.atmos-module{order:80}.machine-shell>.pad-synth-panel{order:81}.machine-shell>.moves-module{order:82}.machine-shell>.feature-graveyard{order:90}.machine-shell>.machine-footer{order:100}.machine-shell>.error-line{order:101}.sticky-performance-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);top:calc(env(safe-area-inset-top,0px) + 6px);z-index:80;background:#0c0e0fe6;border:1px solid #70757459;border-radius:7px;grid-template-columns:minmax(58px,.8fr) minmax(78px,1fr) minmax(116px,1.25fr) minmax(58px,.8fr);justify-content:center;justify-self:center;gap:3px;width:min(100%,381px);padding:4px;display:grid;position:sticky;box-shadow:0 8px 22px #00000057,inset 0 1px #ffffff0a}.sticky-performance-bar>button{appearance:none;cursor:pointer;font-family:var(--font-mono);letter-spacing:.1em;background:#141718;border:1px solid;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:32px;padding:5px 7px;font-size:.56rem;font-weight:1000;transition:background 90ms,box-shadow 90ms,transform 90ms;display:flex}.sticky-performance-bar>button:active{transform:translateY(1px)}.sticky-performance-bar>button:disabled{box-shadow:none;cursor:default;opacity:.34}.sticky-undo-button:not(:disabled){color:var(--amber)}.sticky-audio-reset-button{color:#ff9a58;min-width:0;letter-spacing:.02em!important;gap:0!important;padding-inline:1px!important;font-size:.4rem!important}.sticky-audio-reset-button[data-status=ready]{color:var(--cyan);background:#19f4d21f;border-color:#19f4d2b8;box-shadow:inset 0 0 12px #19f4d21a}.sticky-audio-reset-button[data-status=lag]{color:#ff8d84;background:#ff5b4f29;border-color:#ff7165db;box-shadow:inset 0 0 12px #ff5b4f1f}.sticky-play-button{color:var(--cyan)}.sticky-play-button span{border:5px solid #0000;border-left:8px solid;border-right-width:0;width:0;height:0}.sticky-play-button[data-active=true]{background:#19f4d221;box-shadow:inset 0 0 18px #19f4d21a}.sticky-play-button[data-active=true] span{background:currentColor;border:0;width:9px;height:9px}.sticky-flow-button{color:#a99cff;position:relative;overflow:hidden;letter-spacing:.04em!important;gap:4px!important}.sticky-flow-button>span{font-size:.92rem;line-height:1}.sticky-flow-button>strong{z-index:1;font-size:.48rem;position:relative}.sticky-flow-button[data-active=true]{color:#ddd8ff;background:radial-gradient(circle at 18%,#19f4d22e,#0000 48%),radial-gradient(circle at 82%,#a99cff47,#0000 55%),#14131c;border-color:#a99cffe0;box-shadow:inset 0 0 18px #a99cff21,0 0 10px #a99cff2e}.sticky-flow-button[data-stage=peak]{color:#ffb7d9;border-color:#ff6fb7e6;box-shadow:inset 0 0 18px #ff6fb729,0 0 11px #ff6fb733}.sticky-flow-button[data-stage=breathe]{color:#8fe9dc;border-color:#19f4d2a3}.sticky-energy-vote{color:#777d7c;min-width:0;letter-spacing:.02em!important;gap:0!important;padding-inline:1px!important;font-size:.34rem!important}.sticky-energy-dislike[data-active=true]{color:#ff8d84;background:#ff5b4f26;border-color:#ff7065e6;box-shadow:inset 0 0 12px #ff5b4f1f,0 0 8px #ff5b4f24}.sticky-energy-like[data-active=true]{color:var(--lime);background:#9af66e21;border-color:#9af66edb;box-shadow:inset 0 0 12px #9af66e1a,0 0 8px #9af66e1f}.flow-monitor{background:linear-gradient(#141819fa,#07090afc);border:1px solid #828c8c57;border-radius:7px;width:100%;min-width:0;overflow:hidden;box-shadow:inset 0 1px #ffffff09,inset 0 0 24px #19f4d205}.flow-monitor[data-enabled=true]{border-color:#a99cff8a;box-shadow:inset 0 1px #ffffff0b,inset 0 0 28px #a99cff0b,0 0 10px #a99cff0f}.flow-monitor-bar{background:#090b0cbd;border-bottom:1px solid #828c8c33;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.flow-monitor[data-collapsed=true] .flow-monitor-bar{border-bottom:0}.flow-monitor-collapse{appearance:none;color:#a8b0b0;cursor:pointer;font-family:var(--font-mono);text-align:left;background:#090b0cbd;border:0;grid-template-columns:minmax(104px,auto) minmax(0,1fr) 18px;align-items:center;width:100%;min-height:30px;padding:5px 8px;display:grid}.flow-monitor-collapse>span{color:#cfd4d5;letter-spacing:.13em;align-items:center;gap:6px;font-size:.48rem;font-weight:1000;display:flex}.flow-monitor-collapse>span i{background:#59605f;border-radius:50%;width:5px;height:5px;box-shadow:0 0 #0000}.flow-monitor[data-enabled=true] .flow-monitor-collapse>span i{background:var(--cyan);box-shadow:0 0 8px #19f4d2b8}.flow-monitor-collapse>small{color:#a99cffb8;letter-spacing:.07em;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.4rem;font-weight:900;overflow:hidden}.flow-monitor-collapse>b{color:#cfd4d59e;text-align:right;font-size:.72rem}.flow-monitor-bar-modes{align-items:center;gap:3px;padding:4px 7px 4px 0;display:flex}.flow-monitor-bar-modes button{appearance:none;color:#717a79;cursor:pointer;font-family:var(--font-mono);letter-spacing:.05em;background:#0b0f10;border:1px solid #7c85854d;border-radius:4px;min-height:22px;padding:3px 5px;font-size:.34rem;font-weight:950}.flow-monitor-bar-modes button[data-active=true]{color:#92e4d9;border-color:#19f4d29e}.flow-monitor-bar-modes button:focus-visible{outline-offset:1px;outline:1px solid}.flow-monitor-screen{background:linear-gradient(#19f4d206 1px,#0000 1px) 0 0/100% 14px,linear-gradient(90deg,#19f4d205 1px,#0000 1px) 0 0/18px 100%,#090c0d;gap:7px;padding:7px;display:grid}.flow-mode-selector{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;display:grid}.flow-mode-selector>span{color:#596361;font-family:var(--font-mono);letter-spacing:.1em;font-size:.32rem;font-weight:900}.flow-mode-selector>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.flow-mode-selector button{appearance:none;color:#717a79;cursor:pointer;font-family:var(--font-mono);text-align:center;background:#0b0f10;border:1px solid #7c858547;border-radius:5px;gap:1px;min-height:31px;padding:4px 5px;display:grid}.flow-mode-selector button strong{letter-spacing:.08em;font-size:.42rem}.flow-mode-selector button small{letter-spacing:.04em;opacity:.58;font-size:.29rem;font-weight:900}.flow-mode-selector button[data-active=true]{color:#92e4d9;background:linear-gradient(135deg,#19f4d21a,#a99cff17),#101415;border-color:#19f4d29e;box-shadow:inset 0 0 13px #19f4d20f}.flow-mode-selector button:focus-visible{outline-offset:2px;outline:1px solid}.flow-monitor-controls{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.flow-monitor-controls>span{color:#596361;font-family:var(--font-mono);letter-spacing:.1em;font-size:.32rem;font-weight:900}.flow-monitor-controls button{appearance:none;color:#737d7c;cursor:pointer;font-family:var(--font-mono);background:#0c1011;border:1px solid #7c858557;border-radius:999px;grid-template-columns:5px auto auto;align-items:center;gap:5px;min-height:24px;padding:3px 8px;display:inline-grid}.flow-monitor-controls button i{opacity:.46;background:currentColor;border-radius:50%;width:5px;height:5px}.flow-monitor-controls button strong{letter-spacing:.07em;font-size:.4rem}.flow-monitor-controls button small{color:inherit;opacity:.62;font-size:.31rem;font-weight:900}.flow-monitor-controls button[data-active=true]{color:#c8c0ff;background:linear-gradient(90deg,#19f4d217,#a99cff1f),#101315;border-color:#a99cffb8;box-shadow:inset 0 0 12px #a99cff14,0 0 8px #a99cff14}.flow-monitor-controls button[data-phase=touch]{color:#8fe9dc;border-color:#19f4d2d1}.flow-monitor-controls button:focus-visible{outline-offset:2px;outline:1px solid}.flow-monitor-now{grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr);align-items:stretch;gap:5px;display:grid}.flow-monitor-now>i{color:#a99cff85;font-family:var(--font-mono);text-align:center;align-self:center;font-size:1rem;font-style:normal}.flow-monitor-now article{background:#0c1011e6;border:1px solid #7c858547;border-radius:5px;min-width:0;min-height:58px;padding:6px 7px;display:grid}.flow-monitor-now article[data-role=active]{border-color:#19f4d261;box-shadow:inset 2px 0 #19f4d29e}.flow-monitor-now article[data-role=queued]{border-color:#a99cff6b;box-shadow:inset 2px 0 #a99cffad}.flow-monitor-now article small{color:#687271;font-family:var(--font-mono);letter-spacing:.12em;font-size:.34rem;font-weight:1000}.flow-monitor-now article strong{color:#d8dedf;font-family:var(--font-mono);letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.flow-monitor-now article[data-role=active] strong{color:#8fe9dc}.flow-monitor-now article[data-role=queued] strong{color:#c7beff}.flow-monitor-now article span{color:#737d7c;font-family:var(--font-mono);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.34rem;font-weight:800;line-height:1.25;overflow:hidden}.flow-monitor-history{border:1px solid #7c85852e;border-radius:4px;flex-direction:column;justify-content:flex-end;min-width:0;height:76px;padding:4px 6px;display:flex;overflow:hidden}.flow-monitor-history p{flex:0 0 11px;grid-template-columns:25px minmax(84px,.72fr) minmax(0,1.28fr);align-items:baseline;gap:5px;min-width:0;margin:0;display:grid}.flow-monitor-history time,.flow-monitor-history strong,.flow-monitor-history span,.flow-monitor-history>p:only-child{font-family:var(--font-mono);letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap;font-size:.31rem;overflow:hidden}.flow-monitor-history time{color:#f7d968ad}.flow-monitor-history strong{color:#8fe9dcb8}.flow-monitor-history span,.flow-monitor-history>p:only-child{color:#505958}.sticky-smash-button{color:#cbd1d4;isolation:isolate;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff07,0 0 9px #cad1d41a;background:var(--sticky-smash-splashes,none), linear-gradient(145deg, #ffffff0b, transparent 38%), linear-gradient(180deg, #1a1d1f, #0c0e0f)!important;border-color:#cad1d485!important}.sticky-smash-button:after{background:var(--sticky-smash-splashes,none);border-radius:inherit;content:"";filter:brightness(1.55)saturate(1.28);opacity:.88;pointer-events:none;-webkit-mask-composite:xor;z-index:1;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}.sticky-smash-button>strong{z-index:2;position:relative}.sticky-smash-button:hover,.sticky-smash-button:focus-visible{color:#eef2f3;border-color:#e8edefc7!important}.sticky-rytm-switch{background:#101415;border:1px solid #19f4d24d;border-radius:5px;grid-template-columns:24px minmax(46px,1fr) 24px;align-items:stretch;min-height:32px;transition:border-color 90ms,box-shadow 90ms;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.sticky-rytm-switch>button{appearance:none;color:#19f4d2b8;cursor:pointer;font-family:var(--font-mono);background:0 0;border:0;padding:0;font-size:.88rem;font-weight:1000;transition:background 90ms,color 90ms}.sticky-rytm-switch>button:first-child{border-right:1px solid #19f4d21f}.sticky-rytm-switch>button:last-child{border-left:1px solid #19f4d21f}.sticky-rytm-switch>button:hover,.sticky-rytm-switch>button:focus-visible{color:var(--cyan);background:#19f4d214;outline:none}.sticky-rytm-switch>button:disabled{cursor:default;opacity:.22}.sticky-rytm-switch .sticky-rytm-center{font-family:var(--font-mono);align-content:center;justify-items:center;min-width:0;padding:0 2px;line-height:.82;display:grid}.sticky-rytm-switch .sticky-rytm-center small{color:#19f4d299;letter-spacing:.08em;font-size:.32rem;font-weight:900}.sticky-rytm-switch .sticky-rytm-center strong{color:var(--muted);font-size:.5rem}.sticky-rytm-switch[data-preset="5"] .sticky-rytm-center strong{text-align:center;font-size:.42rem;line-height:.86}.sticky-rytm-switch[data-active=true]{border-color:#19f4d28a;box-shadow:inset 0 0 14px #19f4d20d,0 0 8px #19f4d20f}.sticky-rytm-switch[data-active=true] .sticky-rytm-center strong{color:var(--cyan)}.sticky-rytm-switch[data-queued=true]{border-color:#ffbb4da8;box-shadow:inset 0 0 14px #ffbb4d14,0 0 8px #ffbb4d14}.sticky-rytm-switch[data-queued=true] .sticky-rytm-center strong{color:var(--amber)}.header-tempo-control{border:1px solid var(--line);background:#0b0c0d;border-radius:999px;grid-template-columns:18px minmax(32px,1fr) 18px;align-items:stretch;min-height:34px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.header-tempo-control button{appearance:none;color:var(--cyan);cursor:pointer;font-family:var(--font-mono);background:0 0;border:0;padding:0;font-size:.72rem;font-weight:1000;transition:background 90ms}.header-tempo-control button:hover{background:#19f4d214}.header-tempo-control output{font-family:var(--font-mono);align-content:center;justify-items:center;line-height:.9;display:grid}.header-tempo-control output strong{color:var(--foreground);font-size:.62rem}.header-tempo-control output small{color:var(--cyan);letter-spacing:.08em;font-size:.3rem;font-weight:900}.sticky-utility-button{color:var(--muted)}.sticky-performance-bar>button:focus-visible,.header-tempo-control button:focus-visible{box-shadow:0 0 0 2px}@supports (color:color-mix(in lab, red, red)){.sticky-performance-bar>button:focus-visible,.header-tempo-control button:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, currentColor 62%, transparent)}}.sticky-performance-bar>button:focus-visible,.header-tempo-control button:focus-visible{outline:none}.machine-header{grid-template-columns:minmax(0,1fr) 68px;align-items:end;gap:10px;display:grid}.header-global-controls{grid-template-columns:68px;justify-self:end;align-items:stretch;gap:4px;width:100%;min-width:0;max-width:68px;display:grid}.brand-lockup{min-width:0}.brand-kicker{color:var(--muted);font-family:var(--font-mono);letter-spacing:.18em;white-space:nowrap;margin-bottom:5px;font-size:.55rem;font-weight:700;display:block}.brand-lockup h1{color:var(--foreground);font-family:var(--font-mono);letter-spacing:-.08em;white-space:nowrap;margin:0;font-size:clamp(1.15rem,3.6vw,1.8rem);font-weight:950;line-height:.85}.brand-lockup h1 span{color:var(--pink);text-shadow:0 0 14px #ff4d8d61;margin:0 .08em}.acid-preset-button,.core-preset-button{appearance:none;color:inherit;cursor:pointer;font:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;background:0 0;border:0;margin:0;padding:0;transition:color 90ms,text-shadow 90ms,transform 90ms}.acid-preset-button{color:var(--amber);text-shadow:0 0 14px #f7d96838}.core-preset-button{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.core-preset-button{color:color-mix(in srgb, var(--foreground) 68%, var(--muted))}}.core-preset-button{text-shadow:0 0 8px #f3f7ed0a}.acid-preset-button:hover,.acid-preset-button:focus-visible{color:#ffe87e;text-shadow:0 0 16px #f7d96880;outline:none}.core-preset-button:hover,.core-preset-button:focus-visible{color:var(--foreground);text-shadow:0 0 12px #f3f7ed2e;outline:none}.acid-preset-button:focus-visible{box-shadow:0 2px 0 var(--amber)}.core-preset-button:focus-visible{box-shadow:0 2px 0 var(--cyan)}.acid-preset-button:active,.core-preset-button:active{transform:translateY(1px)}.brand-lockup h1 b{color:var(--cyan);letter-spacing:-.04em;text-shadow:0 0 16px #19f4d24d;margin-left:.18em;font-size:.78em}.step-lamps{grid-template-columns:repeat(16,minmax(0,1fr));align-items:end;gap:5px;min-width:0;display:grid}.sticky-step-lamps{grid-column:1/-1;align-items:center;gap:4px;padding:3px 2px 1px}.audio-diagnostic-panel{background:#050809f5;border:1px solid #19f4d247;border-radius:4px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:4px 5px;display:grid}.audio-diagnostic-panel>div{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:2px 6px;min-width:0;display:grid}.audio-diagnostic-panel strong,.audio-diagnostic-panel output,.audio-diagnostic-panel small,.audio-diagnostic-panel button{font-family:var(--font-mono)}.audio-diagnostic-panel strong{color:var(--cyan);letter-spacing:.1em;font-size:.38rem}.audio-diagnostic-panel output{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.42rem;font-weight:900;overflow:hidden}.audio-diagnostic-panel small{color:var(--muted);letter-spacing:.035em;white-space:nowrap;grid-column:1/-1;font-size:.32rem}.audio-diagnostic-panel>button{appearance:none;color:var(--cyan);cursor:pointer;letter-spacing:.08em;background:#19f4d214;border:1px solid #19f4d27a;border-radius:3px;min-height:25px;padding:3px 7px;font-size:.38rem;font-weight:950}.audio-diagnostic-panel>button[data-copied=true]{color:var(--lime);background:#9af66e1f;border-color:#9af66ea3}.step-lamp{appearance:none;cursor:pointer;background:#242526;border:1px solid #3a3c3e;border-radius:999px;width:100%;min-width:0;height:9px;padding:0;transition:background 90ms,box-shadow 90ms,transform 90ms}.step-lamp[data-quarter=true]{border-color:#f7d96885}.step-lamp[data-enabled=true]{background:#9af66e6b;border-color:#9af66e99}.step-lamp[data-active=true]{background:var(--pink);border-color:var(--pink);transform:scaleY(1.45);box-shadow:0 0 13px #ff4d8dcc}.mix-fx-module{background:linear-gradient(115deg,#19f4d20b,#0000 34%),linear-gradient(245deg,#f7d9680b,#0000 42%),#121516;border:1px solid #19f4d240;border-radius:6px;overflow:hidden}.mix-fx-module[data-delay-active=true]{border-color:#f7d96880;box-shadow:inset 0 0 22px #f7d96809}.mix-fx-module[data-api-eq-active=true]{border-color:#6ea8ff85;box-shadow:inset 0 0 22px #6ea8ff0a}.mix-fx-collapse{appearance:none;color:var(--cyan);cursor:pointer;font-family:var(--font-mono);text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) 24px;align-items:center;width:100%;min-height:38px;padding:7px 9px;display:grid}.mix-fx-collapse>span{letter-spacing:.12em;font-size:.56rem;font-weight:950}.mix-fx-collapse small{color:var(--muted);letter-spacing:.055em;text-align:right;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;font-size:.42rem;font-weight:800;overflow:hidden}.mix-fx-collapse i{border:1px solid #19f4d259;border-radius:3px;justify-content:center;align-items:center;height:20px;font-size:.7rem;font-style:normal;display:flex}.mix-fx-collapse:focus-visible{box-shadow:inset 0 0 0 1px var(--cyan);outline:none}.mix-fx-content{border-top:1px solid #19f4d22e;grid-template-columns:minmax(0,1fr);gap:8px;padding:8px;display:grid}.mixer-bus-bank{grid-template-columns:repeat(5,minmax(0,1fr));align-self:start;gap:5px;display:grid;position:relative;container:mixer-bank/inline-size}.mixer-bass-tools{z-index:2;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:78px;left:calc(20% - 2px);transform:translate(-50%)}.mixer-level-link{color:#777f7b;cursor:pointer;font-family:var(--font-mono);background:#101313;border:1px solid #4c5350;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:.56rem;font-weight:1000;display:flex}.mixer-level-link[data-active=true]{color:#111413;background:#d5d9d7;border-color:#f2f5f3;box-shadow:0 0 8px #d5d9d766}.mixer-level-link:hover,.mixer-level-link:focus-visible{border-color:#d5d9d7;outline:none}.mixer-master-strip{background:linear-gradient(#f3f7ed0d,#0000 42%),#0d1011;border:1px solid #f3f7ed3b;border-radius:5px;grid-template-rows:auto auto minmax(0,1fr) auto;place-items:center;gap:8px;min-width:0;padding:7px 4px;display:grid}.mixer-master-strip>strong{color:var(--foreground);font-family:var(--font-mono);letter-spacing:.04em;font-size:.4rem;font-weight:1000}.mixer-master-heading button[data-active=true]{color:#07101c;background:#6ea8ff;border-color:#6ea8ff;box-shadow:0 0 8px #6ea8ff6b}.master-channel-eq{opacity:.46;border-color:#6ea8ff33}.master-channel-eq[data-active=true]{opacity:1}.mixer-master-display{background:linear-gradient(#82ffd209 1px,#0000 1px) 0 0/100% 5px,radial-gradient(circle at 50% 16%,#19f4d221,#0000 72%),#050909;border:1px solid #19f4d24d;border-radius:4px;justify-items:center;gap:4px;width:100%;padding:6px 5px;display:grid;overflow:hidden;box-shadow:inset 0 0 13px #19f4d20e,0 0 8px #19f4d20b}.mixer-master-display>span{color:#96eedc94;font-family:var(--font-mono);letter-spacing:.08em;font-size:.3rem;font-weight:950}.mixer-master-display>output{color:#a9ffe9;font-family:var(--font-mono);letter-spacing:-.08em;text-shadow:0 0 5px #19f4d2ad,0 0 13px #19f4d247;font-size:clamp(.72rem,3.4cqi,1rem);font-weight:1000;line-height:1}.mixer-master-display>output small{letter-spacing:0;margin-left:1px;font-size:.42em}.mixer-master-display>i{background:repeating-linear-gradient(90deg,#0000 0 7px,#050909 7px 9px),#14201d;border-radius:2px;width:100%;height:5px;display:block;position:relative;overflow:hidden}.mixer-master-display>i b{height:100%;width:var(--master-display-level);background:repeating-linear-gradient(90deg,#19f4d2 0 7px,#07110f 7px 9px);display:block;box-shadow:0 0 8px #19f4d299}.mixer-master-strip .mixer-level-fader{align-self:center}.mixer-fx-bank{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0;display:grid}.mixer-bus-strip{border:1px solid var(--mixer-color);background:#0d1011;align-items:center}@supports (color:color-mix(in lab, red, red)){.mixer-bus-strip{border:1px solid color-mix(in srgb, var(--mixer-color) 28%, #252a29)}}.mixer-bus-strip{border-radius:5px;grid-template-rows:auto auto auto auto;justify-items:center;gap:5px;min-width:0;padding:6px 4px;display:grid}.mixer-bus-strip[data-finish=silver]{background:linear-gradient(#edf1ef13,#0000 24%),linear-gradient(90deg,#ffffff05,#0000 22%,#ffffff07 68%,#0000),#0d1011;border-color:#6d7370;box-shadow:inset 0 1px #ffffff21,inset 1px 0 #ffffff06,inset -1px 0 #0000005c}.mixer-bus-strip[data-finish=silver] .mixer-bus-heading strong{color:#e0e3e1;text-shadow:0 1px #000}.mixer-bus-strip[data-finish=silver] .mixer-bus-heading button{color:#d5d9d7;background:linear-gradient(145deg,#343837,#171a19);border-color:#747a77;box-shadow:inset 0 1px #ffffff1a}.mixer-bus-strip[data-finish=silver] .mixer-level-fader input::-webkit-slider-thumb{background:linear-gradient(#f4f6f5,#a8afac);border-color:#303432;box-shadow:inset 0 1px #fff,0 1px 2px #000}.mixer-bus-strip[data-finish=silver] .mixer-level-fader input::-moz-range-thumb{background:linear-gradient(#f4f6f5,#a8afac);border-color:#303432;box-shadow:inset 0 1px #fff,0 1px 2px #000}.mixer-bus-strip[data-finish=silver] .knob-face{background:radial-gradient(circle at 38% 26%,#ffffff47,#0000 33%),linear-gradient(145deg,#6f7572,#252827 58%,#121413);border-color:#080909;box-shadow:inset 0 1px #ffffff3d,inset 0 -7px 10px #00000061}.mixer-bus-strip[data-muted=true]{filter:saturate(.35);opacity:.66}.mixer-bus-heading{justify-content:space-between;align-items:center;gap:4px;width:100%;display:flex}.mixer-bus-heading strong{color:var(--mixer-color);font-family:var(--font-mono);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:.42rem;font-weight:950;overflow:hidden}.mixer-bus-heading button{appearance:none;color:var(--muted);cursor:pointer;font-family:var(--font-mono);background:#181b1c;border:1px solid #343a38;border-radius:3px;min-width:20px;height:20px;padding:0;font-size:.42rem;font-weight:950}.mixer-bus-heading button[data-active=true]{background:var(--pink);border-color:var(--pink);color:#14060b;box-shadow:0 0 8px #ff4d8d73}.mixer-level-fader{grid-template-rows:auto auto auto;place-items:center;gap:4px;height:auto;display:grid}.mixer-level-fader>span,.mixer-level-fader output{font-family:var(--font-mono);font-size:.4rem;font-weight:900}.mixer-level-fader>span{color:var(--muted);letter-spacing:.08em}.mixer-level-fader output{color:var(--mixer-color)}.mixer-level-fader input{appearance:none;background:linear-gradient(to top, var(--mixer-color) 0 var(--mixer-level), #252b29 var(--mixer-level) 100%);cursor:ns-resize;touch-action:none;writing-mode:vertical-lr;direction:rtl;border:1px solid #343a38;border-radius:999px;width:7px;height:clamp(64px,50cqi,82px);margin:0}.mixer-level-fader input::-webkit-slider-thumb{appearance:none;box-shadow:0 0 7px var(--mixer-color);background:#e8eee9;border:2px solid #101313;border-radius:2px}@supports (color:color-mix(in lab, red, red)){.mixer-level-fader input::-webkit-slider-thumb{box-shadow:0 0 7px color-mix(in srgb, var(--mixer-color) 68%, transparent)}}.mixer-level-fader input::-webkit-slider-thumb{width:20px;height:9px}.mixer-level-fader input::-moz-range-thumb{box-shadow:0 0 7px var(--mixer-color);background:#e8eee9;border:2px solid #101313;border-radius:2px}@supports (color:color-mix(in lab, red, red)){.mixer-level-fader input::-moz-range-thumb{box-shadow:0 0 7px color-mix(in srgb, var(--mixer-color) 68%, transparent)}}.mixer-level-fader input::-moz-range-thumb{width:18px;height:7px}.mixer-bus-strip .knob-control{gap:1px}.mixer-bus-strip .knob{width:38px;height:38px}.mixer-bus-strip .knob-face{width:27px;height:27px}.mixer-bus-strip .knob-label,.mixer-bus-strip .knob-output{font-size:.39rem}.mixer-send-spacer{width:100%;height:52.5px}.mixer-channel-eq{border-bottom:1px solid var(--mixer-color)}@supports (color:color-mix(in lab, red, red)){.mixer-channel-eq{border-bottom:1px solid color-mix(in srgb, var(--mixer-color) 13%, transparent)}}.mixer-channel-eq{border-top:1px solid var(--mixer-color)}@supports (color:color-mix(in lab, red, red)){.mixer-channel-eq{border-top:1px solid color-mix(in srgb, var(--mixer-color) 13%, transparent)}}.mixer-channel-eq{gap:3px;width:100%;padding:4px 0;display:grid}.mixer-channel-eq .knob-control{grid-template-columns:minmax(0,1fr) 32px;grid-template-areas:"label knob""output knob";place-items:center start;gap:0 3px;width:100%;display:grid}.mixer-channel-eq .knob-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;grid-area:label;overflow:hidden}.mixer-channel-eq .knob{grid-area:knob;justify-self:end;width:32px;height:32px}.mixer-channel-eq .knob-face{width:23px;height:23px}.mixer-channel-eq .knob-indicator{width:2px;height:8px;margin-top:3px}.mixer-channel-eq .knob-output{text-align:left;text-overflow:ellipsis;white-space:nowrap;grid-area:output;max-width:100%;overflow:hidden}.pcf-module{background:linear-gradient(145deg,#19f4d212,#0000 54%),#0d1011;border:1px solid #19f4d245;border-radius:5px;gap:7px;min-width:0;padding:7px;display:grid}.pcf-module[data-active=true]{border-color:#19f4d2b3;box-shadow:inset 0 0 22px #19f4d211}.pcf-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.pcf-heading>div{gap:2px;min-width:0;display:grid}.pcf-heading strong,.pcf-heading small,.pcf-heading button,.pcf-switches button{font-family:var(--font-mono)}.pcf-heading strong{color:var(--cyan);letter-spacing:.12em;font-size:.56rem}.pcf-heading small{color:var(--muted);letter-spacing:.04em;font-size:.36rem}.pcf-heading button{appearance:none;color:var(--muted);cursor:pointer;background:#181b1c;border:1px solid #19f4d261;border-radius:3px;min-width:38px;min-height:25px;font-size:.42rem;font-weight:950}.pcf-heading button[data-active=true]{background:var(--cyan);color:#031411;box-shadow:0 0 10px #19f4d27a}.pcf-switches{grid-template-columns:.72fr 1.28fr;gap:5px;display:grid}.pcf-switches button{appearance:none;color:var(--foreground);cursor:pointer;background:#090c0c;border:1px solid #19f4d230;border-radius:4px;justify-content:space-between;align-items:center;min-height:31px;padding:4px 6px;display:flex}.pcf-switches span{color:var(--muted);letter-spacing:.05em;font-size:.35rem;font-weight:850}.pcf-switches strong{color:var(--cyan);font-size:.49rem}.pcf-knob-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:4px;display:grid}.pcf-knob-grid .knob-control{gap:2px;min-width:0}.pcf-knob-grid .knob{width:34px;height:34px}.pcf-knob-grid .knob-face{width:24px;height:24px}.pcf-knob-grid .knob-label,.pcf-knob-grid .knob-output{font-size:.38rem}.delay-module{background:linear-gradient(150deg,#f7d9680e,#0000 52%),#0d1011;border:1px solid #f7d96840;border-radius:5px;grid-template-rows:auto auto 1fr;gap:7px;min-width:0;padding:7px;display:grid}.delay-module[data-active=true]{border-color:#f7d968a6;box-shadow:inset 0 0 20px #f7d9680e}.delay-module-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.delay-module-heading>div{gap:2px;min-width:0;display:grid}.delay-module-heading .delay-heading-actions{flex:none;align-items:center;gap:4px;display:flex}.delay-module-heading strong,.delay-module-heading small,.delay-module-heading button{font-family:var(--font-mono)}.delay-module-heading strong{color:var(--amber);letter-spacing:.08em;font-size:.52rem}.delay-module-heading small{color:var(--muted);letter-spacing:.04em;font-size:.36rem}.delay-module-heading button{appearance:none;color:var(--muted);cursor:pointer;background:#181b1c;border:1px solid #f7d96859;border-radius:3px;min-width:38px;min-height:25px;font-size:.42rem;font-weight:950}.delay-module-heading button[data-active=true]{background:var(--amber);color:#171305;box-shadow:0 0 9px #f7d96885}.delay-module-heading .delay-mode-toggle{min-width:52px}.delay-module-heading .delay-mode-toggle[data-stereo=true]{color:#bdeaff;border-color:#8bdcffad;box-shadow:inset 0 0 9px #8bdcff14}.delay-time-bank{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.delay-time-button{appearance:none;color:var(--foreground);cursor:pointer;font-family:var(--font-mono);background:#090b0c;border:1px solid #f7d9682e;border-radius:4px;grid-template-columns:1fr;align-items:center;gap:5px;min-height:42px;padding:4px 6px;display:grid;position:relative}.delay-time-button[data-active=true]{background:linear-gradient(145deg,#f7d9681f,#0000 72%),#0b0d0e;border-color:#f7d9689e;box-shadow:inset 0 0 12px #f7d9680b}.delay-time-button span,.delay-time-button output{color:var(--muted);font-size:.4rem;font-weight:800}.delay-time-button strong{color:var(--amber);text-align:center;font-size:.65rem}.delay-time-button:not([data-active=true]) strong{color:#f7d9688c}.delay-module[data-stereo=false] .delay-time-button[data-channel=right]{filter:saturate(.35);opacity:.34;border-color:#f7d96814}.delay-knob-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:4px;display:grid}.delay-knob-grid .knob-control{gap:2px;min-width:0}.delay-knob-grid .knob{width:40px;height:40px}.delay-knob-grid .knob-face{width:29px;height:29px}.delay-knob-grid .knob-label,.delay-knob-grid .knob-output{font-size:.39rem}.plate-reverb-module{background:linear-gradient(145deg,#b499ff17,#0000 54%),#0d1011;border:1px solid #b499ff4d;border-radius:5px;gap:7px;min-width:0;padding:7px;display:grid}.plate-reverb-module[data-active=true]{border-color:#b499ffbf;box-shadow:inset 0 0 22px #b499ff14,0 0 9px #8bdcff14}.plate-reverb-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.plate-reverb-heading>div{gap:2px;min-width:0;display:grid}.plate-reverb-heading strong,.plate-reverb-heading small,.plate-reverb-heading button{font-family:var(--font-mono)}.plate-reverb-heading strong{color:#c7b4ff;letter-spacing:.08em;font-size:.52rem}.plate-reverb-heading small{color:var(--muted);letter-spacing:.04em;font-size:.36rem}.plate-reverb-heading button{appearance:none;color:var(--muted);cursor:pointer;background:#181b1c;border:1px solid #b499ff6b;border-radius:3px;min-width:38px;min-height:25px;font-size:.42rem;font-weight:950}.plate-reverb-heading button[data-active=true]{color:#100b1d;background:#b499ff;box-shadow:0 0 10px #b499ff8c}.plate-reverb-knob-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:4px;display:grid}.plate-reverb-knob-grid .knob-control{gap:2px;min-width:0}.plate-reverb-knob-grid .knob{width:40px;height:40px}.plate-reverb-knob-grid .knob-face{width:29px;height:29px}.plate-reverb-knob-grid .knob-label,.plate-reverb-knob-grid .knob-output{font-size:.37rem}.mw-stereo-module{background:linear-gradient(145deg,#8ee7ff13,#0000 54%),#0d1011;border:1px solid #8ee7ff4d;border-radius:5px;gap:7px;min-width:0;padding:7px;display:grid}.mw-stereo-module[data-active=true]{border-color:#8ee7ffb8;box-shadow:inset 0 0 20px #8ee7ff13}.mw-stereo-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.mw-stereo-heading>div{gap:2px;min-width:0;display:grid}.mw-stereo-heading strong,.mw-stereo-heading small,.mw-stereo-heading button{font-family:var(--font-mono)}.mw-stereo-heading strong{color:#8ee7ff;letter-spacing:.08em;font-size:.52rem}.mw-stereo-heading small{color:var(--muted);letter-spacing:.04em;font-size:.36rem}.mw-stereo-heading button{appearance:none;color:var(--muted);cursor:pointer;background:#181b1c;border:1px solid #8ee7ff66;border-radius:3px;min-width:38px;min-height:25px;font-size:.42rem;font-weight:950}.mw-stereo-heading button[data-active=true]{color:#07101c;background:#8ee7ff;box-shadow:0 0 9px #8ee7ff80}.mw-stereo-body{grid-template-columns:repeat(3,minmax(42px,1fr));place-items:center;gap:6px;min-width:0;display:grid}.mw-stereo-body .knob-control{gap:2px;min-width:0}.mw-stereo-body .knob{width:40px;height:40px}.mw-stereo-body .knob-face{width:29px;height:29px}.mw-stereo-body .knob-label,.mw-stereo-body .knob-output{font-size:.39rem}.parallel-distortion-module{background:radial-gradient(circle at 11px 11px,#292600 0 2px,#ffe83c 2.5px 4px,#0000 4.5px),radial-gradient(circle at calc(100% - 11px) 11px,#292600 0 2px,#ffe83c 2.5px 4px,#0000 4.5px),radial-gradient(circle at 11px calc(100% - 11px),#292600 0 2px,#ffe83c 2.5px 4px,#0000 4.5px),radial-gradient(circle at calc(100% - 11px) calc(100% - 11px),#292600 0 2px,#ffe83c 2.5px 4px,#0000 4.5px),repeating-linear-gradient(0deg,#ffffff0e 0 1px,#5b4c000b 1px 2px),linear-gradient(112deg,#ffffff47,#0000 26%,#ffffff14 62%,#0000 82%),linear-gradient(#f8df08,#caaa00);border:1px solid #5c5200;border-radius:6px;grid-column:1/-1;gap:7px;min-width:0;padding:8px 10px 10px;display:grid;box-shadow:inset 0 1px #ffffff9e,inset 0 -1px #0000006b,0 2px 5px #00000057}.parallel-distortion-module[data-active=true]{border-color:#fff05a;box-shadow:inset 0 1px #ffffffad,inset 0 -1px #0000006b,0 0 11px #f7d90038}.parallel-distortion-heading{justify-content:space-between;align-items:center;gap:8px;padding:0 13px;display:flex}.parallel-distortion-heading>div:first-child{gap:2px;min-width:0;display:grid}.parallel-distortion-heading strong,.parallel-distortion-heading small,.parallel-distortion-heading button{font-family:var(--font-mono)}.parallel-distortion-heading strong{color:#151817;letter-spacing:.11em;text-shadow:0 1px #ffffff59;font-size:.58rem;font-weight:1000}.parallel-distortion-heading small{color:#343837;letter-spacing:.035em;font-size:.36rem;font-weight:850}.parallel-distortion-status{flex:none;align-items:center;gap:6px;display:flex}.parallel-distortion-status>i{background:#343733;border:1px solid #20221f;border-radius:999px;width:7px;height:7px;box-shadow:inset 0 1px 1px #ffffff29}.parallel-distortion-module[data-active=true] .parallel-distortion-status>i{background:#ffdf00;box-shadow:0 0 4px #ffdf00eb,0 0 10px #ffdf0080}.parallel-distortion-heading button{appearance:none;color:#d9ddda;cursor:pointer;background:linear-gradient(#2c302e,#121413);border:1px solid #161817;border-radius:3px;min-width:42px;min-height:25px;font-size:.42rem;font-weight:1000;box-shadow:inset 0 1px #ffffff26}.parallel-distortion-heading button[data-active=true]{color:#151400;background:#f5d900;border-color:#3a3405;box-shadow:inset 0 1px #ffffff85,0 0 8px #f5d9006b}.parallel-distortion-plate{gap:4px;padding:2px 7px 3px;display:grid}.parallel-distortion-zone-labels{color:#282500;font-family:var(--font-mono);letter-spacing:.09em;text-align:center;grid-template-columns:3fr 4fr;font-size:.31rem;font-weight:1000;display:grid}.parallel-distortion-zone-labels span:first-child{border-right:1px solid #2a260061}.parallel-distortion-knob-grid{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:4px;min-width:0;display:grid}.parallel-distortion-knob-grid .knob-control{gap:2px;min-width:0}.parallel-distortion-knob-grid .knob-control:nth-child(3){border-right:1px solid #2a260061;padding-right:4px}.parallel-distortion-knob-grid .knob{background:conic-gradient(from -135deg, #151613 0deg, #151613 var(--knob-fill), #2f2b0029 var(--knob-fill), #2f2b0029 270deg, transparent 270deg), #d6bd00;border-color:#24210094;width:38px;height:38px;box-shadow:inset 0 0 0 4px #2a2c28,0 1px 2px #00000075}.parallel-distortion-knob-grid .knob-face{background:radial-gradient(circle at 38% 27%,#ffffff24,#0000 30%),linear-gradient(145deg,#292b28,#070807);border-color:#030403;width:27px;height:27px;box-shadow:inset 0 1px #ffffff1f,inset 0 -8px 12px #00000085}.parallel-distortion-knob-grid .knob-indicator{background:#f5f6ef;box-shadow:0 0 3px #ffffff75}.parallel-distortion-knob-grid .knob-label,.parallel-distortion-knob-grid .knob-output{color:#1d1d12;text-shadow:0 1px #ffffff38;font-size:.37rem;font-weight:1000}.atmos-module{background:radial-gradient(circle at 16% 18%,#76e5c417,#0000 34%),linear-gradient(120deg,#a8b8ff13,#0000 58%),#0c1013;border:1px solid #a8b8ff52;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;min-width:0;padding:8px;transition:border-color .14s,box-shadow .14s;display:grid}.atmos-module[data-active=true]{border-color:#a8b8ffc7;box-shadow:inset 0 0 24px #76e5c40e,0 0 12px #a8b8ff1a}.atmos-copy{gap:2px;min-width:0;display:grid}.atmos-copy small,.atmos-copy strong,.atmos-copy span,.atmos-toggle,.atmos-performance-controls{font-family:var(--font-mono)}.atmos-copy small{color:#76e5c4;letter-spacing:.085em;font-size:.35rem;font-weight:900}.atmos-copy strong{color:#d9dfff;letter-spacing:.14em;font-size:.62rem}.atmos-copy span{color:var(--muted);letter-spacing:.04em;font-size:.35rem;font-weight:800}.atmos-bank-selector,.atmos-character-selector{border-top:1px solid #a8b8ff21;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding-top:7px;display:grid}.atmos-character-selector>span{color:#687375;font-family:var(--font-mono);letter-spacing:.08em;font-size:.32rem;font-weight:900}.atmos-character-selector>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.atmos-character-selector button{appearance:none;color:#7d899f;cursor:pointer;font-family:var(--font-mono);background:#10151a;border:1px solid #a8b8ff47;border-radius:4px;min-height:28px;font-size:.4rem;font-weight:950}.atmos-character-selector button[data-active=true]{color:#dffbf3;background:#76e5c424;border-color:#76e5c4;box-shadow:inset 0 0 10px #76e5c414}.atmos-bank-selector>span{color:#687375;font-family:var(--font-mono);letter-spacing:.08em;font-size:.32rem;font-weight:900}.atmos-bank-selector>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.atmos-bank-selector button{appearance:none;color:#7d899f;cursor:pointer;font-family:var(--font-mono);background:#10151a;border:1px solid #a8b8ff47;border-radius:4px;min-height:29px;font-size:.42rem;font-weight:950}.atmos-bank-selector button[data-active=true]{color:#eef0ff;background:#a8b8ff33;border-color:#a8b8ff;box-shadow:inset 0 0 10px #76e5c414}.atmos-toggle{appearance:none;color:#9aa5c7;cursor:pointer;background:#11151a;border:1px solid #a8b8ff7a;border-radius:999px;align-self:center;min-width:48px;min-height:30px;font-size:.43rem;font-weight:1000}.atmos-toggle[data-active=true]{color:#090c13;background:#b5c1ff;border-color:#d7ddff;box-shadow:0 0 10px #a8b8ff66}.atmos-performance-controls{border-top:1px solid #a8b8ff21;grid-column:1/-1;grid-template-columns:minmax(0,2fr) minmax(76px,.7fr) minmax(96px,.8fr);gap:6px;padding-top:7px;display:grid}.atmos-performance-controls>div{gap:4px;display:grid}.atmos-performance-controls span{color:#687375;letter-spacing:.08em;font-size:.32rem;font-weight:900}.atmos-mode-selector>div,.atmos-octave-selector>div{gap:3px;display:grid}.atmos-mode-selector>div{grid-template-columns:repeat(4,minmax(0,1fr))}.atmos-octave-selector>div{grid-template-columns:repeat(3,minmax(0,1fr))}.atmos-octave-selector output{color:#e1e5ff;font-family:var(--font-mono);background:#0b1015;border:1px solid #a8b8ff33;border-radius:4px;justify-content:center;align-items:center;min-height:28px;font-size:.48rem;font-weight:1000;display:flex}.atmos-arp-controls{border-top:1px solid #a8b8ff1a;grid-column:1/-1;grid-template-columns:66px minmax(0,1fr);gap:6px;padding-top:6px;display:grid}.atmos-arp-rate-selector,.atmos-arp-order-selector{gap:3px;display:grid}.atmos-arp-order-selector>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}.atmos-arp-controls button{min-height:26px}.atmos-arp-rate-selector button{color:#f2d96f}.atmos-performance-controls button{appearance:none;color:#7d899f;cursor:pointer;font-family:var(--font-mono);background:#10151a;border:1px solid #a8b8ff47;border-radius:4px;min-height:28px;padding:4px;font-size:.38rem;font-weight:900}.atmos-performance-controls button[data-active=true]{color:#e1e5ff;background:#a8b8ff2e;border-color:#a8b8ff;box-shadow:inset 0 0 10px #76e5c414}.atmos-performance-controls button:disabled{cursor:default;opacity:.34}.atmos-knobs{border-top:1px solid #a8b8ff21;grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));place-items:center;gap:5px;padding-top:7px;display:grid}.atmos-knobs .knob-control{gap:2px;min-width:0}.atmos-knobs .knob{width:40px;height:40px}.atmos-knobs .knob-face{width:29px;height:29px}.atmos-knobs .knob-label,.atmos-knobs .knob-output{font-size:.38rem}.moves-module{background:linear-gradient(112deg,#a99cff0e,#0000 36%),#121316;border:1px solid #a99cff4d;border-radius:6px;transition:border-color .1s,box-shadow .1s;overflow:hidden}.moves-module[data-active=true]{border-color:#a99cffc2;box-shadow:inset 0 0 22px #a99cff0e}.moves-heading{font-family:var(--font-mono);justify-content:space-between;align-items:center;min-height:30px;padding:6px 8px;display:flex}.moves-heading strong{color:#b6aaff;letter-spacing:.12em;font-size:.55rem}.moves-heading small{color:var(--muted);letter-spacing:.055em;font-size:.35rem;font-weight:850}.moves-content{border-top:1px solid #a99cff29;gap:7px;padding:7px;display:grid}.dj-sweep-module{background:linear-gradient(120deg,#a99cff18,#0000 52%),#0d1011;border:1px solid #a99cff52;border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:7px;transition:border-color .1s,box-shadow .1s;display:grid}.dj-sweep-copy{gap:2px;min-width:0;display:grid}.dj-sweep-copy small,.dj-sweep-copy strong,.dj-sweep-copy span,.dj-sweep-module button{font-family:var(--font-mono)}.dj-sweep-copy small{color:#a99cff;letter-spacing:.08em;font-size:.36rem;font-weight:900}.dj-sweep-copy strong{color:#ddd8ff;letter-spacing:.08em;font-size:.54rem}.dj-sweep-copy span{color:var(--muted);letter-spacing:.035em;font-size:.35rem}.dj-sweep-actions{grid-template-columns:repeat(2,minmax(54px,1fr));gap:5px;display:grid}.dj-sweep-module button{appearance:none;color:#c9c1ff;cursor:pointer;background:#17151f;border:1px solid #a99cff9e;border-radius:4px;justify-items:center;gap:2px;min-width:54px;min-height:36px;padding:5px 7px;display:grid}.dj-sweep-module button strong{color:inherit;letter-spacing:.04em;font-size:.43rem;font-weight:1000}.dj-sweep-module button small{color:inherit;letter-spacing:.08em;opacity:.72;font-size:.3rem;font-weight:900}.dj-sweep-module button:hover,.dj-sweep-module button:focus-visible{background:#a99cff24;outline:none;box-shadow:0 0 10px #a99cff29}.dj-sweep-module[data-active=true]{border-color:#a99cffe6;box-shadow:inset 0 0 18px #a99cff17,0 0 10px #a99cff1f}.dj-sweep-module button[data-active=true]{color:#f0edff;cursor:default;background:#a99cff38;animation:.44s ease-in-out infinite alternate dj-sweep-pulse}.dj-sweep-module button[data-phase=armed]{color:#f7d968;border-color:#f7d968d1}.dj-sweep-module button[data-phase=running]{color:#f0edff;border-color:#a99cffeb}@keyframes dj-sweep-pulse{0%{box-shadow:inset 0 0 8px #a99cff1a}to{box-shadow:inset 0 0 14px #a99cff38,0 0 9px #a99cff2e}}.air-module{background:linear-gradient(118deg,#a9e9ff1a,#0000 54%),#0c1012;border:1px solid #a9e9ff52;border-radius:5px;gap:7px;min-width:0;padding:7px;transition:border-color .1s,box-shadow .1s;display:grid}.air-topline{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.air-copy{gap:2px;min-width:0;display:grid}.air-copy small,.air-copy strong,.air-copy span,.air-action-row>span,.air-actions button{font-family:var(--font-mono)}.air-copy small{color:#a9e9ff;letter-spacing:.08em;font-size:.36rem;font-weight:900}.air-copy strong{color:#e2f8ff;letter-spacing:.1em;font-size:.58rem}.air-copy span{color:var(--muted);letter-spacing:.035em;font-size:.35rem}.air-knobs{grid-template-columns:repeat(2,44px);gap:4px;display:grid}.air-knobs .knob-control{gap:1px;min-width:0}.air-knobs .knob{width:38px;height:38px}.air-knobs .knob-face{width:27px;height:27px}.air-knobs .knob-label,.air-knobs .knob-output{font-size:.36rem}.air-action-groups{gap:5px;display:grid}.air-action-row{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:6px;min-width:0;display:grid}.air-action-row>span{color:#87cfe7;letter-spacing:.06em;font-size:.36rem;font-weight:950}.air-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0;display:grid}.air-actions button{appearance:none;color:#bdefff;cursor:pointer;background:#10191d;border:1px solid #a9e9ff7a;border-radius:4px;justify-items:center;gap:1px;min-width:0;min-height:31px;padding:4px 5px;display:grid}.air-actions button strong{color:inherit;font-size:.43rem;font-weight:1000}.air-actions button small{color:inherit;letter-spacing:.05em;opacity:.72;font-size:.28rem;font-weight:900}.air-actions button:hover,.air-actions button:focus-visible{background:#a9e9ff1f;outline:none;box-shadow:0 0 9px #a9e9ff21}.air-module[data-active=true]{border-color:#a9e9ffd1;box-shadow:inset 0 0 18px #a9e9ff12,0 0 9px #a9e9ff1a}.air-actions button[data-active=true]{color:#e5faff;background:#a9e9ff2e;border-color:#a9e9ffeb;animation:.44s ease-in-out infinite alternate dj-sweep-pulse}.air-actions button[data-phase=armed]{color:#f7d968;border-color:#f7d968d6}.signal-row{grid-template-columns:minmax(0,1.35fr) minmax(240px,.9fr);gap:10px;display:grid}.signal-row>.synth-panel{order:0}.signal-row>.performance-panel{order:-1}.signal-row>.bend-sequencer{order:2}.synth-panel,.performance-panel,.random-panel,.scene-panel,.transport-panel,.sequencer-panel,.note-panel{background:var(--panel-2);border:1px solid var(--line);border-radius:8px}.synth-panel,.performance-panel{padding:11px}.synth-panel{transition:background .16s,border-color .16s,box-shadow .16s}.synth-panel[data-model=mw303]{background:linear-gradient(112deg,#fff3,#0000 23%,#ffffff12 58%,#0000 78%),repeating-linear-gradient(0deg,#ffffff09 0 1px,#00000006 1px 2px),linear-gradient(#adb3b0,#858b88);border-color:#d7dcda;box-shadow:inset 0 1px #ffffff9e,inset 1px 0 #ffffff2e,inset -1px 0 #0000003d,0 2px 7px #00000052}.mw2-panel[data-enabled=false] .knob-grid{display:none}.mw2-panel .synth-model-switch{cursor:default}.pad-synth-panel{background:radial-gradient(circle at 82% 4%,#c9a6ff21,#0000 34%),repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),linear-gradient(150deg,#1c1924,#11151a 62%,#17131e);border:1px solid #c9a6ff6b;border-radius:8px;padding:11px;box-shadow:inset 0 1px #ffffff14,0 2px 7px #00000047}.pad-synth-panel[data-enabled=true]{border-color:#c9a6ffc2;box-shadow:inset 0 0 22px #c9a6ff0b,0 0 10px #c9a6ff14}.pad-synth-title{font-family:var(--font-mono);flex-direction:column;gap:2px;display:flex}.pad-synth-title strong{color:#dcc8ff;letter-spacing:.12em;font-size:.72rem}.pad-synth-title small{color:#8f8a9c;letter-spacing:.08em;font-size:.34rem}.pad-synth-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px;display:grid}.pad-lfo-panel{background:linear-gradient(#8fe8ff09,#0000 42%),#05070ab8;border:1px solid #8fe8ff38;border-radius:6px;margin-top:11px;padding:8px}.pad-lfo-heading,.pad-lfo-heading>div,.pad-lfo-mode,.pad-lfo-shapes{align-items:center;display:flex}.pad-lfo-heading{justify-content:space-between;margin-bottom:6px}.pad-lfo-heading>div:first-child{gap:6px}.pad-lfo-heading strong,.pad-lfo-heading span,.pad-lfo-mode button,.pad-lfo-shapes button,.pad-lfo-rate,.pad-lfo-polarity{font-family:var(--font-mono);letter-spacing:.07em;font-weight:900}.pad-lfo-heading strong{color:#8fe8ff;font-size:.55rem}.pad-lfo-heading span{color:#777f8a;font-size:.4rem}.pad-lfo-mode,.pad-lfo-shapes{gap:3px}.pad-lfo-mode button,.pad-lfo-shapes button,.pad-lfo-polarity{appearance:none;color:#777f87;cursor:pointer;background:#0d1114;border:1px solid #8fe8ff38;border-radius:4px}.pad-lfo-mode button{padding:4px 6px;font-size:.38rem}.pad-lfo-mode button[data-active=true],.pad-lfo-shapes button[data-active=true]{color:#bcefff;background:#8fe8ff21;border-color:#8fe8ffb8;box-shadow:0 0 7px #8fe8ff1a}.pad-lfo-shapes{grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:6px;display:grid}.pad-lfo-shapes button{white-space:nowrap;min-width:0;padding:5px 2px;font-size:.34rem}.pad-lfo-body{grid-template-columns:minmax(0,1fr) 90px;gap:8px;display:grid}.pad-lfo-screen{--pad-lfo-phase:0%;touch-action:none;background-color:#0000;background-image:linear-gradient(#8fe8ff0b 1px,#0000 1px),linear-gradient(90deg,#8fe8ff0b 1px,#0000 1px),radial-gradient(circle,#101d23,#070b0e 72%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:12.5% 25%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #8fe8ff57;border-radius:4px;height:104px;position:relative;overflow:hidden;box-shadow:inset 0 0 14px #000000a6,0 0 8px #8fe8ff0a}.pad-lfo-screen[data-draw=true]{cursor:crosshair}.pad-lfo-screen svg{pointer-events:none;width:100%;height:100%;display:block}.pad-lfo-axis,.pad-lfo-grid{fill:none;vector-effect:non-scaling-stroke}.pad-lfo-axis{stroke:#8fe8ff2e;stroke-width:1px}.pad-lfo-grid{stroke:#8fe8ff14;stroke-width:1px}.pad-lfo-wave{fill:none;filter:drop-shadow(0 0 3px #8fe8ff80);stroke:#8fe8ff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;vector-effect:non-scaling-stroke}.pad-lfo-playhead{height:100%;left:var(--pad-lfo-phase);opacity:.75;pointer-events:none;background:#f7d968e0;width:1px;position:absolute;top:0;transform:translate(-1px);box-shadow:0 0 5px #f7d968b3}.pad-lfo-controls{grid-template-columns:1fr;align-items:center;gap:5px;display:grid}.pad-lfo-controls .knob-control{min-width:0}.pad-lfo-rate{color:#777f87;text-align:center;gap:3px;font-size:.37rem;display:grid}.pad-lfo-rate select{appearance:none;color:#dbeaf0;font:inherit;text-align:center;background:#0d1114;border:1px solid #8fe8ff47;border-radius:4px;width:100%;padding:4px}.pad-lfo-polarity{width:100%;padding:5px 3px;font-size:.35rem}.pad-chord-sequencer{background:#05070aa8;border:1px solid #c9a6ff33;border-radius:6px;margin-top:11px;padding:8px}.pad-chord-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:7px;display:flex}.pad-chord-toolbar>strong{color:#dcc8ff;font-family:var(--font-mono);letter-spacing:.1em;font-size:.52rem}.pad-chord-toolbar label{color:#8f8a9c;font-family:var(--font-mono);letter-spacing:.06em;align-items:center;gap:4px;font-size:.38rem;display:flex}.pad-chord-toolbar select,.pad-chord-steps select,.pad-chord-rate button{appearance:none;color:#d8d4df;font-family:var(--font-mono);background:#0d1114;border:1px solid #c9a6ff4d;border-radius:4px;font-weight:800}.pad-chord-toolbar select{padding:4px 6px;font-size:.5rem}.pad-chord-rate{gap:3px;display:flex}.pad-chord-rate button{cursor:pointer;padding:4px 5px;font-size:.4rem}.pad-chord-rate button[data-active=true]{color:#eadfff;background:#c9a6ff2e;border-color:#c9a6ff}.pad-chord-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.pad-chord-steps label{background:#0f1216e0;border:1px solid #c9a6ff2e;border-radius:5px;gap:3px;min-width:0;padding:5px;display:grid}.pad-chord-steps label>span{color:#76717e;font-family:var(--font-mono);font-size:.36rem;font-weight:900}.pad-chord-steps select{cursor:pointer;text-align:center;width:100%;min-width:0;padding:6px 4px;font-size:.58rem}.pad-chord-steps label[data-in-range=false]{opacity:.38}.pad-chord-steps label[data-active=true]{background:#c9a6ff1f;border-color:#c9a6ff;box-shadow:0 0 9px #c9a6ff29}.mw2-follow-label{color:#d8ddda;text-align:center;background:#070908b8;border:1px solid #141615;border-radius:4px;flex-direction:column;grid-column:span 2;justify-content:center;align-self:stretch;align-items:center;min-width:0;padding:8px;display:flex}.mw2-follow-label strong,.mw2-follow-label span{font-family:var(--font-mono);font-weight:950}.mw2-follow-label strong{color:var(--lime);letter-spacing:.11em;font-size:.56rem}.mw2-follow-label span{color:#858d89;letter-spacing:.045em;margin-top:5px;font-size:.34rem}.fm-bass-module{background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px),radial-gradient(circle at 16% 0,#ffb84d1c,#0000 42%),#151515;border:1px solid #514431;border-radius:8px;padding:10px 11px 9px;transition:border-color .14s,box-shadow .14s;box-shadow:inset 0 1px #ffffff12,inset 0 -18px 35px #0000003d}.fm-bass-module[data-enabled=true]{border-color:#b67d32;box-shadow:inset 0 1px #ffffff14,inset 0 -18px 35px #0000003d,0 0 12px #ffb84d1a}.fm-bass-heading{justify-content:space-between;align-items:center;display:flex}.fm-bass-heading>div{gap:2px;display:grid}.fm-bass-heading strong,.fm-bass-heading small,.fm-bass-heading button,.fm-bass-routing{font-family:var(--font-mono);letter-spacing:.08em;font-weight:950}.fm-bass-heading strong{color:#ffc05b;font-size:.7rem}.fm-bass-heading small{color:#817562;font-size:.38rem}.fm-bass-heading button{color:#8a7c69;cursor:pointer;background:#0b0c0c;border:1px solid #5b4a31;border-radius:4px;min-width:50px;min-height:30px;font-size:.48rem}.fm-bass-heading button[data-active=true]{color:#211505;background:#ffb84d;border-color:#ffd07f;box-shadow:0 0 10px #ffb84d4d}.fm-bass-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px;display:grid}.fm-bass-module .knob-control{min-width:0}.fm-bass-module .knob-label,.fm-bass-module .knob-output{color:#b7aa96}.fm-bass-module .knob-face{background:radial-gradient(circle at 35% 25%,#ffffff2e,#0000 28%),linear-gradient(145deg,#353433,#111212 64%);border-color:#050505}.fm-bass-routing{color:#706658;border-top:1px solid #ffb84d26;justify-content:space-between;gap:9px;margin-top:8px;padding-top:6px;font-size:.35rem;display:flex}.synth-panel[data-model=mw303] .synth-model-switch{color:#eef1ef;background:linear-gradient(145deg,#252928,#0e1010);border-color:#505653;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #00000059}.synth-panel[data-model=mw303] .synth-model-switch small{color:#aeb5b1}.synth-panel[data-model=mw303] .knob-control{--knob-accent:#303634}.synth-panel[data-model=mw303] .knob-label,.synth-panel[data-model=mw303] .knob-output{color:#171b19;text-shadow:0 1px #ffffff38;font-weight:950}.synth-panel[data-model=mw303] .knob{border-color:#11141385;box-shadow:inset 0 0 0 4px #252827,0 1px 2px #0000007a}.synth-panel[data-model=mw303] .knob-face{background:radial-gradient(circle at 38% 27%,#ffffff1f,#0000 30%),linear-gradient(145deg,#292d2b,#090b0a);border-color:#050606;box-shadow:inset 0 1px #ffffff1c,inset 0 -8px 12px #0000007a}.synth-panel[data-model=mw303] .knob-indicator{background:#edf0ee;box-shadow:0 0 3px #ffffff57}.synth-panel[data-model=mw303] .knob-control:is([data-label=PORTA],[data-label=ATTACK],[data-label=RELEASE]){background:linear-gradient(155deg,#ffffff12,#0000 34%),#2d302f;border:1px solid #141615;border-radius:3px;padding:5px 1px 4px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,0 1px 2px #0000006b}.synth-panel[data-model=mw303] .knob-control:is([data-label=PORTA],[data-label=ATTACK],[data-label=RELEASE]):before,.synth-panel[data-model=mw303] .knob-control:is([data-label=PORTA],[data-label=ATTACK],[data-label=RELEASE]):after{content:"";background:radial-gradient(circle at 35% 30%,#d7dad7,#555a57 64%,#171918);border-radius:999px;width:4px;height:4px;position:absolute;top:3px}.synth-panel[data-model=mw303] .knob-control:is([data-label=PORTA],[data-label=ATTACK],[data-label=RELEASE]):before{left:3px}.synth-panel[data-model=mw303] .knob-control:is([data-label=PORTA],[data-label=ATTACK],[data-label=RELEASE]):after{right:3px}.synth-panel[data-model=mw303] .knob-control:is([data-label=PORTA],[data-label=ATTACK],[data-label=RELEASE]) .knob{border-color:#090a09;width:46px;height:46px;box-shadow:inset 0 0 0 3px #111312,0 1px 3px #000000b8}.synth-panel[data-model=mw303] .knob-control[data-label=PORTA] .knob-face{background:radial-gradient(circle at 34% 24%,#ffffff38,#0000 31%),linear-gradient(145deg,#607f95,#1e3849);border-color:#172c39;width:32px;height:32px;box-shadow:inset 0 1px #ffffff2e,inset 0 -7px 10px #00000057}.synth-panel[data-model=mw303] .knob-control[data-label=PORTA] .knob-indicator{background:#f0e4bd;box-shadow:0 0 2px #fff4d061}.synth-panel[data-model=mw303] .knob-control[data-label=ATTACK] .knob-face{background:radial-gradient(circle at 35% 24%,#ffffff7a,#0000 31%),linear-gradient(145deg,#e1dcc8,#857f6c);border-color:#4c493e;width:32px;height:32px;box-shadow:inset 0 1px #ffffff85,inset 0 -7px 10px #38342b42}.synth-panel[data-model=mw303] .knob-control[data-label=ATTACK] .knob-indicator{background:#bf352e;box-shadow:0 0 2px #bf352e6b}.synth-panel[data-model=mw303] .knob-control[data-label=RELEASE] .knob-face{background:radial-gradient(circle at 33% 23%,#fff3,#0000 30%),linear-gradient(145deg,#6e7951,#29301d);border-color:#242a1a;width:32px;height:32px;box-shadow:inset 0 1px #ffffff29,inset 0 -7px 10px #00000061}.synth-panel[data-model=mw303] .knob-control[data-label=RELEASE] .knob-indicator{background:#efe8c9;box-shadow:0 0 2px #efe8c961}.synth-panel[data-model=mw303] .knob-control:is([data-label=PORTA],[data-label=ATTACK],[data-label=RELEASE]) .knob-label,.synth-panel[data-model=mw303] .knob-control:is([data-label=PORTA],[data-label=ATTACK],[data-label=RELEASE]) .knob-output{color:#e6e8e4;text-shadow:0 1px #000}.synth-panel[data-model=mw303][data-turbo=true]{background:radial-gradient(circle at 28% 0,#ff523924,#0000 48%),linear-gradient(112deg,#ffffff2e,#0000 25%,#ffffff0f 60%,#0000 80%),repeating-linear-gradient(0deg,#ffffff08 0 1px,#00000006 1px 2px),linear-gradient(#aaaead,#858785);border-color:#ff634ea3}.synth-panel[data-turbo=true]{background:radial-gradient(circle at 28% 0,#ff523921,#0000 52%),linear-gradient(135deg,#67160f2b,#0000 68%),#181515;border-color:#ff574266;box-shadow:inset 0 0 26px #ff3b270f,0 0 15px #ff3b2717}.synth-panel[data-model=tb303]{background:radial-gradient(circle at 15% 0%, #f7d96812, transparent 48%), var(--panel-2);border-color:#f7d9684d}.synth-panel[data-model=morph303]{background:linear-gradient(112deg,#ddb96a11,#0000 34%),linear-gradient(#1b1c1c,#121414);border-color:#ddb96a57;box-shadow:inset 0 1px #ffffff09,0 2px 7px #0000003d}.panel-heading,.section-heading{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:22px;margin-bottom:9px;font-size:.62rem;font-weight:800;display:flex}.synth-model-switch{color:var(--cyan);cursor:pointer;font-family:var(--font-mono);background:#101112;border:1px solid #4be0ff52;border-radius:5px;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;min-height:31px;padding:3px 7px;transition:border-color .16s,color .16s,text-shadow .16s;display:inline-flex}.synth-model-switch strong{letter-spacing:.08em;font-size:.62rem;line-height:1}.synth-model-switch small{color:var(--muted);letter-spacing:.09em;font-size:.34rem;line-height:1}.synth-model-switch:hover{border-color:currentColor}.synth-model-switch[data-model=tb303]{color:var(--amber);border-color:#f7d9687a}.synth-model-switch[data-model=morph303]{color:#ddb96a;border-color:#ddb96a80}.synth-panel[data-turbo=true] .synth-model-switch{border-color:#ff57427a}.synth-panel[data-turbo=true] .synth-model-switch strong{color:#ff7466;text-shadow:0 0 5px #ff5b49b8,0 0 15px #ff372357}.panel-heading output{color:var(--cyan);letter-spacing:0;font-size:.56rem;font-weight:600}.panel-switches{gap:6px;display:flex}.wave-switch,.filter-switch,.turbo-switch,.muffler-switch,.hold-switch,.midi-switch,.tb-reference-badge{border:1px solid var(--line);color:var(--cyan);cursor:pointer;font-family:var(--font-mono);background:#101112;border-radius:5px;align-items:center;gap:5px;min-height:25px;padding:4px 7px;font-size:.58rem;font-weight:900;display:inline-flex}.wave-switch:hover,.filter-switch:hover,.turbo-switch:hover,.muffler-switch:hover,.hold-switch:hover,.midi-switch:hover{border-color:var(--cyan)}.filter-switch{color:var(--lime)}.filter-switch[data-mode="3pole"]{color:var(--pink);border-color:#ff4d8d7a}.filter-switch[data-mode=ladder]{color:var(--amber);background:linear-gradient(135deg,#f7d9681a,#0000),#101112;border-color:#f7d968a8;box-shadow:0 0 12px #f7d9681a}.turbo-switch{color:var(--muted)}.turbo-switch[data-active=true]{color:#ff7466;text-shadow:0 0 8px #ff493480;background:linear-gradient(135deg,#ff523b29,#0000),#101112;border-color:#ff5b49ad;box-shadow:0 0 12px #ff3b272e}.muffler-switch{color:var(--muted)}.muffler-switch[data-active=true]{color:var(--lime);background:linear-gradient(135deg,#9af66e21,#0000),#101112;border-color:#9af66e9e;box-shadow:0 0 10px #9af66e1f}.hold-switch{color:var(--muted);padding-inline:6px}.hold-switch[data-active=true]{color:var(--amber);text-shadow:0 0 7px #f7d96859;background:linear-gradient(135deg,#f7d96826,#0000),#101112;border-color:#f7d968b3;box-shadow:0 0 11px #f7d96829}.midi-switch{color:var(--muted);padding-inline:6px;display:none}.midi-switch:before{content:"";background:#3d4341;border-radius:50%;width:5px;height:5px;box-shadow:inset 0 0 0 1px #ffffff14}.midi-switch[data-state=connecting]:before,.midi-switch[data-state=waiting]:before{background:var(--amber);box-shadow:0 0 6px #f7d9688a}.midi-switch[data-state=connected]{color:var(--lime);border-color:#9af66e9e}.midi-switch[data-state=connected]:before{background:var(--lime);box-shadow:0 0 7px #9af66ead}.midi-switch[data-state=unsupported],.midi-switch[data-state=error]{color:#ff7466;border-color:#ff74668c}.midi-switch[data-state=unsupported]:before,.midi-switch[data-state=error]:before{background:#ff7466;box-shadow:0 0 6px #ff746680}.tb-reference-badge{color:var(--amber);cursor:default;border-color:#f7d96866;justify-content:center}.synth-panel[data-model=morph303] .tb-reference-badge{color:#c9a75f;border-color:#ddb96a61}.morph-wave-rack{background:linear-gradient(#ffffff06,#0000),#0d0f0f;border:1px solid #ddb96a3d;border-radius:7px;gap:9px;width:100%;margin:1px 0 13px;padding:9px 11px 10px;display:grid}.morph-wave-slider{--morph-value:50%;color:#a8aaa7;font-family:var(--font-mono);gap:5px;min-width:0;display:grid}.morph-wave-slider>span,.morph-wave-slider>div{align-items:center;display:flex}.morph-wave-slider>span{justify-content:space-between}.morph-wave-slider strong{color:#ddb96a;letter-spacing:.11em;font-size:.56rem}.morph-wave-slider output{color:#d9d4c5;font-size:.5rem;font-weight:800}.morph-wave-slider>div{gap:0;padding-top:11px;position:relative}.morph-wave-slider small{color:#777b78;letter-spacing:.08em;font-size:.43rem;font-weight:900;position:absolute;top:0;left:0}.morph-wave-slider small:last-child{text-align:right;left:auto;right:0}.morph-wave-slider input[type=range]{appearance:none;background:linear-gradient(90deg, #b68f3e 0 var(--morph-value), #252928 var(--morph-value) 100%);cursor:ew-resize;border:1px solid #343936;border-radius:999px;flex:auto;width:100%;min-width:0;height:8px;margin:0;box-shadow:inset 0 1px 3px #000000d1,0 0 8px #ddb96a0a}.morph-wave-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(145deg,#ebe7da,#8b8e89);border:1px solid #f3eee0;border-radius:3px;width:12px;height:19px;box-shadow:0 1px 3px #000000bf,0 0 0 2px #00000047}.morph-wave-slider input[type=range]::-moz-range-thumb{background:linear-gradient(145deg,#ebe7da,#8b8e89);border:1px solid #f3eee0;border-radius:3px;width:10px;height:17px;box-shadow:0 1px 3px #000000bf}.morph-wave-width{opacity:.82}.morph-wave-width strong{color:#aaa58f}.morph-wave-width input[type=range]{background:linear-gradient(90deg, #777260 0 var(--morph-value), #252928 var(--morph-value) 100%)}.wave-icon{color:var(--pink);letter-spacing:-.16em;font-size:.66rem}.knob-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:10px 8px;display:grid}.knob-grid .knob-control[data-label=GATE]{grid-area:2/1/auto/span 3}.knob-grid .knob-control[data-label=ACCENT]{grid-area:2/4/auto/span 3}.knob-grid .knob-control[data-label=DRIVE]{grid-area:2/7/auto/span 3}.knob-grid .knob-control[data-label=NOISE],.knob-grid .knob-control[data-label=LOW\ PASS]{grid-area:2/10/auto/span 3}.synth-panel[data-model=mw303] .knob-grid .knob-control[data-label=NOISE] .knob{width:48px;height:48px}.synth-panel[data-model=mw303] .knob-grid .knob-control[data-label=NOISE] .knob-face{width:34px;height:34px}.synth-panel[data-model=mw303] .knob-grid .knob-control[data-label=NOISE] .knob-label,.synth-panel[data-model=mw303] .knob-grid .knob-control[data-label=NOISE] .knob-output{font-size:.49rem}.mw-mod-strip{background:radial-gradient(circle at 7px 7px,#c9ccca 0 1px,#4a4e4c 2px,#111312 3px,#0000 3.5px),radial-gradient(circle at calc(100% - 7px) 7px,#c9ccca 0 1px,#4a4e4c 2px,#111312 3px,#0000 3.5px),radial-gradient(circle at 7px calc(100% - 7px),#c9ccca 0 1px,#4a4e4c 2px,#111312 3px,#0000 3.5px),radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#c9ccca 0 1px,#4a4e4c 2px,#111312 3px,#0000 3.5px),linear-gradient(155deg,#ffffff14,#0000 34%),repeating-linear-gradient(0deg,#ffffff05 0 1px,#00000006 1px 2px),#292c2b;border:1px solid #121413;border-radius:4px;grid-area:3/1/auto/-1;grid-template-columns:repeat(3,minmax(46px,1fr)) minmax(76px,1.25fr) 58px;align-items:center;gap:7px;min-height:108px;padding:8px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0e,0 1px 3px #00000075}.knob-grid .mw-mod-strip .knob-control:is([data-label=PORTA],[data-label=ATTACK],[data-label=RELEASE]){box-shadow:none;background:0 0;border:0;grid-area:auto;padding:0}.synth-panel[data-model=mw303] .mw-mod-strip .knob-control:is([data-label=PORTA],[data-label=ATTACK],[data-label=RELEASE]):before,.synth-panel[data-model=mw303] .mw-mod-strip .knob-control:is([data-label=PORTA],[data-label=ATTACK],[data-label=RELEASE]):after{display:none}.synth-panel[data-model=mw303] .mw-mod-strip .knob-control:is([data-label=PORTA],[data-label=ATTACK],[data-label=RELEASE]) .knob{background:#0b0d0c;border-color:#060706;box-shadow:inset 0 0 0 3px #151817,0 1px 3px #000000bd}.synth-panel[data-model=mw303] .mw-mod-strip .knob-control:is([data-label=PORTA],[data-label=ATTACK],[data-label=RELEASE]) .knob-face{background:radial-gradient(circle at 35% 24%,#ffffff21,#0000 31%),linear-gradient(145deg,#252827,#050606);border-color:#020303;box-shadow:inset 0 1px #ffffff1a,inset 0 -7px 10px #00000094}.mw-mod-actions{grid-template-rows:minmax(50px,1fr) 25px;align-self:stretch;gap:5px;min-width:0;padding:3px 0;display:grid}.mw-mod-actions button{appearance:none;cursor:pointer;font-family:var(--font-mono);border-radius:4px;min-width:0;font-weight:1000}.mw-mod-actions [data-testid=mw-randomize]{color:#dce1e3;text-align:center;background:radial-gradient(circle at 18% 24%,#ffffff1a,#0000 24%),radial-gradient(circle at 78% 72%,#cad1d414,#0000 28%),linear-gradient(145deg,#ffffff0b,#0000 38%),linear-gradient(#1a1d1f,#0c0e0f);border:1px solid #cad1d494;justify-content:center;align-items:center;padding:5px;display:flex;box-shadow:inset 0 0 0 1px #ffffff07,0 0 10px #cad1d41c}.mw-mod-actions [data-testid=mw-randomize] strong{letter-spacing:.08em;font-size:.58rem}.mw-mod-actions [data-testid=mw-randomize]:hover,.mw-mod-actions [data-testid=mw-randomize]:focus-visible{color:#f4f7f8;border-color:#e8edefd6;outline:none;box-shadow:inset 0 0 0 1px #ffffff0d,0 0 15px #dde2e43d}.mw-mod-actions [data-testid=mw-default]{color:#c4cac6;letter-spacing:.06em;background:linear-gradient(#202322,#0e100f);border:1px solid #555b58;padding:3px;font-size:.36rem}.mw-mod-actions [data-testid=mw-default]:hover,.mw-mod-actions [data-testid=mw-default]:focus-visible{color:#f1f3f1;border-color:#d7dcda;outline:none}.mw-logo-mark{justify-content:flex-end;align-self:stretch;align-items:center;min-width:0;padding:10px 5px 9px 7px;display:flex}.mw-logo-mark svg{filter:drop-shadow(0 -2px 2px #000000db)drop-shadow(0 2px #e7ebe829);opacity:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:76px;display:block}.mw-logo-mark .mw-logo-cutout-fill{fill:url(#mw-logo-panel-metal)}.knob-grid .knob-control[data-label=CUTOFF]{grid-area:1/1/auto/span 3}.knob-grid .knob-control[data-label=RESONANCE]{grid-area:1/4/auto/span 3}.knob-grid .knob-control[data-label=ENV\ MOD]{grid-area:1/7/auto/span 3}.knob-grid .knob-control[data-label=DECAY]{grid-area:1/10/auto/span 3}.knob-control{flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex}.knob-control[data-accent=cyan]{--knob-accent:var(--cyan)}.knob-control[data-accent=lime]{--knob-accent:var(--lime)}.knob-control[data-accent=pink]{--knob-accent:var(--pink)}.knob-label,.knob-output{font-family:var(--font-mono);line-height:1}.knob-label{color:var(--muted);letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;font-size:.5rem;font-weight:800;overflow:hidden}.knob-output{color:var(--knob-accent);font-size:.56rem}.knob{appearance:none;background:conic-gradient(from -135deg, var(--knob-accent) 0deg, var(--knob-accent) var(--knob-fill), #f3f7ed1f var(--knob-fill), #f3f7ed1f 270deg, transparent 270deg), #090a0b;box-shadow:inset 0 0 0 4px #151617, 0 0 14px var(--knob-accent);border:1px solid #f3f7ed29;border-radius:999px;align-items:center}@supports (color:color-mix(in lab, red, red)){.knob{box-shadow:inset 0 0 0 4px #151617, 0 0 14px color-mix(in srgb, var(--knob-accent) 10%, transparent)}}.knob{cursor:ns-resize;justify-content:center;width:50px;height:50px;padding:0;display:inline-flex;position:relative;touch-action:none!important}.knob-control[data-xy-routed=true] .knob:after{content:"";pointer-events:none;height:5px;transform:translate(-50%, -50%) rotate(var(--knob-base-rotation)) translateY(-22px);z-index:3;background:#f7d968;border:1px solid #000000b8;border-radius:999px;width:5px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #f7d96880}.knob:focus-visible{outline:2px solid var(--knob-accent);outline-offset:3px}.knob-face{height:36px;transform:rotate(var(--knob-rotation));background:radial-gradient(circle at 38% 28%,#ffffff21,#0000 34%),linear-gradient(145deg,#343536,#111213);border:1px solid #000000b8;border-radius:999px;justify-content:center;align-items:flex-start;width:36px;display:flex;box-shadow:inset 0 1px #ffffff1a,inset 0 -8px 12px #00000052}.synth-panel[data-turbo=true] .knob{box-shadow:inset 0 0 0 4px #1a1414, inset 0 0 9px #ff46301a, 0 0 14px var(--knob-accent);border-color:#ff6f5c36}@supports (color:color-mix(in lab, red, red)){.synth-panel[data-turbo=true] .knob{box-shadow:inset 0 0 0 4px #1a1414, inset 0 0 9px #ff46301a, 0 0 14px color-mix(in srgb, var(--knob-accent) 10%, transparent)}}.synth-panel[data-turbo=true] .knob-face{background:radial-gradient(circle at 38% 28%,#ffffff21,#0000 34%),radial-gradient(circle at 34% 23%,#ff5b481a,#0000 54%),linear-gradient(145deg,#373334,#131112);box-shadow:inset 0 1px #ffa6971f,inset 0 -8px 12px #1700005c}.knob-indicator{background:var(--knob-accent);box-shadow:0 0 7px var(--knob-accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.knob-indicator{box-shadow:0 0 7px color-mix(in srgb, var(--knob-accent) 54%, transparent)}}.knob-indicator{width:3px;height:11px;margin-top:4px;display:block}.performance-panel{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:9px;display:grid}.performance-surface{aspect-ratio:1;order:0;width:100%;min-height:0;position:relative}.performance-surface>.xy-pad{width:100%;height:100%}.xy-router{background:linear-gradient(120deg,#19f4d20e,#0000 48%),#0b0e0f;border:1px solid #19f4d233;border-radius:6px;order:2;gap:6px;padding:7px;display:grid}.xy-router[data-active=true]{border-color:#19f4d275;box-shadow:inset 0 0 18px #19f4d209}.xy-router[data-collapsed=true]{gap:0}.xy-router [hidden]{display:none}.xy-router-content{gap:6px;display:grid}.xy-router-collapse{appearance:none;color:var(--cyan);cursor:pointer;font-family:var(--font-mono);text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) 24px;align-items:center;width:100%;min-height:28px;padding:0;display:grid}.xy-router-collapse span{letter-spacing:.1em;font-size:.5rem;font-weight:1000}.xy-router-collapse small{color:var(--muted);letter-spacing:.055em;text-align:right;text-overflow:ellipsis;white-space:nowrap;padding:0 7px;font-size:.35rem;font-weight:850;overflow:hidden}.xy-router-collapse i{border:1px solid #19f4d257;border-radius:3px;justify-content:center;align-items:center;height:20px;font-size:.65rem;font-style:normal;display:flex}.xy-router-collapse:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}.xy-router-heading,.xy-router-route,.xy-router-route>label,.xy-router-axis{align-items:center;display:flex}.xy-router-heading{justify-content:space-between}.xy-router-heading>div{gap:2px;display:grid}.xy-router-heading strong{color:var(--cyan);font-family:var(--font-mono);letter-spacing:.12em;font-size:.58rem}.xy-router-heading small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.07em;font-size:.36rem}.xy-router-heading>button,.xy-router-axis button{appearance:none;color:var(--muted);cursor:pointer;font-family:var(--font-mono);background:#121617;border:1px solid #19f4d23d;border-radius:3px;min-height:22px;font-size:.46rem;font-weight:1000}.xy-router-heading>button{min-width:42px}.xy-router-heading>button[data-active=true]{color:var(--cyan);background:#19f4d21f;border-color:#19f4d2b8}.xy-router-routes{gap:4px;display:grid}.xy-router-route{background:#ffffff05;border:1px solid #ffffff0e;border-radius:4px;grid-template-columns:15px minmax(86px,1fr) 48px minmax(100px,1.1fr);gap:5px;min-width:0;padding:4px;display:grid}.xy-router-route[data-connected=true]{border-color:#19f4d22e}.xy-router-route>span{color:#19f4d280;font-family:var(--font-mono);text-align:center;font-size:.48rem;font-weight:1000}.xy-router-route select{color:#dce4e1;font-family:var(--font-mono);background:#111516;border:1px solid #ffffff1c;border-radius:3px;width:100%;min-width:0;min-height:24px;padding:2px 4px;font-size:.44rem;font-weight:850}.xy-router-axis{gap:3px}.xy-router-axis button{flex:1 1 0;min-width:0;padding:0}.xy-router-axis button:first-child[data-active=true]{color:var(--cyan);border-color:#19f4d2b8}.xy-router-axis button:last-child[data-active=true]{color:var(--pink);border-color:#ff4d8db8}.xy-router-route>label{gap:4px;min-width:0}.xy-router-route>label small,.xy-router-route>label output{font-family:var(--font-mono);font-size:.4rem;font-weight:900}.xy-router-route>label small{color:var(--muted)}.xy-router-route>label output{color:var(--cyan);text-align:right;min-width:24px}.xy-router-route input[type=range]{accent-color:var(--cyan);cursor:ew-resize;width:100%;min-width:0}.xy-anchor-control{z-index:7;background:#080a0adb;border:1px solid #9af66e3d;border-radius:5px;padding:4px 5px;position:absolute;top:6px;left:6px}.xy-anchor-control .knob-control{gap:2px}.xy-anchor-control .knob{width:36px;height:36px;box-shadow:inset 0 0 0 3px #151617,0 0 10px #9af66e14}.xy-anchor-control .knob-face{width:26px;height:26px}.xy-anchor-control .knob-indicator{width:2px;height:8px;margin-top:3px}.xy-anchor-control .knob-label,.xy-anchor-control .knob-output{font-size:.42rem}.performance-surface[data-pong=true] .xy-anchor-control{opacity:.32;pointer-events:none}.performance-pad-grid{order:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"play open auto note";gap:7px;width:100%;min-height:86px;display:grid}.performance-pad-grid .performance-pad{gap:4px;padding:7px 4px}.performance-pad-grid .performance-pad strong{font-size:clamp(.58rem,2.7cqi,.82rem)}.performance-pad-grid .performance-pad small{letter-spacing:.06em;text-align:center;font-size:clamp(.25rem,1.35cqi,.36rem);line-height:1.15}.note-ghost-module{background:linear-gradient(112deg,#8ca7ff14,#0000 54%),#101214;border:1px solid #8ca7ff4d;border-radius:6px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:7px 9px;transition:border-color .12s,box-shadow .12s;display:grid}.note-ghost-module[data-active=true]{border-color:#8ca7ffd1;box-shadow:inset 0 0 20px #8ca7ff14,0 0 10px #8ca7ff1a}.note-ghost-heading{justify-content:space-between;align-items:center;gap:9px;min-width:0;display:flex}.note-ghost-heading>div{gap:3px;min-width:0;display:grid}.note-ghost-heading strong,.note-ghost-heading small,.note-ghost-heading button{font-family:var(--font-mono)}.note-ghost-heading strong{color:#aebeff;letter-spacing:.08em;font-size:.56rem}.note-ghost-heading small{color:var(--muted);letter-spacing:.045em;font-size:.34rem;font-weight:850}.note-ghost-module[data-active=true][data-ready=false] .note-ghost-heading small{color:var(--amber)}.note-ghost-heading button{appearance:none;color:#8ca7ff;cursor:pointer;background:#171922;border:1px solid #8ca7ff75;border-radius:4px;min-width:45px;min-height:31px;padding:4px 7px;font-size:.42rem;font-weight:1000}.note-ghost-heading button[data-active=true]{color:#dbe2ff;background:#8ca7ff2e;border-color:#8ca7ff;box-shadow:0 0 9px #8ca7ff29}.note-ghost-heading button:hover,.note-ghost-heading button:focus-visible{border-color:#b3c2ff;outline:none}.note-ghost-knobs{grid-template-columns:repeat(2,48px);gap:8px;display:grid}.note-ghost-knobs .knob-control{gap:3px}.note-ghost-knobs .knob-label,.note-ghost-knobs .knob-output{font-size:.36rem}.note-ghost-knobs .knob{box-shadow:inset 0 0 0 3px #151617, 0 0 10px var(--knob-accent)}@supports (color:color-mix(in lab, red, red)){.note-ghost-knobs .knob{box-shadow:inset 0 0 0 3px #151617, 0 0 10px color-mix(in srgb, var(--knob-accent) 9%, transparent)}}.note-ghost-knobs .knob{width:38px;height:38px}.note-ghost-knobs .knob-face{width:27px;height:27px}.note-ghost-knobs .knob-indicator{width:2px;height:8px;margin-top:3px}.feature-graveyard{background:linear-gradient(115deg,#8ca7ff06,#0000 42%),#0d0f10;border:1px solid #292d2c;border-radius:7px;order:3;overflow:hidden}.feature-graveyard>summary{color:#646b68;cursor:pointer;font-family:var(--font-mono);justify-content:space-between;align-items:center;min-height:31px;padding:6px 9px;list-style:none;display:flex}.feature-graveyard>summary::-webkit-details-marker{display:none}.feature-graveyard>summary span{letter-spacing:.1em;font-size:.48rem;font-weight:950}.feature-graveyard>summary small{letter-spacing:.06em;font-size:.34rem;font-weight:850}.feature-graveyard[open]>summary{border-bottom:1px solid #252928}.feature-graveyard:not([open])>:not(summary){display:none}.feature-graveyard>:not(summary){margin-top:10px}.feature-graveyard>.note-ghost-module{filter:saturate(.56);border:0;border-radius:0}.performance-pad{color:#707574;font-family:var(--font-mono);background:radial-gradient(circle at 50% 35%,#ffffff09,#0000 58%),#141617;border:1px solid #3d4141;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:0;padding:8px;display:flex}.performance-pad strong{letter-spacing:.05em;font-size:clamp(.82rem,2.4vw,1.08rem);font-weight:1000}.performance-pad small{letter-spacing:.12em;font-size:.42rem;font-weight:900}.performance-play-pad{color:var(--cyan);cursor:pointer;border-color:#19f4d26b;grid-area:play;transition:background 90ms,border-color 90ms,box-shadow 90ms,transform 90ms}.performance-play-pad:hover,.performance-play-pad:focus-visible{border-color:var(--cyan);outline:none;box-shadow:inset 0 0 24px #19f4d214}.performance-play-pad:active{transform:translateY(1px)}.performance-play-pad[data-active=true]{color:var(--cyan);background:radial-gradient(circle at 50% 40%,#19f4d233,#0000 62%),#0d1d1b;border-color:#19f4d2c7;box-shadow:inset 0 0 25px #19f4d21f,0 0 14px #19f4d224}.pool-smash-button{aspect-ratio:1;color:#e8edef;cursor:pointer;isolation:isolate;background:linear-gradient(145deg,#ffffff0b,#0000 34%),linear-gradient(#181b1d 0%,#0b0d0e 68%,#111416 100%);border-color:#e8edef52;width:clamp(86px,24%,96px);min-height:0;transition:background 90ms,border-color 90ms,box-shadow 90ms,transform 90ms;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff07,inset 0 -13px 22px #00000061,0 0 10px #e8edef14}.pool-smash-button:before{border-radius:inherit;content:"";opacity:.42;pointer-events:none;z-index:0;background:repeating-linear-gradient(132deg,#ffffff07 0 1px,#0000 1px 5px);position:absolute;inset:0}.pool-smash-color-wash{border-radius:inherit;filter:saturate(1.18);mix-blend-mode:screen;opacity:.82;pointer-events:none;z-index:1;animation:.62s ease-out both pool-smash-color-bloom;position:absolute;inset:0}.pool-smash-color-rim{border-radius:inherit;filter:brightness(1.2)saturate(1.18);pointer-events:none;z-index:3;background-color:#0000;animation:.62s ease-out both pool-smash-rim-bloom;position:absolute;inset:0}.pool-smash-button>strong{color:#e8edef;letter-spacing:.08em;text-shadow:0 0 8px #e8edef29,0 1px 3px #000000eb;z-index:4;position:relative}@keyframes pool-smash-color-bloom{0%{filter:brightness(1.8)saturate(1.3);opacity:.28;transform:translateY(11%)scaleY(.72)}42%{filter:brightness(1.4)saturate(1.24);opacity:.88}to{filter:brightness()saturate(1.18);opacity:.82;transform:translateY(0)scaleY(1)}}@keyframes pool-smash-rim-bloom{0%{filter:brightness(2.2)saturate(1.45);opacity:.42}46%{filter:brightness(1.85)saturate(1.38);opacity:1}to{filter:brightness(1.2)saturate(1.18);opacity:.94}}.pool-smash-row{justify-content:center;align-items:center;min-height:96px;display:flex;position:relative}.pool-smash-side-control,.pool-smash-octave-screen{background:linear-gradient(145deg,#ffffff09,#0000 42%),#0b0e0f;border:1px solid #cad1d438;border-radius:6px;align-self:center;gap:5px;width:100%;min-width:0;max-width:116px;padding:6px;box-shadow:inset 0 1px #ffffff06,inset 0 -12px 18px #00000042}.pool-root-screen{position:absolute;top:50%;left:0;transform:translateY(-50%)}.pool-smash-octave-screen{position:absolute;top:50%;right:0;transform:translateY(-50%)}.pool-smash-side-control>span{color:#d8dddfa3;text-align:center}.pool-stepper.pool-smash-side-control>div{background:radial-gradient(circle at 50% 42%,#f7d96813,#0000 72%),#0d1011;border:1px solid #cad1d433;border-radius:4px;grid-template-columns:34px minmax(28px,1fr) 34px;overflow:hidden}.pool-stepper.pool-smash-side-control button,.pool-stepper.pool-smash-side-control output{background:0 0;border:0;height:46px}.pool-stepper.pool-smash-side-control button{color:#cbd1d4;text-shadow:0 0 7px #d8dddf29;font-size:1rem}.pool-stepper.pool-smash-side-control output{color:var(--amber);text-shadow:0 0 10px #f7d96847;font-size:1.18rem}.pool-stepper.pool-smash-side-control button:first-child,.pool-stepper.pool-smash-side-control button:last-child{border-radius:0}.pool-stepper.pool-smash-side-control button:hover,.pool-stepper.pool-smash-side-control button:focus-visible{color:#eef2f3;background:#e8edef0e}.pool-smash-length{background:#07090ab8;border:1px solid #ff4d8d40;border-radius:4px;flex:0 0 64px;width:64px;padding:2px}.pool-smash-length>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.pool-smash-length button{appearance:none;border:1px solid var(--line);color:var(--muted);cursor:pointer;font-family:var(--font-mono);background:#15181a;border-radius:3px;min-height:18px;padding:0;font-size:.5rem;font-weight:1000}.pool-smash-length button[data-active=true]{color:var(--pink);background:#ff4d8d26;border-color:#ff4d8dd1;box-shadow:0 0 9px #ff4d8d33}.pool-smash-length button:focus-visible{outline:2px solid var(--pink);outline-offset:1px}.pool-smash-button:hover,.pool-smash-button:focus-visible{background:radial-gradient(circle at 50% 18%,#e8edef12,#0000 56%),linear-gradient(145deg,#ffffff0d,#0000 34%),linear-gradient(#1a1d1f 0%,#0c0e0f 68%,#121517 100%);border-color:#e8edef9e;outline:none;box-shadow:inset 0 0 24px #e8edef12,0 0 12px #e8edef1f}.pool-smash-button:active{transform:translateY(1px)}.performance-auto-xy-pad{color:var(--amber);cursor:pointer;border-color:#f7d96880;grid-area:auto;transition:background 90ms,border-color 90ms,box-shadow 90ms,transform 90ms}.performance-auto-xy-cell{grid-area:auto}.performance-auto-xy-cell,.performance-note-xy-cell{grid-template-rows:minmax(0,1fr) 20px;gap:3px;min-height:0;display:grid;position:relative}.performance-auto-xy-cell .performance-auto-xy-pad{width:100%;height:100%;min-height:0}.performance-motion-toggle{appearance:none;color:#747a77;cursor:pointer;font-family:var(--font-mono);letter-spacing:.07em;background:#101213;border:1px solid #3d4141;border-radius:4px;min-width:0;padding:0 3px;font-size:.34rem;font-weight:1000}.performance-motion-toggle:disabled{cursor:default;opacity:.4}.performance-bounce-toggle[data-active=true]{color:var(--amber);background:#211e12;border-color:#f7d968d1}.performance-note-follow-toggle[data-active=true]{color:#8ca7ff;background:#121522;border-color:#8ca7ffd1}.performance-motion-toggle:focus-visible{border-color:currentColor;outline:none}.performance-auto-xy-pad:hover,.performance-auto-xy-pad:focus-visible{border-color:var(--amber);outline:none;box-shadow:inset 0 0 24px #f7d96817}.performance-auto-xy-pad:active{transform:translateY(1px)}.performance-auto-xy-pad[data-active=true]{background:radial-gradient(circle at 50% 40%,#f7d96833,#0000 62%),#211e12;border-color:#f7d968cc;box-shadow:inset 0 0 25px #f7d9681f,0 0 14px #f7d96829}.performance-pad-empty:disabled{cursor:default;opacity:.72;grid-area:open}.performance-live-record-pad{color:#ff6a5d;cursor:pointer;border-color:#ff5b4f7a;grid-area:open;transition:background 90ms,border-color 90ms,box-shadow 90ms,transform 90ms;position:relative}.performance-live-record-pad:hover,.performance-live-record-pad:focus-visible{border-color:#ff6a5d;outline:none;box-shadow:inset 0 0 24px #ff524514}.performance-live-record-pad:active{transform:translateY(1px)}.performance-live-record-pad[data-active=true]{background:radial-gradient(circle at 50% 40%,#ff524533,#0000 62%),#211210;border-color:#ff5b4fd1;box-shadow:inset 0 0 25px #ff52451f,0 0 14px #ff524529}.performance-live-record-pad[data-state=countin]{color:var(--amber);animation:.43s ease-out infinite alternate live-record-count-in}.performance-paint-pad{color:#77f0c7;cursor:pointer;border-color:#77f0c775;grid-area:open;transition:background 90ms,border-color 90ms,box-shadow 90ms,transform 90ms;position:relative}.performance-paint-pad:hover,.performance-paint-pad:focus-visible{border-color:#77f0c7;outline:none;box-shadow:inset 0 0 24px #77f0c71a}.performance-paint-pad:active{transform:translateY(1px)}.performance-paint-pad[data-active=true]{background:radial-gradient(circle at 50% 42%,#77f0c733,#0000 62%),#102019;border-color:#77f0c7d1;box-shadow:inset 0 0 25px #77f0c721,0 0 14px #77f0c726}.performance-paint-pad[data-state=drawing]{animation:.62s ease-in-out infinite alternate paint-pad-ready}.performance-paint-pad:disabled{box-shadow:none;cursor:default;opacity:.4}.paintbrush-icon{width:22px;height:22px;display:block;position:relative;transform:rotate(-36deg)}.paintbrush-icon i:first-child{background:currentColor;border-radius:999px;width:4px;height:15px;position:absolute;top:0;left:9px;box-shadow:0 0 7px #77f0c773}.paintbrush-icon i:last-child{background:currentColor;border-radius:2px 2px 7px 7px;width:10px;height:8px;position:absolute;bottom:0;left:6px}@keyframes paint-pad-ready{0%{filter:brightness(.88)}to{filter:brightness(1.18)}}.performance-note-xy-cell{grid-area:note}.performance-note-xy-pad{color:#8ca7ff;cursor:pointer;border-color:#8ca7ff7a;width:100%;height:100%;transition:background 90ms,border-color 90ms,box-shadow 90ms,transform 90ms}.performance-note-xy-pad:hover,.performance-note-xy-pad:focus-visible{border-color:#8ca7ff;outline:none;box-shadow:inset 0 0 24px #8ca7ff1a}.performance-note-xy-pad:active{transform:translateY(1px)}.performance-note-xy-pad:disabled{box-shadow:none;cursor:default;opacity:.4}.performance-note-xy-pad[data-active=true]{background:radial-gradient(circle at 50% 40%,#8ca7ff33,#0000 62%),#121522;border-color:#8ca7ffd1;box-shadow:inset 0 0 25px #8ca7ff21,0 0 14px #8ca7ff24}.note-xy-dice{grid-template-columns:repeat(2,4px);gap:5px;display:grid}.note-xy-dice i{background:currentColor;border-radius:999px;width:4px;height:4px;box-shadow:0 0 6px #8ca7ffa6}.performance-note-xy-clear{appearance:none;color:#aebeff;cursor:pointer;font-family:var(--font-mono);z-index:3;background:#090b10e0;border:1px solid #8ca7ff6b;border-radius:999px;width:24px;height:24px;padding:0;font-size:.72rem;font-weight:1000;line-height:1;position:absolute;top:7px;right:7px}.performance-note-xy-clear:hover,.performance-note-xy-clear:focus-visible{background:#8ca7ff2b;border-color:#8ca7ff;outline:none}.live-record-dot{background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;right:9px;box-shadow:0 0 8px}.performance-live-record-pad[data-state=idle] .live-record-dot{opacity:.35}@keyframes live-record-count-in{0%{filter:brightness(.78)}to{filter:brightness(1.18)}}.auto-shape-switch{z-index:6;background:#080a0ae0;border:1px solid #f7d96842;border-radius:4px;grid-template-columns:repeat(6,auto);gap:2px;padding:2px;display:grid;position:absolute;top:6px;right:6px}.auto-shape-switch button{color:var(--muted);cursor:pointer;font-family:var(--font-mono);background:0 0;border:0;border-radius:2px;min-width:20px;min-height:19px;padding:2px 4px;font-size:.39rem;font-weight:1000}.auto-shape-switch button[data-active=true]{color:var(--amber);text-shadow:0 0 7px #f7d96880;background:#f7d96829}.auto-shape-switch button:focus-visible{outline:1px solid var(--amber);outline-offset:1px}.xy-pad{--pong-ball-size:2.6%;--xy-accent-rgb:255, 77, 141;--pong-left-y:50%;--pong-paddle-inset:1.4%;--pong-paddle-height:22%;--pong-paddle-width:1.2%;--pong-right-y:50%;aspect-ratio:1;background:linear-gradient(#19f4d21a 1px, transparent 1px), linear-gradient(90deg, #19f4d21a 1px, transparent 1px), radial-gradient(circle at var(--xy-x) var(--xy-y), rgba(var(--xy-accent-rgb), .24), transparent 36%), #090b0c;cursor:crosshair;background-size:20px 20px,20px 20px,100% 100%,100% 100%;border:1px solid #19f4d242;border-radius:6px;width:100%;min-height:0;position:relative;overflow:hidden;touch-action:none!important}.xy-pad[data-auto=true]{--xy-accent-rgb:247, 217, 104}.xy-pad[data-note-xy=true]:not([data-auto=true]){--xy-accent-rgb:140, 167, 255}.xy-pad[data-expressive=flow],.xy-pad[data-expressive=return]{--xy-accent-rgb:169, 156, 255;border-color:#a99cff9e;box-shadow:inset 0 0 22px #a99cff0d,0 0 10px #a99cff14}.xy-pad[data-expressive=touch]{--xy-accent-rgb:25, 244, 210;border-color:#19f4d2d6;box-shadow:inset 0 0 24px #19f4d212,0 0 12px #19f4d21f}.performance-surface .xy-pad{aspect-ratio:auto}.xy-pad:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.xy-pad[data-auto=true]:focus-visible{outline-color:var(--amber)}.xy-trace:before,.xy-trace:after{content:"";pointer-events:none;background:#ff4d8d47;position:absolute;box-shadow:0 0 9px #ff4d8d33}.xy-trace:before{height:1px;left:0;right:0;top:var(--xy-y)}.xy-trace:after{bottom:0;left:var(--xy-x);width:1px;top:0}.xy-pad[data-auto=true] .xy-trace:before,.xy-pad[data-auto=true] .xy-trace:after{background:#f7d9684d;box-shadow:0 0 9px #f7d96838}.xy-auto-path{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .12s;position:absolute;inset:0}.xy-auto-path polyline{fill:none;filter:drop-shadow(0 0 3px #f7d96857);stroke:#f7d96894;stroke-dasharray:3 3;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px}.xy-pad[data-auto=true] .xy-auto-path{opacity:1}.xy-pad[data-note-xy=true]:not([data-auto=true]) .xy-auto-path{opacity:.38}.xy-pad[data-paint=true] .xy-auto-path{opacity:1}.xy-pad[data-paint=true] .xy-auto-path polyline{filter:drop-shadow(0 0 4px #77f0c77a);stroke:#77f0c7d1;stroke-dasharray:2 2}.xy-pad[data-pong=true] .xy-auto-path,.xy-pad[data-pong=true] .xy-trace{opacity:0}.xy-pong-court{pointer-events:none;z-index:1;display:none;position:absolute;inset:0}.xy-pad[data-pong=true] .xy-pong-court{display:block}.xy-pong-court:before{content:"";background:repeating-linear-gradient(#f7d96852 0 4px,#0000 4px 8px);width:1px;position:absolute;top:7%;bottom:7%;left:50%;transform:translate(-50%)}.xy-pong-paddle{height:var(--pong-paddle-height);width:var(--pong-paddle-width);background:#f2edcf;border:1px solid #ffffffb8;border-radius:2px;position:absolute;transform:translateY(-50%);box-shadow:0 0 0 1px #090b0ce6,0 0 10px #f7d96866}.xy-pong-paddle-left{left:var(--pong-paddle-inset);top:var(--pong-left-y)}.xy-pong-paddle-right{right:var(--pong-paddle-inset);top:var(--pong-right-y)}.xy-pong-score{color:#f7d96880;font-family:var(--font-mono);font-size:1rem;font-weight:1000;position:absolute;top:8%}.xy-pong-score-left{right:53%}.xy-pong-score-right{left:53%}.xy-pad[data-pong=true] .xy-note-random-points,.xy-pad[data-pong=true] .xy-paint-points{display:none}.xy-pad[data-note-xy=true]:not([data-auto=true]) .xy-auto-path polyline{filter:drop-shadow(0 0 3px #8ca7ff4d);stroke:#8ca7ff75}.xy-note-random-points{pointer-events:none;z-index:2;position:absolute;inset:0}.xy-note-random-points i{height:6px;left:var(--note-xy-x);opacity:.48;top:var(--note-xy-y);background:#8ca7ff;border:1px solid #ebf0ffdb;border-radius:999px;width:6px;transition:height 70ms,opacity 70ms,width 70ms;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 7px #8ca7ff80}.xy-paint-points{pointer-events:none;z-index:4;position:absolute;inset:0}.xy-paint-points i{color:#b7ffe6;font-family:var(--font-mono);height:15px;left:var(--paint-xy-x);top:var(--paint-xy-y);background:#14251f;border:1px solid #77f0c7d1;border-radius:999px;justify-content:center;align-items:center;width:15px;font-size:.38rem;font-style:normal;font-weight:1000;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px #77f0c747}.xy-paint-points i:after{content:attr(data-index)}.xy-pad[data-paint=true] .xy-paint-points i{background:#17382c;box-shadow:0 0 10px #77f0c785}.xy-note-random-points i[data-active=true]{opacity:1;width:9px;height:9px;box-shadow:0 0 0 4px #8ca7ff26,0 0 15px #8ca7ffd1}.xy-pad[data-auto=true] .xy-node{background:var(--amber);border-color:#fffbe7;box-shadow:0 0 0 5px #f7d9682b,0 0 24px #f7d968d1}.xy-pad[data-pong=true] .xy-node{height:var(--pong-ball-size);width:var(--pong-ball-size);z-index:3;background:#fff8d6;border-color:#fff;box-shadow:0 0 0 3px #f7d96824,0 0 13px #f7d968b8}.xy-pad[data-note-xy=true]:not([data-auto=true]) .xy-node{background:#8ca7ff;border-color:#f2f5ff;box-shadow:0 0 0 5px #8ca7ff24,0 0 20px #8ca7ffa8}.xy-node{background:var(--pink);height:13px;left:var(--xy-x);pointer-events:none;top:var(--xy-y);border:2px solid #fff5f8;border-radius:999px;width:13px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ff4d8d24,0 0 20px #ff4d8dad}.xy-pad[data-expressive=flow] .xy-node,.xy-pad[data-expressive=return] .xy-node{background:#a99cff;border-color:#f1efff;box-shadow:0 0 0 5px #a99cff29,0 0 24px #a99cffc7}.xy-pad[data-expressive=touch] .xy-node{background:var(--cyan);border-color:#eafffb;box-shadow:0 0 0 5px #19f4d229,0 0 24px #19f4d2d1}.xy-label{color:#f3f7ed59;font-family:var(--font-mono);letter-spacing:.08em;pointer-events:none;font-size:.47rem;font-weight:800;position:absolute}.xy-label-x{bottom:6px;right:8px}.xy-label-y{transform-origin:0 0;top:8px;left:6px;transform:rotate(-90deg)translate(-100%)}.xy-readout{color:var(--cyan);font-family:var(--font-mono);pointer-events:none;text-align:right;text-shadow:0 0 8px #19f4d247;z-index:2;background:#070a0ab8;border:1px solid #19f4d22b;border-radius:4px;gap:2px;padding:5px 6px;font-size:.5rem;font-weight:800;line-height:1.1;display:grid;position:absolute;bottom:20px;right:6px}.xy-readout span:last-child{color:var(--pink)}.xy-readout small{color:var(--muted);margin-right:5px;font-size:.4rem}.xy-readout b{color:inherit;font:inherit}.rytm-module{background:linear-gradient(140deg,#19f4d20b,#0000 42%),#111415;border:1px solid #19f4d23d;border-radius:7px;order:2;overflow:hidden}.rytm-collapse{appearance:none;color:var(--cyan);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:8px 9px;display:flex}.rytm-collapse>span{text-align:left;gap:2px;display:grid}.rytm-collapse strong,.rytm-collapse small,.rytm-collapse i{font-family:var(--font-mono);font-weight:1000}.rytm-collapse strong{letter-spacing:.13em;font-size:.68rem}.rytm-collapse small{color:#19f4d27a;letter-spacing:.07em;font-size:.37rem}.rytm-collapse i{border:1px solid #19f4d261;border-radius:4px;justify-content:center;align-items:center;width:26px;height:23px;font-size:.78rem;font-style:normal;display:flex}.rytm-collapse:hover,.rytm-collapse:focus-visible{background:#19f4d20b;outline:none}.rytm-content{border-top:1px solid #19f4d224;gap:8px;padding:8px;display:grid}.drum-tracker-module{gap:6px;min-width:0;display:grid}.rytm-pattern-pads{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.rytm-pattern-pads button{appearance:none;color:#66706c;cursor:pointer;font-family:var(--font-mono);background:#151819;border:1px solid #343a38;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:5px;display:flex}.rytm-pattern-pads button strong{font-size:.72rem}.rytm-pattern-pads button small{letter-spacing:.07em;font-size:.34rem;font-weight:1000}.rytm-pattern-pads button[data-filled=true]{color:var(--amber);border-color:#f7d9686b}.rytm-pattern-pads button[data-active=true]{border-color:var(--cyan);color:var(--cyan);background:#19f4d21f;box-shadow:inset 0 0 14px #19f4d214}.rytm-pattern-pads button:focus-visible{outline:1px solid var(--cyan);outline-offset:1px}.rytm-chain-program{background:#0b0e0f;border:1px solid #19f4d22e;border-radius:6px;gap:5px;padding:6px;display:grid}.rytm-chain-program[data-enabled=true]{border-color:#19f4d270;box-shadow:inset 0 0 16px #19f4d209}.rytm-chain-toolbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.rytm-chain-toolbar>span{color:#19f4d261;font-family:var(--font-mono);letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap;font-size:.34rem;font-weight:900;overflow:hidden}.rytm-chain-toggle,.rytm-chain-length button,.rytm-chain-grid button{appearance:none;color:#68716e;cursor:pointer;font-family:var(--font-mono);background:#141819;border:1px solid #303736;font-weight:1000}.rytm-chain-toggle{letter-spacing:.08em;border-radius:4px;min-height:25px;padding:4px 8px;font-size:.4rem}.rytm-chain-toggle[data-active=true]{border-color:var(--cyan);color:var(--cyan);background:#19f4d221;box-shadow:0 0 9px #19f4d21f}.rytm-chain-length{background:#080a0b;border:1px solid #29302e;border-radius:999px;grid-template-columns:24px auto 24px;align-items:center;display:grid;overflow:hidden}.rytm-chain-length button{border:0;min-height:24px;padding:0}.rytm-chain-length output{color:var(--cyan);font-family:var(--font-mono);text-align:center;min-width:42px;font-size:.38rem;font-weight:1000}.rytm-chain-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}.rytm-chain-grid button{border-radius:3px;min-height:24px;padding:2px;font-size:.49rem}.rytm-chain-grid button[data-enabled=false]{color:#2c3431;background:#0d1011;border-color:#1b211f}.rytm-chain-grid button[data-enabled=true][data-filled=true]{color:var(--amber);border-color:#f7d96866}.rytm-chain-grid button[data-active=true]{border-color:var(--cyan);color:var(--cyan);background:#19f4d229;box-shadow:inset 0 0 9px #19f4d21f}.rytm-chain-toggle:focus-visible,.rytm-chain-length button:focus-visible,.rytm-chain-grid button:focus-visible{outline:1px solid var(--cyan);outline-offset:1px}.drum-tracker{background-color:#090b0c;background-image:linear-gradient(#19f4d20a 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 12px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #19f4d242;border-radius:6px;grid-template-rows:auto minmax(0,1fr) auto;gap:3px;min-height:0;padding:6px;display:grid;overflow:hidden}.drum-tracker-columns,.drum-tracker-row{grid-template-columns:24px repeat(4,minmax(0,1fr));gap:3px;display:grid}.drum-tracker-columns{color:#19f4d285;font-family:var(--font-mono);text-align:center;font-size:.4rem;font-weight:900}.drum-tracker-rows{overscroll-behavior:contain;scrollbar-color:#19f4d259 transparent;scrollbar-width:thin;flex-direction:column;gap:2px;min-height:0;padding-right:0;display:flex;overflow-y:visible;touch-action:pan-y!important}.drum-tracker-row{flex:0 0 19px;min-height:19px}.drum-tracker-row>span{color:#59615e;font-family:var(--font-mono);justify-content:center;align-items:center;font-size:.39rem;font-weight:800;display:flex}.drum-tracker-row[data-active=true]>span{color:var(--amber);text-shadow:0 0 7px #f7d9687a}.drum-tracker-cell{color:#66706c;cursor:pointer;font-family:var(--font-mono);text-align:center;background:#141718;border:1px solid #29302e;border-radius:2px;min-height:0;padding:0;font-size:.48rem;font-weight:1000;line-height:1}.drum-tracker-cell[data-hit=true]{color:var(--pink);text-shadow:0 0 7px #ff4d8d94;background:#ff4d8d26;border-color:#ff4d8d85;box-shadow:inset 0 0 8px #ff4d8d17}.drum-tracker-cell[data-voice=O]{color:var(--amber);text-shadow:0 0 7px #f7d96880;background:#f7d96821;border-color:#f7d96885}.drum-tracker-cell[data-voice=H]{color:var(--cyan);text-shadow:0 0 7px #19f4d275;background:#19f4d21c;border-color:#19f4d275}.drum-tracker-cell[data-voice=C]{color:var(--lime);text-shadow:0 0 7px #9af66e80;background:#9af66e21;border-color:#9af66e85}.drum-tracker-cell[data-voice=X]{color:#b7a8ff;text-shadow:0 0 7px #9f8cff99;background:#9f8cff24;border-color:#9f8cff94}.drum-tracker-row[data-active=true] .drum-tracker-cell{border-color:#f7d96875}.drum-tracker-cell:focus-visible{border-color:var(--cyan);outline:1px solid var(--cyan);outline-offset:0}.drum-tracker-footer{grid-template-columns:minmax(0,1fr) repeat(4,24px);align-items:center;gap:3px;display:grid}.drum-tracker-footer span{color:#19f4d27a;font-family:var(--font-mono);font-size:.36rem;font-weight:900}.drum-tracker-footer button{color:var(--muted);cursor:pointer;font-family:var(--font-mono);background:#171a1a;border:1px solid #313735;border-radius:3px;min-width:0;min-height:18px;padding:1px 3px;font-size:.38rem;font-weight:1000}.drum-tracker-footer button:hover,.drum-tracker-footer button:focus-visible{border-color:var(--cyan);color:var(--cyan);outline:none}.kick-module{aspect-ratio:1;background:var(--pink-module-background);border:1px solid var(--pink-module-border);border-radius:6px;grid-template-rows:auto auto 1fr;gap:5px;width:100%;min-height:0;padding:7px;transition:border-color 90ms,box-shadow 90ms;display:grid}.kick-module-heading{color:var(--pink);font-family:var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:.52rem;font-weight:900;display:flex}.kick-module-actions{align-items:center;gap:6px;display:flex}.kick-distortion-toggle,.kick-magic-toggle,.kick-preset-toggle,.kick-sidechain-toggle{border:1px solid var(--line);color:var(--muted);cursor:pointer;font-family:var(--font-mono);background:#171819;border-radius:4px;min-height:18px;padding:2px 5px;font-size:.43rem;font-weight:1000}.kick-preset-toggle[data-active=true]{border-color:var(--amber);color:var(--amber);background:#f7d9681a;box-shadow:0 0 8px #f7d96824}.kick-magic-toggle{justify-content:center;align-items:center;gap:4px;min-width:62px;display:inline-flex}.kick-magic-toggle:before{content:"";background:#303433;border:1px solid #4a4f4d;border-radius:999px;width:5px;height:5px;box-shadow:inset 0 0 3px #000000d9}.kick-magic-toggle[data-active=true]{color:#161309;text-shadow:0 1px #fff3;background:#d7b446;border-color:#ffe38a;box-shadow:0 0 12px #f7d9686b,inset 0 1px #ffffff4d}.kick-magic-toggle[data-active=true]:before{background:#fff2af;border-color:#fff8cf;box-shadow:0 0 7px #fff2aff2,inset 0 0 2px #fff}.kick-distortion-toggle[data-mode=drive]{color:var(--amber);background:#ffbe3b1a;border-color:#ffbe3b6b}.kick-distortion-toggle[data-mode=mackity]{color:var(--pink);background:#ff4d8d1f;border-color:#ff4d8d7a;box-shadow:0 0 8px #ff4d8d2e}.kick-distortion-toggle[data-mode=studio909]{color:var(--lime);background:#9af66e1a;border-color:#9af66e75;box-shadow:0 0 8px #9af66e24}.kick-distortion-toggle[data-mode=modern909]{color:var(--cyan);background:#19f4d21a;border-color:#19f4d280;box-shadow:0 0 8px #19f4d224}.kick-sidechain-toggle[data-active=true]{color:var(--cyan);background:#19f4d21f;border-color:#19f4d27a;box-shadow:0 0 8px #19f4d22e}.kick-sidechain-amount{opacity:.42;transition:opacity 90ms}.kick-sidechain-amount[data-enabled=true]{opacity:1}.kick-sidechain-amount .knob-control{flex-direction:row;gap:3px}.kick-sidechain-amount .knob-label,.kick-sidechain-amount .knob-output{font-size:.36rem}.kick-sidechain-amount .knob-output{min-width:23px}.kick-sidechain-amount .knob{box-shadow:inset 0 0 0 2px #151617, 0 0 8px var(--knob-accent)}@supports (color:color-mix(in lab, red, red)){.kick-sidechain-amount .knob{box-shadow:inset 0 0 0 2px #151617, 0 0 8px color-mix(in srgb, var(--knob-accent) 10%, transparent)}}.kick-sidechain-amount .knob{width:24px;height:24px}.kick-sidechain-amount .knob-face{width:16px;height:16px}.kick-sidechain-amount .knob-indicator{width:2px;height:6px;margin-top:1px}.kick-distortion-toggle:focus-visible,.kick-magic-toggle:focus-visible,.kick-preset-toggle:focus-visible,.kick-sidechain-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.kick-module-heading i{background:#2d171f;border:1px solid #ff4d8d66;border-radius:999px;width:7px;height:7px;box-shadow:inset 0 0 4px #000000b8}.kick-module[data-active=true]{border-color:#ff4d8da3;box-shadow:inset 0 0 20px #ff4d8d14}.kick-module[data-active=true] .kick-module-heading i{background:var(--pink);box-shadow:0 0 10px #ff4d8de6}.kick-tuner{background:#090c0b;border:1px solid #19f4d233;border-radius:4px;grid-template-columns:auto auto minmax(30px,1fr) auto;align-items:center;gap:5px;min-height:29px;padding:3px 5px;display:grid}.kick-tuner-label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;font-size:.39rem;font-weight:900}.kick-tuner strong{color:var(--cyan);font-family:var(--font-mono);text-shadow:0 0 8px #19f4d257;font-size:.72rem;line-height:1}.kick-tuner-meter{background:linear-gradient(90deg,#ff4d8d1f,#19f4d221 50%,#ff4d8d1f),#151718;border:1px solid #ffffff1a;border-radius:999px;height:8px;position:relative}.kick-tuner-meter:after{content:"";background:#19f4d26b;width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.kick-tuner-meter i{background:var(--pink);height:12px;left:var(--tuner-position);z-index:1;border-radius:999px;width:3px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 7px #ff4d8dbf}.kick-tuner[data-in-tune=true] .kick-tuner-meter i{background:var(--cyan);box-shadow:0 0 9px #19f4d2e6}.kick-tuner output{font-family:var(--font-mono);text-align:right;line-height:1;display:grid}.kick-tuner output span{color:var(--foreground);font-size:.42rem;font-weight:800}.kick-tuner output small{color:var(--pink);margin-top:2px;font-size:.38rem}.kick-tuner[data-in-tune=true] output small{color:var(--cyan)}.kick-knob-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-content:space-evenly;gap:4px 7px;display:grid}.kick-knob-grid .knob-control{grid-column:span 2}.kick-module .knob-control{gap:2px;--knob-accent:var(--pink)!important}.kick-module .knob{width:43px;height:43px}.kick-module .knob-face{width:31px;height:31px}.kick-module .knob-label{font-size:.44rem}.kick-module .knob-output{font-size:.48rem}.kick-module-detail{aspect-ratio:auto;order:2;min-height:0;padding:10px;position:relative}.kick-preset-menu{z-index:12;background:#0a0c0cfa;border:1px solid #f7d96880;border-radius:5px;gap:5px;width:240px;max-width:calc(100% - 20px);padding:6px;display:grid;position:absolute;top:34px;right:10px;box-shadow:0 10px 28px #0000009e,0 0 14px #f7d9681a}.kick-preset-menu button{color:var(--foreground);cursor:pointer;font-family:var(--font-mono);text-align:left;background:#151818;border:1px solid #343a38;border-radius:4px;flex-direction:column;align-items:flex-start;gap:3px;min-height:47px;padding:7px 8px;display:flex}.kick-preset-menu button:hover,.kick-preset-menu button:focus-visible{border-color:var(--amber);background:#f7d96814;outline:none}.kick-preset-menu strong{color:var(--amber);letter-spacing:.06em;font-size:.52rem}.kick-preset-menu small{color:var(--muted);letter-spacing:.04em;font-size:.36rem;font-weight:800}.kick-module-detail .kick-knob-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;padding-top:4px}.kick-module-detail .kick-knob-grid[data-mode=drive]{grid-template-columns:repeat(9,minmax(0,1fr))}.kick-post-module{background:linear-gradient(110deg,#f7d9680f,#0000 40%),#111414;border:1px solid #f7d96842;border-radius:6px;order:3;grid-template-columns:minmax(108px,.8fr) minmax(0,1.35fr);align-items:center;gap:8px;min-width:0;padding:8px 10px;transition:border-color 90ms,box-shadow 90ms;display:grid}.kick-post-module[data-enabled=true]{border-color:#f7d96894;box-shadow:inset 0 0 18px #f7d9680b}.kick-post-module[data-enabled=true][data-hit=true]{border-color:var(--amber);box-shadow:inset 0 0 22px #f7d96814,0 0 8px #f7d9681f}.kick-post-heading{justify-content:space-between;align-items:flex-start;gap:6px;min-width:0;display:flex}.kick-post-heading>div{gap:2px;min-width:0;display:grid}.kick-post-heading strong,.kick-post-heading small,.kick-post-heading button{font-family:var(--font-mono)}.kick-post-heading strong{color:var(--amber);letter-spacing:.08em;font-size:.52rem;font-weight:1000}.kick-post-heading small{color:var(--muted);letter-spacing:.04em;font-size:.33rem;font-weight:850}.kick-post-heading button{appearance:none;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#171819;border-radius:4px;min-width:38px;min-height:22px;padding:2px 5px;font-size:.4rem;font-weight:1000}.kick-post-heading button[data-active=true]{color:#171309;background:#f7d968eb;border-color:#fff0a4;box-shadow:0 0 10px #f7d9683d}.kick-post-heading button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.kick-post-controls{grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:5px;min-width:0;display:grid}.kick-post-controls .knob-control{gap:2px;min-width:0;--knob-accent:var(--amber)!important}.kick-post-controls .knob{width:43px;height:43px}.kick-post-controls .knob-face{width:31px;height:31px}.kick-post-controls .knob-label{font-size:.42rem}.kick-post-controls .knob-output{font-size:.44rem}.kick-post-eq{border-top:1px solid #f7d9682e;grid-column:1/-1;gap:7px;min-width:0;padding-top:8px;display:grid}.kick-post-eq-heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.kick-post-eq-heading>div{gap:2px;min-width:0;display:grid}.kick-post-eq-heading strong,.kick-post-eq-heading small,.kick-post-eq-heading button{font-family:var(--font-mono)}.kick-post-eq-heading strong{color:var(--amber);letter-spacing:.07em;font-size:.46rem;font-weight:1000}.kick-post-eq-heading small{color:var(--muted);letter-spacing:.035em;font-size:.32rem;font-weight:850}.kick-post-eq-heading button{appearance:none;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#171819;border-radius:4px;min-width:48px;min-height:22px;padding:2px 5px;font-size:.4rem;font-weight:1000}.kick-post-eq-heading button[data-active=true]{color:#171309;background:#f7d968eb;border-color:#fff0a4;box-shadow:0 0 10px #f7d9683d}.kick-post-eq-heading button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.kick-post-eq-controls{opacity:.48;grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:7px;min-width:0;transition:opacity 90ms;display:grid}.kick-post-eq-controls[data-active=true]{opacity:1}.kick-post-eq-controls .knob-control{gap:2px;min-width:0}.kick-post-eq-controls .knob{width:43px;height:43px}.kick-post-eq-controls .knob-face{width:31px;height:31px}.kick-post-eq-controls .knob-label{font-size:.39rem}.kick-post-eq-controls .knob-output{font-size:.42rem}.hat-module{background:linear-gradient(#19f4d20e,#0000 55%),#15191a;border-color:#19f4d247}.hat-module .kick-module-heading{color:var(--cyan)}.hat-module .kick-module-actions small{color:var(--muted);letter-spacing:.06em;font-size:.4rem}.hat-module .kick-module-heading i{background:#102b28;border-color:#19f4d266}.hat-module[data-active=true]{border-color:#19f4d2ad;box-shadow:inset 0 0 20px #19f4d214}.hat-module[data-active=true] .kick-module-heading i{background:var(--cyan);box-shadow:0 0 10px #19f4d2e6}.hat-status{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;background:#090d0d;border:1px solid #19f4d22e;border-radius:4px;justify-content:space-between;align-items:center;min-height:29px;padding:4px 6px;font-size:.42rem;font-weight:900;display:flex}.hat-status output{color:var(--cyan)}.closed-hat-strip{background:linear-gradient(90deg,#19f4d211,#0000 62%),#070a0a94;border:1px solid #19f4d233;border-radius:5px;justify-content:space-between;align-items:center;min-height:72px;margin-top:8px;padding:6px 10px;display:flex}.closed-hat-strip>div:first-child{font-family:var(--font-mono);gap:3px;display:grid}.closed-hat-strip strong{color:var(--cyan);letter-spacing:.08em;font-size:.5rem}.closed-hat-strip small{color:var(--muted);letter-spacing:.055em;font-size:.36rem;font-weight:900}.closed-hat-strip .knob-control{flex:0 0 70px;--knob-accent:var(--cyan)!important}.hybrid-open-hat-module{background:linear-gradient(116deg,#f7d9680b,#0000 38%),linear-gradient(244deg,#19f4d20d,#0000 42%),#15191a}.open-hat-layers{gap:8px;margin-top:8px;display:grid}.open-hat-layer{background:#070a0a7a;border:1px solid #19f4d22e;border-radius:5px;min-width:0;padding:7px;transition:border-color .12s,filter .12s,opacity .12s}.open-hat-layer[data-layer=sample]{border-color:#f7d9683d}.open-hat-layer[data-enabled=false]{filter:saturate(.45);opacity:.52}.open-hat-layer-heading{font-family:var(--font-mono);justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.open-hat-layer-heading strong{color:var(--cyan);letter-spacing:.09em;font-size:.54rem}.open-hat-layer[data-layer=sample] .open-hat-layer-heading strong{color:var(--amber)}.open-hat-layer-heading small{color:var(--muted);letter-spacing:.06em;font-size:.38rem;font-weight:900}.open-hat-layer[data-layer=sample] .knob-control{--knob-accent:var(--amber)!important}.open-hat-layer[data-layer=synth] .knob-control{--knob-accent:var(--cyan)!important}.clap-module{background:linear-gradient(#f7d9680f,#0000 55%),#181817;border-color:#f7d9684d}.clap-module .kick-module-heading{color:var(--amber)}.clap-module .kick-module-actions small{color:var(--muted);letter-spacing:.06em;font-size:.4rem}.clap-module .kick-module-heading i{background:#302b11;border-color:#f7d9686b}.clap-module[data-active=true]{border-color:#f7d968b8;box-shadow:inset 0 0 20px #f7d96817}.clap-module[data-active=true] .kick-module-heading i{background:var(--amber);box-shadow:0 0 10px #f7d968e6}.clap-module .clap-status{border-color:#f7d96833}.clap-module .clap-status output{color:var(--amber)}.clap-module .knob-control{--knob-accent:var(--amber)!important}.cymbal-fx-module{background:linear-gradient(#9f8cff12,#0000 58%),#17161b;border-color:#9f8cff52}.cymbal-fx-module .kick-module-heading{color:#b7a8ff}.cymbal-fx-module .kick-module-actions small{color:var(--muted);letter-spacing:.06em;font-size:.4rem}.cymbal-fx-module .kick-module-heading i{background:#241d3d;border-color:#9f8cff7a}.cymbal-fx-module[data-active=true]{border-color:#9f8cffc2;box-shadow:inset 0 0 20px #9f8cff1a}.cymbal-fx-module[data-active=true] .kick-module-heading i{background:#b7a8ff;box-shadow:0 0 10px #9f8cffeb}.cymbal-fx-status{border-color:#9f8cff3b}.cymbal-fx-status output{color:#b7a8ff}.cymbal-fx-mode-toggle{color:#b7a8ff;cursor:pointer;font-family:var(--font-mono);background:#9f8cff14;border:1px solid #9f8cff66;border-radius:4px;min-width:34px;min-height:18px;padding:2px 5px;font-size:.4rem;font-weight:1000}.cymbal-fx-mode-toggle[data-mode=fx]{color:var(--pink);background:#ff4d8d1c;border-color:#ff4d8d75}.cymbal-fx-mode-toggle:focus-visible{outline-offset:2px;outline:2px solid #b7a8ff}.cymbal-fx-module .knob-control{--knob-accent:#b7a8ff!important}.master-strip{border:1px solid var(--line);background:#171819;border-radius:5px;grid-template-columns:auto minmax(0,1fr) 34px;align-items:center;gap:8px;min-height:36px;padding:5px 7px;display:grid}.performance-master{grid-column:1/-1}.master-strip span,.master-strip output{font-family:var(--font-mono);font-size:.54rem;font-weight:800}.master-strip span{color:var(--muted)}.master-strip output{color:var(--cyan);text-align:right}.master-strip input{accent-color:var(--cyan);width:100%;min-width:0}.transport-panel{grid-template-columns:minmax(150px,1fr) minmax(210px,.75fr);align-items:stretch;gap:9px;padding:10px;display:grid}.play-button{color:var(--cyan);cursor:pointer;font-family:var(--font-mono);background:#202324;border:1px solid #19f4d261;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:72px;padding:10px;display:flex}.play-button[data-active=true]{color:var(--pink);background:#381528;border-color:#ff4d8d9e;box-shadow:inset 0 0 22px #ff4d8d1a}.play-button:hover{border-color:currentColor}.play-icon{filter:drop-shadow(0 0 6px);border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:15px solid;width:0;height:0;display:block}.stop-icon{background:currentColor;width:16px;height:16px;display:block;box-shadow:0 0 8px}.lcd{background-color:#07100c;background-image:linear-gradient(#19f4d209 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 4px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #19f4d242;border-radius:6px;grid-template-areas:"label flags""value flags";min-width:0;padding:9px 12px;display:grid;box-shadow:inset 0 0 22px #19f4d20e}.lcd-label,.lcd-flags{color:#19f4d294;font-family:var(--font-mono);letter-spacing:.08em;font-size:.48rem}.lcd-label{grid-area:label}.lcd strong{color:var(--cyan);font-family:var(--font-mono);letter-spacing:.05em;text-shadow:0 0 10px #19f4d252;white-space:nowrap;grid-area:value;min-width:0;font-size:clamp(1.25rem,4vw,1.8rem);line-height:1;overflow:hidden}.lcd strong i{color:#19f4d24d;margin:0 .2em;font-style:normal}.lcd-flags{color:var(--pink);writing-mode:vertical-rl;grid-area:flags;place-self:end}.pattern-actions{grid-template-columns:1fr;gap:6px;display:grid}.pattern-actions button{border:1px solid var(--line);color:var(--muted);cursor:pointer;font-family:var(--font-mono);background:#242526;border-radius:5px;justify-content:center;align-items:center;padding:6px;font-size:.59rem;font-weight:900;display:flex}.pattern-actions button:hover{color:var(--foreground);border-color:currentColor}.shuffle-control{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 34px 34px;align-items:stretch;gap:5px;min-width:0;display:grid}.shuffle-amount{border:1px solid var(--line);background:#171819;border-radius:5px;grid-template-columns:auto minmax(20px,1fr) auto;align-items:center;gap:4px;min-width:0;padding:4px 6px;display:grid}.shuffle-amount span,.shuffle-amount output{color:var(--muted);font-family:var(--font-mono);font-size:.48rem;font-weight:900}.shuffle-amount output{text-align:right;min-width:15px}.shuffle-amount input{accent-color:var(--amber);width:100%;min-width:0}.shuffle-control[data-active=true] .shuffle-amount{border-color:#f7d96859}.shuffle-control[data-active=true] .shuffle-amount span,.shuffle-control[data-active=true] .shuffle-amount output{color:var(--amber)}.shuffle-control button{min-width:0;padding:4px}.shuffle-control button[data-active=true]{color:var(--amber);text-shadow:0 0 6px #f7d96859;background:#f7d9681f;border-color:#f7d96899;box-shadow:inset 0 0 12px #f7d96814}kbd{font-family:var(--font-mono);background:#ffffff14;border:1px solid #ffffff26;border-radius:3px;padding:2px 4px;font-size:.48rem}.sequencer-panel{padding:10px}.section-heading{min-height:0;margin-bottom:8px}.section-heading small{letter-spacing:0;text-transform:none;font-size:.5rem;font-weight:500}.sequencer-heading{gap:10px}.sequencer-title{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.sequencer-title>span{white-space:nowrap}.sequencer-mode-switch{border:1px solid var(--line);background:#0d0f0f;border-radius:4px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.sequencer-mode-switch button{color:#666d6a;cursor:pointer;font-family:var(--font-mono);letter-spacing:.05em;background:0 0;border:0;min-height:22px;padding:3px 7px;font-size:.42rem;font-weight:1000}.sequencer-mode-switch button+button{border-left:1px solid var(--line)}.sequencer-mode-switch button[data-active=true]{color:var(--cyan);text-shadow:0 0 7px #19f4d273;background:#19f4d21c}.sequencer-mode-switch button:focus-visible{outline:1px solid var(--cyan);outline-offset:-2px}.sequence-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.sequence-tool{border:1px solid var(--line);background:#151617;border-radius:5px;grid-template-columns:auto 22px 30px 22px;align-items:center;gap:3px;min-height:28px;padding:3px 4px 3px 7px;display:grid}.sequence-tool>span{color:var(--muted);letter-spacing:.05em;font-size:.44rem}.sequence-tool button{border:1px solid var(--line);color:var(--cyan);cursor:pointer;font-family:var(--font-mono);background:#242627;border-radius:3px;justify-content:center;align-items:center;height:20px;padding:0;font-size:.72rem;font-weight:1000;display:flex}.sequence-tool button:hover{border-color:currentColor}.sequence-tool button:disabled{cursor:not-allowed;opacity:.28}.sequence-tool button:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.sequence-tool output{color:var(--amber);font-family:var(--font-mono);text-align:center;font-size:.58rem;font-weight:900}.shift-tool{grid-template-columns:auto 22px 22px}.musical-transpose-tool{border-color:#19f4d252;grid-template-columns:auto 22px 38px 22px}.musical-transpose-tool[data-queued=true]{box-shadow:inset 0 0 12px #19f4d212}.musical-transpose-tool[data-queued=true] output{color:var(--cyan)}.shift-tool button{color:var(--pink)}.scene-chain-length-tool button,.scene-chain-length-tool output{color:var(--lime)}.scene-chain-init,.send-to-pool-action,.clear-sequence-action{color:var(--amber);cursor:pointer;font-family:var(--font-mono);background:#f7d96812;border:1px solid #f7d96857;border-radius:5px;justify-content:center;align-items:center;min-height:28px;padding:4px 8px;font-size:.46rem;font-weight:1000;display:flex}.scene-chain-init:hover,.scene-chain-init:focus-visible,.send-to-pool-action:hover,.send-to-pool-action:focus-visible,.clear-sequence-action:hover,.clear-sequence-action:focus-visible{border-color:var(--amber);background:#f7d9681f;outline:none}.send-to-pool-action{color:var(--cyan);border-color:#19f4d261;flex:86px;padding-inline:6px}.send-to-pool-action:disabled{cursor:not-allowed;opacity:.3}.clear-sequence-action{color:var(--danger);background:#ff71650d;border-color:#ff716547;flex:0 72px}.clear-sequence-action:disabled{cursor:not-allowed;opacity:.3}.live-length-tool button,.live-length-tool output{color:#ff6a5d}.live-take-action{border:1px solid var(--line);color:#797f7c;cursor:pointer;font-family:var(--font-mono);background:#151617;border-radius:5px;justify-content:center;align-items:center;min-height:28px;padding:4px 7px;font-size:.42rem;font-weight:1000;display:flex}.live-take-action:hover,.live-take-action:focus-visible{color:var(--foreground);border-color:currentColor;outline:none}.live-take-action:disabled{cursor:not-allowed;opacity:.28}.live-take-playback[data-active=true]{color:var(--cyan);text-shadow:0 0 7px #19f4d26b;background:#19f4d214;border-color:#19f4d27a}.live-take-smooth[data-active=true]{color:var(--pink);text-shadow:0 0 7px #ff4d8d6b;background:#ff4d8d14;border-color:#ff4d8d80}.live-take-view{background:#080a0a;border:1px solid #19f4d22e;border-radius:6px;min-width:0;max-width:100%;padding:7px;position:relative;overflow:hidden}.live-graph-legend{align-items:center;gap:12px;min-height:22px;padding:0 3px 6px;display:flex}.live-graph-legend span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.05em;align-items:center;gap:4px;font-size:.4rem;font-weight:900;display:flex}.live-graph-legend i{background:currentColor;border-radius:999px;width:12px;height:2px;box-shadow:0 0 6px}.live-graph-legend span[data-curve=cutoff]{color:var(--cyan)}.live-graph-legend span[data-curve=resonance]{color:var(--pink)}.live-graph-legend output{color:var(--amber);font-family:var(--font-mono);margin-left:auto;font-size:.42rem;font-weight:900}.live-preset-toggle{color:var(--amber);cursor:pointer;font-family:var(--font-mono);background:#f7d9680a;border:1px solid #f7d96847;border-radius:3px;min-height:19px;padding:2px 6px;font-size:.38rem;font-weight:1000}.live-preset-toggle:hover,.live-preset-toggle:focus-visible,.live-preset-toggle[data-active=true]{border-color:var(--amber);background:#f7d9681a;outline:none;box-shadow:0 0 8px #f7d9681f}.live-preset-toggle:disabled{cursor:not-allowed;opacity:.28}.live-preset-menu{z-index:8;background:#0a0c0cf7;border:1px solid #f7d96875;border-radius:5px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:260px;max-width:calc(100% - 14px);padding:6px;display:grid;position:absolute;top:34px;right:7px;box-shadow:0 10px 28px #00000094,0 0 14px #f7d96814}.live-preset-menu button{color:var(--foreground);cursor:pointer;font-family:var(--font-mono);text-align:left;background:#151818;border:1px solid #343a38;border-radius:4px;flex-direction:column;align-items:flex-start;gap:3px;min-height:47px;padding:7px 8px;display:flex}.live-preset-menu button:hover,.live-preset-menu button:focus-visible{border-color:var(--amber);background:#f7d96814;outline:none}.live-preset-menu strong{color:var(--amber);letter-spacing:.06em;font-size:.52rem}.live-preset-menu small{color:var(--muted);letter-spacing:.04em;font-size:.36rem;font-weight:800}.live-graph-rows{grid-template-rows:repeat(var(--live-row-count), minmax(0, 1fr));gap:5px;height:clamp(240px,48vw,360px);display:grid}.live-graph-row{grid-template-columns:23px minmax(0,1fr);align-items:stretch;gap:5px;min-height:0;display:grid}.live-graph-row-label{color:#59605e;font-family:var(--font-mono);background:#101313;border:1px solid #252a29;border-radius:3px;justify-content:center;align-items:center;font-size:.42rem;font-weight:1000;display:flex}.live-graph-row[data-active=true] .live-graph-row-label{color:var(--lime);text-shadow:0 0 6px #9af66e8c;border-color:#9af66e80}.live-graph-row[data-recording=true] .live-graph-row-label{color:#ff6a5d;border-color:#ff5b4f9e}.live-graph-canvas{background:linear-gradient(90deg,#ffffff0b 1px,#0000 1px) 0 0/6.25% 100%,linear-gradient(#ffffff09 1px,#0000 1px) 0 0/100% 50%,linear-gradient(#111515,#0c0f0f) 0 0/100% 100%;border:1px solid #252a29;border-radius:3px;min-height:0;position:relative;overflow:hidden}.live-graph-row[data-active=true] .live-graph-canvas{border-color:#9af66e52;box-shadow:inset 0 0 12px #9af66e09}.live-graph-canvas svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.live-curve{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-cutoff-curve{filter:drop-shadow(0 0 2px #19f4d294);stroke:var(--cyan)}.live-resonance-curve{filter:drop-shadow(0 0 2px #ff4d8d8c);stroke:var(--pink)}.live-graph-playhead{height:100%;left:var(--live-x);background:#f7d968eb;width:1px;position:absolute;top:0;transform:translate(-1px);box-shadow:0 0 7px #f7d968d1}.live-count-in{color:var(--amber);font-family:var(--font-mono);text-shadow:0 0 12px #f7d96894;font-size:clamp(1.25rem,5vw,2.2rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.live-take-empty,.live-take-warning{text-align:center;white-space:nowrap;background:#080a0ab8;flex-direction:column;align-items:center;gap:5px;padding:10px 16px;display:flex;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.live-take-empty strong{color:#ff6a5d;letter-spacing:.08em;font-size:.62rem}.live-take-empty span{color:var(--muted);letter-spacing:.04em;font-size:.4rem}.live-take-warning{color:var(--amber);font-size:.5rem;font-weight:1000}.random-panel{background:linear-gradient(145deg,#ffffff07,#0000 30%),radial-gradient(circle at 50% 0,#e8edef09,#0000 42%),#111416;border:1px solid #cad1d433;padding:10px;position:relative;box-shadow:inset 0 1px #ffffff07,inset 0 -18px 30px #0000001f}.random-panel:after{background:linear-gradient(90deg, transparent, var(--pool-frame-color-0), transparent) 4% 0 / 22% 1px no-repeat, linear-gradient(90deg, transparent, var(--pool-frame-color-1), transparent) 49% 0 / 18% 1px no-repeat, linear-gradient(90deg, transparent, var(--pool-frame-color-2), transparent) 96% 0 / 22% 1px no-repeat, linear-gradient(180deg, transparent, var(--pool-frame-color-3), transparent) 100% 27% / 1px 24% no-repeat, linear-gradient(90deg, transparent, var(--pool-frame-color-4), transparent) 96% 100% / 22% 1px no-repeat, linear-gradient(90deg, transparent, var(--pool-frame-color-5), transparent) 51% 100% / 18% 1px no-repeat, linear-gradient(90deg, transparent, var(--pool-frame-color-6), transparent) 4% 100% / 22% 1px no-repeat, linear-gradient(180deg, transparent, var(--pool-frame-color-7), transparent) 0 73% / 1px 24% no-repeat;border-radius:inherit;content:"";opacity:.72;pointer-events:none;z-index:3;position:absolute;inset:0}.acid-app[data-safari=true] .random-panel:after{filter:none}.acid-app[data-safari=true] .sticky-smash-button:after{content:none}.acid-app[data-safari=true] .pool-smash-color-wash{filter:none;mix-blend-mode:normal;opacity:.5;animation:none}.random-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#cad1d47a 30%,#eef2f3d1 64%,#cad1d47a 82%,#0000);width:26%;height:2px;position:absolute;top:-1px;right:1%;box-shadow:0 0 9px #cad1d447}.random-heading{gap:10px;margin-bottom:9px}.random-heading-title{white-space:nowrap}.randomize-pool-trigger{color:#d8dddf;cursor:pointer;font:inherit;letter-spacing:inherit;text-shadow:0 0 7px #d8dddf2e;background:0 0;border:0;border-radius:3px;padding:2px 1px}.randomize-pool-trigger:hover{color:#f2f5f5;text-shadow:0 0 5px #e8edef80,0 0 12px #e8edef38}.randomize-pool-trigger:active{transform:translateY(1px)}.randomize-pool-trigger:focus-visible{outline-offset:2px;outline:2px solid #cbd1d4}.random-heading-actions{align-items:center;gap:8px;min-width:0;display:flex}.random-heading-actions small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.random-collapse-toggle{color:#cbd1d4;cursor:pointer;font-family:var(--font-mono);background:#e8edef0e;border:1px solid #cad1d457;border-radius:4px;flex:none;justify-content:center;align-items:center;width:25px;height:22px;padding:0;font-size:.8rem;font-weight:900;line-height:1;display:flex}.random-collapse-toggle:hover{background:#e8edef1a;box-shadow:0 0 9px #cad1d429}.random-collapse-toggle:focus-visible{outline-offset:2px;outline:2px solid #cbd1d4}.random-panel[data-collapsed=true]{padding-top:7px;padding-bottom:7px}.random-panel[data-collapsed=true] .random-heading{margin-bottom:0}.pool-bank-grid{margin-bottom:9px}.pool-bank-pad[data-flow=true]:after{background:var(--lime);box-shadow:0 0 10px var(--lime);opacity:1;animation:.7s ease-in-out infinite alternate scene-queued-pulse}.pool-bank-pad[data-flow=true][data-active=false]{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.pool-bank-pad[data-flow=true][data-active=false]{border-color:color-mix(in srgb, var(--lime) 60%, var(--scene-color))}}.pool-bank-pad[data-flow=true][data-active=false]{box-shadow:inset 0 0 16px var(--lime), 0 0 14px var(--lime)}@supports (color:color-mix(in lab, red, red)){.pool-bank-pad[data-flow=true][data-active=false]{box-shadow:inset 0 0 16px color-mix(in srgb, var(--lime) 6%, transparent), 0 0 14px color-mix(in srgb, var(--lime) 14%, transparent)}}.pool-harmony-tools{background:#07090a9e;border:1px solid #cad1d429;border-radius:6px;grid-template-columns:minmax(0,1fr) 76px;gap:6px;margin-bottom:9px;padding:6px;display:grid}.pool-bass-patterns{background:#07090a9e;border:1px solid #cad1d429;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:9px;padding:7px;display:grid}.pool-bass-pattern-group{gap:5px;min-width:0;display:grid}.pool-bass-pattern-group>span{color:#d8dddf9e;font-family:var(--font-mono);letter-spacing:.07em;font-size:.41rem;font-weight:1000}.pool-bass-pattern-group>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.pool-bass-pattern-group button{appearance:none;color:#777e81;cursor:pointer;font-family:var(--font-mono);letter-spacing:.025em;background:#17191a;border:1px solid #cad1d433;border-radius:4px;min-width:0;height:28px;padding:0 3px;font-size:.42rem;font-weight:1000}.pool-bass-pattern-group button:hover,.pool-bass-pattern-group button:focus-visible{color:#e8edef;border-color:#e8edefb8;outline:none}.pool-bass-pattern-group button[data-active=true]{color:var(--amber);background:#f7d9681f;border-color:#f7d968c2;box-shadow:inset 0 0 10px #f7d96814,0 0 8px #f7d96814}.pool-flow-weight{background:var(--pool-slot-color);align-items:center}@supports (color:color-mix(in lab, red, red)){.pool-flow-weight{background:color-mix(in srgb, var(--pool-slot-color) 6%, #111314)}}.pool-flow-weight{border:1px solid var(--pool-slot-color)}@supports (color:color-mix(in lab, red, red)){.pool-flow-weight{border:1px solid color-mix(in srgb, var(--pool-slot-color) 32%, var(--line))}}.pool-flow-weight{border-radius:5px;flex-direction:column;justify-content:center;min-width:0;padding:4px;display:flex}.pool-flow-weight .knob{width:46px;height:46px}.pool-flow-weight .knob-face{width:33px;height:33px}.pool-flow-weight .knob-label{color:var(--pool-slot-color);white-space:nowrap;font-size:.41rem}.pool-flow-weight .knob-output{display:none}.pool-flow-weight>small{color:var(--pool-slot-color);font-family:var(--font-mono);letter-spacing:.07em;margin-top:2px;font-size:.43rem;font-weight:1000}.pool-scale-select,.pool-stepper{gap:4px;min-width:0;display:grid}.pool-scale-select>span,.pool-stepper>span{color:#d8dddfb8;font-family:var(--font-mono);letter-spacing:.07em;font-size:.43rem;font-weight:1000}.pool-scale-select select{appearance:none;color:var(--foreground);cursor:pointer;font-family:var(--font-mono);background:linear-gradient(45deg,#0000 50%,#cbd1d4 50%) calc(100% - 10px)/4px 4px no-repeat,linear-gradient(135deg,#cbd1d4 50%,#0000 50%) calc(100% - 6px)/4px 4px no-repeat,#17191a;border:1px solid #cad1d447;border-radius:4px;width:100%;min-width:0;height:27px;padding:0 17px 0 7px;font-size:.5rem;font-weight:900}.pool-scale-select select:focus-visible{outline-offset:1px;border-color:#cbd1d4;outline:1px solid #cbd1d4}.pool-stepper>div{grid-template-columns:22px minmax(24px,1fr) 22px;display:grid}.pool-stepper button,.pool-stepper output{color:#cbd1d4;font-family:var(--font-mono);background:#17191a;border:1px solid #cad1d447;justify-content:center;align-items:center;height:27px;padding:0;font-weight:1000;line-height:1;display:flex}.pool-stepper button{cursor:pointer;font-size:.72rem}.pool-stepper button:first-child{border-radius:4px 0 0 4px}.pool-stepper button:last-child{border-radius:0 4px 4px 0}.pool-stepper output{color:var(--amber);border-left:0;border-right:0;font-size:.54rem}.pool-stepper button:hover,.pool-stepper button:focus-visible{background:#e8edef14;outline:none}.pool-stepper button:disabled{cursor:not-allowed;opacity:.25}.pool-transpose-stepper{position:relative}.pool-transpose-stepper small{color:#f7d96894;font-family:var(--font-mono);pointer-events:none;font-size:.34rem;font-weight:900;position:absolute;bottom:-1px;right:3px;transform:translateY(100%)}.pool-octave-toggles{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:5px;display:grid}.pool-octave-toggles>span,.pool-octave-toggles button{font-family:var(--font-mono);font-weight:1000}.pool-octave-toggles>span{color:#d8dddf9e;letter-spacing:.07em;font-size:.41rem}.pool-octave-toggles.pool-smash-octave-screen>span{text-align:center;grid-column:1/-1}.pool-octave-toggles button{appearance:none;color:#777e81;cursor:pointer;letter-spacing:.04em;background:#17191a;border:1px solid #cad1d442;border-radius:4px;height:27px;font-size:.46rem}.pool-octave-toggles button:hover,.pool-octave-toggles button:focus-visible{color:#d8dddf;border-color:#cbd1d4;outline:none}.pool-octave-toggles button[data-active=true]{color:#101314;background:#cbd1d4;border-color:#e8edef;box-shadow:0 0 9px #cad1d433}.pool-octave-toggles.pool-smash-octave-screen button{height:46px;font-size:.5rem}.pool-smash-circuit{border-radius:6px;position:relative;overflow:hidden}.pool-note-traces{isolation:isolate;pointer-events:none;height:128px;position:relative}.pool-note-traces:before{content:"";z-index:-2;background:linear-gradient(#ff4d8d05,#0000 68%),repeating-linear-gradient(90deg,#0000 0 28px,#ffffff02 29px,#0000 30px);border:1px solid #ffffff09;border-bottom:0;border-radius:9px 9px 0 0;position:absolute;inset:5px 4px 0;box-shadow:inset 0 8px 18px #00000057,inset 0 0 0 1px #0000004d}.pool-note-traces:after{content:"";z-index:-1;background:#0a0c0d;border:1px solid #ff4d8d2b;border-top:0;border-radius:0 0 4px 4px;width:24%;height:8px;position:absolute;top:0;left:38%;box-shadow:inset 0 -3px 5px #0000009e,0 2px 6px #00000057}.pool-note-trace{opacity:.7;position:absolute;inset:0}.pool-note-trace-svg{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pool-note-trace-channel,.pool-note-trace-conductor,.pool-note-trace-pulse{fill:none;stroke-linecap:round;stroke-linejoin:round}.pool-note-trace-channel{filter:drop-shadow(0 1px #ffffff05);stroke:#090b0c;stroke-width:3px}.pool-note-trace-conductor{opacity:.56;stroke:#303538;stroke-width:1px}.pool-note-trace-pulse{opacity:0;stroke:var(--note-color);stroke-dasharray:.12 1;stroke-dashoffset:1px;stroke-width:2px}.pool-note-trace-contact{z-index:3;background:#0b0d0e;border:1px solid #34393c;border-radius:2px;width:5px;height:5px;position:absolute;transform:translate(-50%);box-shadow:inset 0 0 3px #000000b8}.pool-note-trace-key-contact{bottom:0;left:var(--trace-start)}.pool-note-trace-smash-contact{left:var(--trace-end);top:1px}.pool-note-trace[data-active=true]{opacity:1}.pool-note-trace[data-active=true] .pool-note-trace-conductor{filter:drop-shadow(0 0 2px var(--note-color)) drop-shadow(0 0 5px var(--note-color))}@supports (color:color-mix(in lab, red, red)){.pool-note-trace[data-active=true] .pool-note-trace-conductor{filter:drop-shadow(0 0 2px color-mix(in srgb, var(--note-color) 86%, transparent)) drop-shadow(0 0 5px color-mix(in srgb, var(--note-color) 30%, transparent))}}.pool-note-trace[data-active=true] .pool-note-trace-conductor{opacity:.96;stroke:var(--note-color)}.pool-note-trace[data-active=true] .pool-note-trace-contact{background:var(--note-color)}@supports (color:color-mix(in lab, red, red)){.pool-note-trace[data-active=true] .pool-note-trace-contact{background:color-mix(in srgb, var(--note-color) 54%, #0b0d0e)}}.pool-note-trace[data-active=true] .pool-note-trace-contact{border-color:var(--note-color)}@supports (color:color-mix(in lab, red, red)){.pool-note-trace[data-active=true] .pool-note-trace-contact{border-color:color-mix(in srgb, var(--note-color) 72%, #4c5154)}}.pool-note-trace[data-active=true] .pool-note-trace-contact{box-shadow:inset 0 0 2px #ffffff29, 0 0 5px var(--note-color)}@supports (color:color-mix(in lab, red, red)){.pool-note-trace[data-active=true] .pool-note-trace-contact{box-shadow:inset 0 0 2px #ffffff29, 0 0 5px color-mix(in srgb, var(--note-color) 55%, transparent)}}.pool-note-trace[data-active=true] .pool-note-trace-pulse{filter:drop-shadow(0 0 5px var(--note-color));animation:.46s ease-out both pool-trace-sweep}.pool-note-trace[data-active=true] .pool-note-trace-smash-contact{animation:.36s ease-out .26s both pool-contact-pulse}@keyframes pool-trace-sweep{0%{opacity:0;stroke-dashoffset:1px}18%{opacity:1}to{opacity:0;stroke-dashoffset:0}}@keyframes pool-contact-pulse{0%,to{filter:brightness();transform:translate(-50%)scale(1)}48%{filter:brightness(2);transform:translate(-50%)scale(1.35)}}@media (prefers-reduced-motion:reduce){.air-actions button[data-active=true],.dj-sweep-module button[data-active=true],.pool-smash-color-rim,.pool-smash-color-wash,.pool-note-trace[data-active=true] .pool-note-trace-pulse,.pool-note-trace[data-active=true] .pool-note-trace-contact{animation:none}}.pool-keyboard{grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;min-width:0;display:grid}.pool-key{color:#171819;cursor:pointer;font-family:var(--font-mono);background:#dfe1e2;border:1px solid #f1f2f2;border-radius:4px 4px 6px 6px;flex-direction:column;justify-content:flex-end;align-items:end;min-width:0;height:54px;padding:5px 3px;font-size:.58rem;font-weight:900;display:flex;box-shadow:inset 0 -10px 10px #0000001a}.pool-key span,.pool-key small{pointer-events:none}.pool-key small{opacity:.55;font-size:.4rem}.pool-key[data-black=true]{color:var(--foreground);background:linear-gradient(#242526,#090a0b);border-color:#393b3c;height:40px;box-shadow:inset 0 -8px 10px #00000080}.pool-key[data-selected=true]{background:var(--note-color);border-color:var(--note-color);box-shadow:inset 0 -8px 10px #0000001f, 0 0 16px var(--note-color)}@supports (color:color-mix(in lab, red, red)){.pool-key[data-selected=true]{box-shadow:inset 0 -8px 10px #0000001f, 0 0 16px color-mix(in srgb, var(--note-color) 48%, transparent)}}.pool-key[data-selected=true]{color:#07110d;transform:translateY(1px)}.pool-key[data-root=true]{outline:2px solid var(--amber);outline-offset:-3px}.pool-key[data-root=true]:after{color:var(--amber);content:"R";font-size:.35rem;position:absolute;top:3px;left:3px}.pool-key{position:relative}.pool-weight-rack{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:7px;margin-top:9px;display:grid}.pool-weight{background:linear-gradient(180deg, var(--note-color), transparent 60%), #141516;align-items:center}@supports (color:color-mix(in lab, red, red)){.pool-weight{background:linear-gradient(180deg, color-mix(in srgb, var(--note-color) 8%, transparent), transparent 60%), #141516}}.pool-weight{border:1px solid var(--note-color)}@supports (color:color-mix(in lab, red, red)){.pool-weight{border:1px solid color-mix(in srgb, var(--note-color) 34%, var(--line))}}.pool-weight{border-radius:6px;flex-direction:column;gap:4px;min-width:0;padding:7px 5px 6px;display:flex}.pool-weight .knob{width:46px;height:46px}.pool-weight .knob-face{width:33px;height:33px}.pool-weight .knob-label{color:var(--note-color);font-size:.48rem}.pool-weight .knob-output{display:none}.pool-weight-meta{font-family:var(--font-mono);flex-direction:column;align-items:center;min-width:0;line-height:1;display:flex}.pool-weight-meta strong{color:var(--note-color);font-size:.72rem}.random-global-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px;display:grid}.random-fader{--random-fader-cap-width:54px;--random-fader-color:var(--pink);--random-fader-value:0%;gap:5px;min-width:0;display:grid}.random-fader-label{color:var(--random-fader-color);font-family:var(--font-mono);letter-spacing:.08em;padding-left:7px;font-size:.5rem;font-weight:900}.random-fader-randomize{appearance:none;cursor:pointer;text-align:left;background:0 0;border:0;justify-self:start;padding:1px 7px;line-height:1.2;transition:color 90ms,text-shadow 90ms,transform 90ms}.random-fader-randomize span{margin-left:2px;font-size:.68rem;display:inline-block;transform:translateY(1px)}.random-fader-randomize:hover,.random-fader-randomize:focus-visible{color:var(--random-fader-color)}@supports (color:color-mix(in lab, red, red)){.random-fader-randomize:hover,.random-fader-randomize:focus-visible{color:color-mix(in srgb, var(--random-fader-color) 82%, white)}}.random-fader-randomize:hover,.random-fader-randomize:focus-visible{text-shadow:0 0 9px var(--random-fader-color);outline:none}.random-fader-randomize:active{text-shadow:0 0 5px white, 0 0 16px var(--random-fader-color);transform:scale(.96)}.random-fader-control{background:linear-gradient(#f4f7ef09 1px, transparent 1px), linear-gradient(90deg, #f4f7ef09 1px, transparent 1px), radial-gradient(ellipse at var(--random-fader-value) 50%, var(--random-fader-color), transparent 46%), #0b0c0d;align-items:center}@supports (color:color-mix(in lab, red, red)){.random-fader-control{background:linear-gradient(#f4f7ef09 1px, transparent 1px), linear-gradient(90deg, #f4f7ef09 1px, transparent 1px), radial-gradient(ellipse at var(--random-fader-value) 50%, color-mix(in srgb, var(--random-fader-color) 18%, transparent), transparent 46%), #0b0c0d}}.random-fader-control{border:1px solid var(--line);box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;background-size:100% 50%,12.5% 100%,100% 100%,100% 100%;border-radius:999px;width:100%;min-height:46px;padding:0 10px;transition:border-color .12s,box-shadow .12s;display:block;position:relative;overflow:hidden}.random-fader:focus-within .random-fader-control{border-color:var(--random-fader-color)}@supports (color:color-mix(in lab, red, red)){.random-fader:focus-within .random-fader-control{border-color:color-mix(in srgb, var(--random-fader-color) 72%, var(--line))}}.random-fader:focus-within .random-fader-control{box-shadow:0 0 0 2px var(--random-fader-color)}@supports (color:color-mix(in lab, red, red)){.random-fader:focus-within .random-fader-control{box-shadow:0 0 0 2px color-mix(in srgb, var(--random-fader-color) 18%, transparent)}}.random-fader-rail{bottom:0;left:calc(10px + var(--random-fader-cap-width) / 2);pointer-events:none;right:calc(10px + var(--random-fader-cap-width) / 2);z-index:1;position:absolute;top:0}.random-fader-cap{background:radial-gradient(circle,#090a0a 0 44%,#090a0a 62%,#0000 72%);align-items:center}@supports (color:color-mix(in lab, red, red)){.random-fader-cap{background:radial-gradient(circle, #090a0a 0 44%, color-mix(in srgb, #090a0a, var(--random-fader-color) 24%) 62%, transparent 72%)}}.random-fader-cap{border:2px solid var(--random-fader-color)}@supports (color:color-mix(in lab, red, red)){.random-fader-cap{border:2px solid color-mix(in srgb, var(--random-fader-color) 58%, #1b1d1e)}}.random-fader-cap{box-shadow:inset 0 0 0 1px #0000009e, 0 0 18px var(--random-fader-color);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.random-fader-cap{box-shadow:inset 0 0 0 1px #0000009e, 0 0 18px color-mix(in srgb, var(--random-fader-color) 25%, transparent)}}.random-fader-cap{color:var(--random-fader-color);font-family:var(--font-mono);height:34px;left:var(--random-fader-value);letter-spacing:-.03em;width:var(--random-fader-cap-width);justify-content:center;font-size:.66rem;font-weight:1000;line-height:1;display:inline-flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.random-fader-control input{appearance:none;cursor:pointer;touch-action:manipulation;z-index:2;background:0 0;width:100%;min-width:0;height:44px;position:relative}.random-fader-control input::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:999px;height:44px}.random-fader-control input::-moz-range-track{background:0 0;border:0;border-radius:999px;height:44px}.random-fader-control input::-webkit-slider-thumb{appearance:none;box-shadow:none;height:44px;width:var(--random-fader-cap-width);background:0 0;border:0;margin-top:0}.random-fader-control input::-moz-range-thumb{box-shadow:none;height:42px;width:var(--random-fader-cap-width);background:0 0;border:0}.bend-sequencer{background:linear-gradient(112deg,#ffffff0e,#0000 25%,#ffffff05 60%,#0000 80%),repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000000b 1px 2px),linear-gradient(#292d2b,#171a18);border:1px solid #4a504d;border-radius:8px;gap:6px;padding:8px;display:grid;box-shadow:inset 0 1px #ffffff17,0 2px 7px #0000004d}.bend-sequencer[data-enabled=true]{border-color:#f7d968db;box-shadow:inset 0 1px #ffffff1f,0 0 12px #f7d96821}.bend-sequencer-heading{justify-content:space-between;align-items:center;display:flex}.bend-sequencer-heading>div{align-items:center;gap:6px;display:flex}.bend-sequencer-heading output{color:#b8bfbb;font-family:var(--font-mono);text-align:right;min-width:62px;font-size:.46rem;font-weight:1000}.bend-sequencer-heading strong,.bend-sequencer-preset,.bend-sequencer-heading button,.bend-sequencer-settings,.bend-sequencer-grid{font-family:var(--font-mono)}.bend-sequencer-heading strong{color:#f1f3f2;letter-spacing:.11em;font-size:.66rem;font-weight:1000}.bend-randomizer{background:#0000002e;border:1px solid #383d3a;border-radius:4px;grid-template-columns:72px minmax(0,1fr) 58px;align-items:center;gap:5px;padding:4px;display:grid}.bend-randomizer span{color:#9da39f;font-family:var(--font-mono);letter-spacing:.07em;font-size:.38rem;font-weight:1000}.bend-randomizer select,.bend-randomizer button{color:#d4d8d5;cursor:pointer;font-family:var(--font-mono);background:linear-gradient(#292d2b,#111312);border:1px solid #414743;border-radius:4px;min-width:0;min-height:25px;font-size:.41rem;font-weight:1000}.bend-randomizer select{width:100%;padding:3px 18px 3px 6px}.bend-randomizer button{color:#f7d968;border-color:#f7d9686b;padding:3px 6px}.bend-randomizer select:focus-visible,.bend-randomizer button:hover,.bend-randomizer button:focus-visible{border-color:#f7d968;outline:none}.bend-sequencer-preset{color:#cbd0cd;cursor:pointer;background:linear-gradient(#242826,#101211);border:1px solid #3b403d;border-radius:4px;width:116px;min-width:0;min-height:27px;padding:4px 20px 4px 7px;font-size:.42rem;font-weight:1000}.bend-sequencer-preset:focus-visible{border-color:#f7d968;outline:none}.bend-sequencer-heading button,.bend-sequencer-mode button,.bend-sequencer-rate button,.bend-sequencer-density,.bend-sequencer-clear,.bend-sequencer-length button{color:#cbd0cd;cursor:pointer;background:linear-gradient(#292d2b,#111312);border:1px solid #3b403d;border-radius:4px;min-height:27px;padding:4px 8px;font-size:.43rem;font-weight:1000}.bend-sequencer-heading button[data-active=true],.bend-sequencer-mode button[data-active=true],.bend-sequencer-rate button[data-active=true],.bend-sequencer-density[data-active=true]{color:#f7d968;background:#191b1a;border-color:#f7d968;box-shadow:0 0 7px #f7d96840}.bend-sequencer .global-pitch-bend{--random-fader-cap-width:72px;width:100%;display:block}.global-pitch-bend .random-fader-control{background-size:100% 50%,2.08333% 100%,100% 100%,100% 100%}.global-pitch-bend .random-fader-cap{border-color:rgb(247 217 104/var(--pitch-bend-border-alpha));box-shadow:inset 0 0 0 1px #0000009e, 0 0 var(--pitch-bend-glow-blur) rgb(247 217 104/var(--pitch-bend-glow-alpha));transition:border-color 80ms,box-shadow 80ms,color 80ms}.bend-sequencer-settings{grid-template-columns:minmax(0,1fr) 68px 58px 56px 48px;align-items:stretch;gap:5px;display:grid}.bend-sequencer-density{min-width:0;padding-inline:3px}.bend-sequencer-mode{grid-template-columns:54px minmax(0,1fr);gap:4px;display:grid}.bend-sequencer-mode button{min-width:0;padding-inline:4px}.bend-sequencer-rate,.bend-sequencer-length{color:#858b87;background:#171918;border:1px solid #3d423f;border-radius:4px;place-items:center;gap:2px;padding:3px 4px;font-size:.34rem;font-weight:900;display:grid}.bend-sequencer-rate>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:100%;display:grid}.bend-sequencer-rate button{min-height:18px;padding:0}.bend-sequencer-length>div{grid-template-columns:16px minmax(16px,1fr) 16px;align-items:center;width:100%;display:grid}.bend-sequencer-length button{min-height:18px;padding:0;font-size:.56rem}.bend-sequencer-length button:disabled{cursor:default;opacity:.28}.bend-sequencer-length output{color:#f7d968;font-family:var(--font-mono);text-align:center;font-size:.62rem;font-weight:1000}.bend-sequencer-grid{gap:6px;display:grid}.bend-curve-row{grid-template-columns:48px minmax(0,1fr);gap:5px;min-width:0;display:grid}.bend-row-base{background:#151716;border:1px solid #383c3a;border-radius:4px;grid-template-rows:auto 66px auto;justify-items:center;gap:2px;min-width:0;padding:5px 2px 4px;display:grid}.bend-row-base>span{color:#858b87;letter-spacing:.04em;font-size:.35rem;font-weight:1000}.bend-row-base>div{width:28px;height:66px;position:relative}.bend-row-base input{appearance:none;background:0 0;border:0;outline:0;width:66px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.bend-row-base input::-webkit-slider-runnable-track{background:#070808;border:1px solid #343836;border-radius:999px;height:5px}.bend-row-base input::-webkit-slider-thumb{appearance:none;background:#f7d968;border:1px solid #3c3410;border-radius:2px;width:9px;height:17px;margin-top:-7px;box-shadow:0 0 5px #f7d9686b}.bend-row-base input::-moz-range-track{background:#070808;border:1px solid #343836;border-radius:999px;height:5px}.bend-row-base input::-moz-range-thumb{background:#f7d968;border:1px solid #3c3410;border-radius:2px;width:9px;height:17px;box-shadow:0 0 5px #f7d9686b}.bend-row-base input:focus-visible::-webkit-slider-thumb{outline-offset:2px;outline:2px solid #fff3a5}.bend-row-base output{color:#f7d968;font-size:.54rem;font-weight:1000}.bend-curve-screen{background:radial-gradient(circle at 50% 45%,#f7d9680b,#0000 64%),linear-gradient(#101311,#080a09);border:1px solid #3b403d;border-radius:4px;min-width:0;overflow:hidden;box-shadow:inset 0 0 0 1px #000000b8,inset 0 0 12px #00000080}.bend-curve-screen svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:101px;display:block}.bend-curve-screen[data-dense=true] .bend-curve-value{font-size:6px}.bend-curve-screen[data-dense=true] .bend-curve-step{font-size:5.5px}.bend-curve-gridlines line{stroke:#909b9521;stroke-width:.8px}.bend-curve-gridlines line:nth-child(2){stroke:#f7d9683d;stroke-width:1px}.bend-curve-base-line{stroke:#f7d96880;stroke-dasharray:4 3;stroke-width:1px}.bend-curve-line{fill:none;filter:drop-shadow(0 0 2px #f7d96847);stroke:#f7d968;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.bend-curve-point{cursor:ns-resize;outline:none}.bend-curve-point-hit{fill:#0000}.bend-curve-point-dot{fill:#f7d968;filter:drop-shadow(0 0 2px #f7d9688c);stroke:#282309;stroke-width:1.2px;transform-box:fill-box;transform-origin:50%;transition:fill 80ms,transform 80ms}.bend-curve-point:focus .bend-curve-point-dot,.bend-curve-point[data-active=true] .bend-curve-point-dot{fill:#fff5b9;stroke:#f7d968;transform:scale(1.35)}.bend-curve-point[data-active=true] .bend-curve-value,.bend-curve-point[data-active=true] .bend-curve-step{fill:#fff5b9}.bend-curve-value,.bend-curve-step{fill:#a9b0ac;font-family:var(--font-mono);pointer-events:none;text-anchor:middle;font-size:7px;font-weight:1000}.bend-curve-step{fill:#737a76;font-size:6px}.scene-panel{background:linear-gradient(90deg, #ffffff05, transparent 36%), var(--panel-2);padding:10px}.scene-heading{gap:12px;margin-bottom:8px}.scene-heading>div{align-items:baseline;gap:10px;min-width:0;display:flex}.scene-undo-button{color:var(--amber);cursor:pointer;font-family:var(--font-mono);letter-spacing:.07em;background:#f7d9680f;border:1px solid #f7d96857;border-radius:4px;align-items:center;gap:4px;min-height:21px;padding:2px 6px;font-size:.45rem;font-weight:900;display:inline-flex}.scene-undo-button i{font-size:.7rem;font-style:normal;line-height:1}.scene-undo-button:not(:disabled):hover,.scene-undo-button:not(:disabled):focus-visible{border-color:var(--amber);background:#f7d9681f;outline:none;box-shadow:0 0 10px #f7d9681f}.scene-undo-button:disabled{cursor:not-allowed;opacity:.3}.scene-heading-actions{flex:none;justify-content:flex-end;margin-left:auto;align-items:center!important;gap:6px!important}.project-file-actions{background:#f7d96809;border:1px solid #f7d96829;border-radius:5px;align-items:center;gap:5px;margin-bottom:9px;padding:5px;display:flex}.project-file-actions>span{color:var(--amber);font-family:var(--font-mono);letter-spacing:.09em;flex:auto;min-width:0;font-size:.43rem;font-weight:900}.project-file-button{min-width:66px}.wav-export-actions{background:#19f4d209;border:1px solid #19f4d22b;border-radius:5px;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:5px;margin-bottom:9px;padding:5px;display:grid}.wav-export-actions>span,.wav-export-actions label span,.wav-export-actions button,.wav-export-actions select{font-family:var(--font-mono);font-weight:900}.wav-export-actions>span{color:var(--cyan);letter-spacing:.09em;min-width:0;font-size:.43rem}.wav-export-actions label{align-items:center;gap:4px;display:flex}.wav-export-actions label span{color:var(--muted);letter-spacing:.05em;font-size:.34rem}.wav-export-actions button,.wav-export-actions select{appearance:none;color:#a9b3af;background:#101314;border:1px solid #19f4d247;border-radius:4px;min-height:28px;padding:4px 7px;font-size:.44rem}.wav-export-actions select{color:var(--cyan);cursor:pointer;text-align:center}.wav-export-actions button{cursor:pointer}.wav-export-actions button[data-active=true]{color:var(--amber);background:#f7d9681f;border-color:#f7d968ad}.wav-export-actions .wav-export-button{color:var(--cyan);border-color:#19f4d28f;min-width:76px}.wav-export-actions[data-status=recording] .wav-export-button{color:var(--pink);border-color:#ff4d8db8;box-shadow:0 0 10px #ff4d8d2e}.wav-export-actions[data-status=encoding] .wav-export-button{color:var(--amber);border-color:#f7d968b3}.wav-export-actions button:disabled,.wav-export-actions select:disabled{cursor:wait;opacity:.48}.sample-lab-module{background:linear-gradient(#ffffff09,#0000 28%),#101314;border:1px solid #424947;border-radius:7px;gap:7px;padding:9px;display:grid;box-shadow:inset 0 1px #ffffff0f,inset 0 0 24px #19f4d206}.sample-lab-heading{justify-content:space-between;align-items:end;display:flex}.sample-lab-heading>div{gap:1px;display:grid}.sample-lab-heading small,.sample-lab-heading strong,.sample-lab-heading output,.sample-lab-module button,.sample-lab-module label,.sample-lab-module select{font-family:var(--font-mono);font-weight:900}.sample-lab-heading small{color:var(--muted);letter-spacing:.14em;font-size:.38rem}.sample-lab-heading strong{color:var(--cyan);letter-spacing:.08em;font-size:.72rem}.sample-lab-heading output{color:var(--amber);letter-spacing:.08em;font-size:.5rem}.sample-lab-module[data-status=capturing] .sample-lab-heading output{color:var(--pink)}.sample-wave-screen{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#19f4d20e 1px,#0000 1px) 0 0/100% 15px,linear-gradient(90deg,#19f4d20b 1px,#0000 1px) 0 0/20px 100%,#050a0a;border:1px solid #19f4d252;border-radius:4px;height:82px;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #000000b8}.sample-wave-screen[data-looping=true]{border-color:#ff4d8db8;box-shadow:inset 0 0 18px #000000b8,inset 0 0 12px #ff4d8d14}.sample-wave-screen svg{z-index:2;width:100%;height:100%;position:absolute;inset:0}.sample-wave-center{fill:none;stroke:#f7d9682e;stroke-width:.5px}.sample-wave-path{fill:none;stroke:#86f7e6;stroke-linecap:round;stroke-width:.72px;vector-effect:non-scaling-stroke}.sample-wave-selection{z-index:1;background:#19f4d213;border-left:1px solid #f7d968cc;border-right:1px solid #f7d968cc;position:absolute;top:0;bottom:0}.sample-slice-grid{background:repeating-linear-gradient(90deg, #f7d96838 0 1px, transparent 1px calc(100% / var(--sample-slices)));pointer-events:none;z-index:2;position:absolute;inset:0}.sample-wave-playhead{background:var(--pink);z-index:3;width:1px;position:absolute;top:0;bottom:0;transform:translate(-.5px);box-shadow:0 0 7px #ff4d8db8}.sample-wave-screen>b{color:#86f7e65c;font-family:var(--font-mono);letter-spacing:.16em;z-index:4;font-size:.55rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sample-edit-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sample-edit-row label{color:var(--muted);letter-spacing:.06em;grid-template-columns:30px minmax(0,1fr) 28px;align-items:center;gap:5px;font-size:.38rem;display:grid}.sample-edit-row output{color:var(--amber);text-align:right;font-size:.38rem}.sample-edit-row input{appearance:none;background:linear-gradient(90deg, var(--cyan) 0 var(--sample-marker), #29302e var(--sample-marker) 100%);border:0;border-radius:999px;min-width:0;height:3px;margin:0}.sample-edit-row input::-webkit-slider-thumb{appearance:none;background:var(--amber);border:1px solid #171a19;border-radius:1px;width:5px;height:12px;box-shadow:0 0 5px #f7d96861}.sample-edit-row input::-moz-range-thumb{background:var(--amber);border:1px solid #171a19;border-radius:1px;width:5px;height:12px;box-shadow:0 0 5px #f7d96861}.sample-action-row{grid-template-columns:minmax(58px,1fr) repeat(4,minmax(48px,.82fr));gap:5px;display:grid}.sample-chop-row{grid-template-columns:minmax(48px,1fr) 42px 42px minmax(55px,1fr) minmax(68px,1.2fr);align-items:stretch;gap:5px;display:grid}.sample-chop-row>span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;align-self:center;font-size:.36rem;font-weight:900}.sample-lab-module .sample-random-button{color:var(--amber);border-color:#f7d96894}.sample-length-select{gap:2px;display:grid}.sample-length-select>span{color:var(--muted);letter-spacing:.08em;font-size:.32rem}.sample-lab-module select,.sample-lab-module button{appearance:none;color:#c1c9c6;cursor:pointer;background:#171b1b;border:1px solid #3f4845;border-radius:4px;min-width:0;min-height:30px;padding:4px 5px;font-size:.43rem}.sample-lab-module select{color:var(--cyan);text-align:center}.sample-lab-module button[data-active=true]{border-color:var(--cyan);color:var(--cyan);background:#19f4d21f;box-shadow:inset 0 0 12px #19f4d214}.sample-lab-module .sample-capture-button{color:#ff8db5;border-color:#ff4d8d94}.sample-lab-module .sample-capture-button[data-active=true]{border-color:var(--pink);color:#ffc1d7;background:#ff4d8d24}.sample-lab-module button:last-child[data-active=true]{border-color:var(--amber);color:var(--amber);background:#f7d9681f}.sample-lab-module button:disabled,.sample-lab-module select:disabled,.sample-lab-module input:disabled{cursor:default;opacity:.35}.scene-new-set-button,.scene-copy-button,.scene-file-button{border:1px solid var(--line);color:var(--muted);cursor:pointer;font-family:var(--font-mono);letter-spacing:.08em;background:#121314;border-radius:5px;flex:none;align-items:center;gap:6px;min-height:28px;padding:5px 9px;font-size:.52rem;font-weight:900;display:flex}.scene-file-input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.scene-copy-button i{opacity:.55;background:currentColor;border-radius:999px;width:6px;height:6px}.scene-new-set-button:hover,.scene-new-set-button:focus-visible,.scene-copy-button:not(:disabled):hover,.scene-copy-button:not(:disabled):focus-visible{border-color:var(--pink);color:var(--pink)}.scene-copy-button b{color:var(--pink);letter-spacing:0;font-size:.55rem}.scene-new-set-button[data-armed=true]{color:var(--danger);background:#ff71651f;border-color:#ff7165b8;box-shadow:inset 0 0 14px #ff716514}.scene-copy-button:not(:disabled):hover,.scene-copy-button:not(:disabled):focus-visible{border-color:var(--cyan);color:var(--cyan)}.scene-copy-button b{color:var(--cyan)}.scene-copy-button[data-active=true]{background:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.scene-copy-button[data-active=true]{background:color-mix(in srgb, var(--cyan) 12%, #121314)}}.scene-copy-button[data-active=true]{border-color:var(--cyan);color:var(--cyan);box-shadow:inset 0 0 18px #19f4d212,0 0 15px #19f4d21a}.scene-copy-button[data-active=true] i{opacity:1;box-shadow:0 0 8px}.scene-copy-button[data-flash=true]{border-color:var(--lime);color:var(--lime);animation:.26s ease-out scene-capture-flash}.scene-copy-button:disabled{cursor:not-allowed;opacity:.35}.scene-file-button{justify-content:center;min-width:50px;position:relative;overflow:hidden}.scene-file-button[data-tone=load]{color:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.scene-file-button[data-tone=load]{color:color-mix(in srgb, var(--cyan) 72%, var(--muted))}}.scene-file-button[data-tone=save]{color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.scene-file-button[data-tone=save]{color:color-mix(in srgb, var(--lime) 72%, var(--muted))}}.scene-file-button:not(:disabled):hover,.scene-file-button:not(:disabled):focus-visible{border-color:currentColor;outline:none}.scene-file-button[data-flash=true]{background:currentColor;animation:.42s ease-out scene-capture-flash}@supports (color:color-mix(in lab, red, red)){.scene-file-button[data-flash=true]{background:color-mix(in srgb, currentColor 12%, #121314)}}.scene-file-button[data-flash=true]{border-color:currentColor;box-shadow:0 0 14px}@supports (color:color-mix(in lab, red, red)){.scene-file-button[data-flash=true]{box-shadow:0 0 14px color-mix(in srgb, currentColor 18%, transparent)}}.scene-file-button:disabled{cursor:not-allowed;opacity:.35}.scene-pad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.scene-pad{--scene-color:var(--cyan);background:radial-gradient(circle at 30% 32%, var(--scene-color), transparent 45%), linear-gradient(150deg, #ffffff09, transparent 48%), #151718;align-items:center}@supports (color:color-mix(in lab, red, red)){.scene-pad{background:radial-gradient(circle at 30% 32%, color-mix(in srgb, var(--scene-color) 7%, transparent), transparent 45%), linear-gradient(150deg, #ffffff09, transparent 48%), #151718}}.scene-pad{border:1px solid var(--scene-color)}@supports (color:color-mix(in lab, red, red)){.scene-pad{border:1px solid color-mix(in srgb, var(--scene-color) 36%, var(--line))}}.scene-pad{color:var(--scene-color);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:8px;min-width:0;min-height:76px;padding:10px 11px;transition:background .1s,border-color .1s,box-shadow .1s,opacity .1s,transform .1s;display:grid;position:relative;overflow:hidden}.scene-pad:before{background:radial-gradient(circle, var(--scene-color), transparent 66%)}@supports (color:color-mix(in lab, red, red)){.scene-pad:before{background:radial-gradient(circle, color-mix(in srgb, var(--scene-color) 42%, transparent), transparent 66%)}}.scene-pad:before{content:"";filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .12s;position:absolute;inset:12% 7%}.scene-pad:after{background:var(--pink);box-shadow:0 0 8px var(--pink);content:"";opacity:0;border-radius:999px;width:6px;height:6px;position:absolute;top:8px;right:8px}.scene-pad>*{pointer-events:none;z-index:1;position:relative}.scene-pad:hover,.scene-pad:focus-visible{border-color:var(--scene-color);box-shadow:0 0 14px var(--scene-color)}@supports (color:color-mix(in lab, red, red)){.scene-pad:hover,.scene-pad:focus-visible{box-shadow:0 0 14px color-mix(in srgb, var(--scene-color) 18%, transparent)}}.scene-pad:hover,.scene-pad:focus-visible{outline:none;transform:translateY(-1px)}.scene-pad:hover:before,.scene-pad:focus-visible:before,.scene-pad[data-active=true]:before,.scene-pad[data-queued=true]:before{opacity:.35}.scene-pad[data-stored=false]{border-color:var(--scene-color);background:linear-gradient(150deg,#ffffff06,#0000 48%),#121314}@supports (color:color-mix(in lab, red, red)){.scene-pad[data-stored=false]{border-color:color-mix(in srgb, var(--scene-color) 18%, var(--line))}}.scene-pad[data-stored=false]{color:var(--scene-color)}@supports (color:color-mix(in lab, red, red)){.scene-pad[data-stored=false]{color:color-mix(in srgb, var(--scene-color) 46%, var(--muted))}}.scene-pad[data-stored=false]{opacity:.68}.scene-pad[data-active=true]{background:radial-gradient(circle at 28% 38%, var(--scene-color), transparent 52%), var(--scene-color)}@supports (color:color-mix(in lab, red, red)){.scene-pad[data-active=true]{background:radial-gradient(circle at 28% 38%, color-mix(in srgb, var(--scene-color) 24%, transparent), transparent 52%), color-mix(in srgb, var(--scene-color) 9%, #151718)}}.scene-pad[data-active=true]{border-color:var(--scene-color);box-shadow:inset 0 0 22px var(--scene-color), 0 0 18px var(--scene-color)}@supports (color:color-mix(in lab, red, red)){.scene-pad[data-active=true]{box-shadow:inset 0 0 22px color-mix(in srgb, var(--scene-color) 10%, transparent), 0 0 18px color-mix(in srgb, var(--scene-color) 22%, transparent)}}.scene-pad[data-selected=true]{outline:1px solid var(--scene-color)}@supports (color:color-mix(in lab, red, red)){.scene-pad[data-selected=true]{outline:1px solid color-mix(in srgb, var(--scene-color) 64%, var(--foreground))}}.scene-pad[data-selected=true]{outline-offset:-3px}.scene-pad[data-selected=true][data-active=false]{box-shadow:inset 0 -3px 0 var(--scene-color), 0 0 14px var(--scene-color)}@supports (color:color-mix(in lab, red, red)){.scene-pad[data-selected=true][data-active=false]{box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--scene-color) 82%, transparent), 0 0 14px color-mix(in srgb, var(--scene-color) 12%, transparent)}}.scene-pad[data-copy-source=true]{border-color:var(--cyan);outline-offset:-3px;outline:1px solid #19f4d2b8;box-shadow:inset 0 0 18px #19f4d214,0 0 14px #19f4d229}.scene-pad[data-copy-target=true]{opacity:1;border-style:dashed}.scene-pad[data-copy-target=true]:before{opacity:.28}.scene-pad[data-queued=true]{border-color:var(--scene-color);box-shadow:inset 0 0 18px var(--scene-color), 0 0 18px var(--scene-color);animation:.9s ease-in-out infinite alternate scene-queued-pulse}@supports (color:color-mix(in lab, red, red)){.scene-pad[data-queued=true]{box-shadow:inset 0 0 18px color-mix(in srgb, var(--scene-color) 10%, transparent), 0 0 18px color-mix(in srgb, var(--scene-color) 18%, transparent)}}.scene-pad-number{font-family:var(--font-mono);letter-spacing:-.08em;text-shadow:0 0 12px var(--scene-color);font-size:clamp(1.25rem,4vw,1.8rem);font-weight:1000;line-height:1}@supports (color:color-mix(in lab, red, red)){.scene-pad-number{text-shadow:0 0 12px color-mix(in srgb, var(--scene-color) 36%, transparent)}}.scene-pad-copy{flex-direction:column;justify-content:center;align-self:stretch;min-width:0;display:flex}.scene-pad-copy b,.scene-pad-copy small{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scene-pad-copy b{color:var(--foreground);letter-spacing:.08em;font-size:.55rem}.scene-pad-copy small{color:currentColor;letter-spacing:.08em;margin-top:4px;font-size:.47rem;font-weight:900}@keyframes scene-queued-pulse{0%{filter:brightness(.88)}to{filter:brightness(1.18)}}@keyframes scene-capture-flash{0%{filter:brightness();transform:scale(1)}38%{filter:brightness(1.8);transform:scale(.96)}to{filter:brightness();transform:scale(1)}}.step-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.sequencer-phrase-grid{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.sequencer-phrase{min-width:0}.sequencer-phrase-steps{position:relative}.sequencer-phrase-strip{background:#090c0b;border:1px solid #19f4d233;border-radius:4px;grid-template-columns:auto auto minmax(44px,1fr) auto;align-items:center;gap:5px;min-height:29px;margin-top:4px;padding:3px 5px;transition:border-color .1s,box-shadow .1s;display:grid}.sequencer-phrase-strip[data-enabled=false]{opacity:.32;border-color:#252928}.sequencer-phrase-strip[data-active=true]{border-color:#9af66e94;box-shadow:inset 0 0 12px #9af66e0d,0 0 10px #9af66e1f}.sequencer-phrase-strip[data-active=true][data-final=true]{border-color:#ff5245ad;box-shadow:inset 0 0 12px #ff52450f,0 0 11px #ff524526}.sequencer-phrase-label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;font-size:.39rem;font-weight:900}.sequencer-phrase-strip>strong{color:var(--cyan);font-family:var(--font-mono);text-shadow:0 0 8px #19f4d257;font-size:.72rem;line-height:1}.sequencer-phrase-strip[data-active=true]>strong{color:var(--lime);text-shadow:0 0 8px #9af66e8c}.sequencer-phrase-strip[data-active=true][data-final=true]>strong{color:#ff5b4f;text-shadow:0 0 8px #ff524594}.sequencer-phrase-meter{background:linear-gradient(90deg,#19f4d214,#9af66e12),#151718;border:1px solid #ffffff1a;border-radius:999px;height:10px;position:relative;overflow:hidden}.sequencer-phrase-meter i{opacity:0;background:#29302d;border-radius:999px;position:absolute;inset:1px}.sequencer-phrase-meter i[data-current=true]{background:var(--lime);animation:.25s ease-out phrase-bar-flash;box-shadow:0 0 9px #9af66ef2,inset 0 0 5px #ffffff47}.sequencer-phrase-meter i[data-current=true][data-final=true]{background:#ff5b4f;box-shadow:0 0 10px #ff5245f2,inset 0 0 5px #ffffff3d}.sequencer-phrase-status{font-family:var(--font-mono);text-align:right;min-width:38px;line-height:1;display:grid}.sequencer-phrase-status span{color:var(--foreground);font-size:.42rem;font-weight:800}.sequencer-phrase-status small{color:var(--muted);margin-top:2px;font-size:.36rem}@keyframes phrase-bar-flash{0%{opacity:.3}32%{opacity:1}to{opacity:.72}}.step-pad{border:1px solid var(--line);cursor:pointer;text-align:left;background:linear-gradient(150deg,#ffffff06,#0000 48%),#191a1b;border-radius:6px;grid-template-areas:"num flags""note note";gap:8px;min-width:0;min-height:82px;padding:8px;transition:background 90ms,border-color 90ms,box-shadow 90ms,color 90ms,transform 90ms;display:grid}.step-pad:hover{border-color:var(--cyan);transform:translateY(-1px)}.step-pad[data-selected=true]{border-color:var(--amber);box-shadow:0 0 0 1px #f7d96838}.step-pad[data-enabled=false]{color:#626566;background:#101112}.step-pad[data-active=true]{background:var(--lime);border-color:var(--lime);color:#0b1108;transform:translateY(1px);box-shadow:0 0 20px #9af66e57}.step-pad[data-active=true][data-accent=true]{background:var(--pink);border-color:var(--pink);color:#1a0810;box-shadow:0 0 20px #ff4d8d66}.scene-chain-pad{--scene-color:var(--cyan);background:radial-gradient(circle at 50% 110%, var(--scene-color), transparent 62%), linear-gradient(150deg, #ffffff06, transparent 48%), #17191a}@supports (color:color-mix(in lab, red, red)){.scene-chain-pad{background:radial-gradient(circle at 50% 110%, color-mix(in srgb, var(--scene-color) 13%, transparent), transparent 62%), linear-gradient(150deg, #ffffff06, transparent 48%), #17191a}}.scene-chain-pad{border-color:var(--scene-color)}@supports (color:color-mix(in lab, red, red)){.scene-chain-pad{border-color:color-mix(in srgb, var(--scene-color) 44%, var(--line))}}.scene-chain-pad{box-shadow:inset 0 -3px 0 var(--scene-color)}@supports (color:color-mix(in lab, red, red)){.scene-chain-pad{box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--scene-color) 74%, transparent)}}.scene-chain-repeat{color:inherit;cursor:pointer;font-family:var(--font-mono);text-align:right;background:0 0;border:0;border-radius:3px;justify-content:flex-end;align-items:baseline;gap:4px;min-width:61px;padding:2px 3px;line-height:1;display:flex}.scene-chain-repeat span{color:var(--amber);font-size:.62rem;font-weight:1000}.scene-chain-repeat small{color:var(--muted);letter-spacing:.03em;margin-top:0;font-size:.39rem;font-weight:900}.scene-chain-repeat:hover:not(:disabled),.scene-chain-repeat:focus-visible{background:#f7d96814;outline:1px solid #f7d968a8}.sequencer-phrase-strip[data-active=true] .scene-chain-repeat span{color:var(--lime);text-shadow:0 0 8px #9af66e7a}.sequencer-phrase-strip[data-active=true][data-final=true] .scene-chain-repeat span{color:#ff5b4f;text-shadow:0 0 8px #ff524580}.scene-chain-repeat:disabled{color:#555b58;cursor:not-allowed;opacity:.28}.scene-chain-pad strong{color:var(--scene-color);text-shadow:0 0 10px var(--scene-color);font-size:1.25rem}@supports (color:color-mix(in lab, red, red)){.scene-chain-pad strong{text-shadow:0 0 10px color-mix(in srgb, var(--scene-color) 38%, transparent)}}.scene-chain-label{color:var(--scene-color);align-self:start}@supports (color:color-mix(in lab, red, red)){.scene-chain-label{color:color-mix(in srgb, var(--scene-color) 70%, var(--muted))}}.scene-chain-label{font-family:var(--font-mono);letter-spacing:.04em;grid-area:flags;justify-self:end;font-size:.4rem;font-weight:900}.scene-chain-pad:hover:not(:disabled){border-color:var(--scene-color);box-shadow:inset 0 -3px 0 var(--scene-color), 0 0 14px var(--scene-color)}@supports (color:color-mix(in lab, red, red)){.scene-chain-pad:hover:not(:disabled){box-shadow:inset 0 -3px 0 var(--scene-color), 0 0 14px color-mix(in srgb, var(--scene-color) 20%, transparent)}}.scene-chain-pad[data-active=true]{background:var(--scene-color);border-color:var(--scene-color);box-shadow:0 0 22px var(--scene-color)}@supports (color:color-mix(in lab, red, red)){.scene-chain-pad[data-active=true]{box-shadow:0 0 22px color-mix(in srgb, var(--scene-color) 45%, transparent)}}.scene-chain-pad[data-active=true]{color:#07110d}.scene-chain-pad[data-active=true] strong,.scene-chain-pad[data-active=true] .scene-chain-label{color:currentColor;text-shadow:none}.scene-chain-pad[data-included=false]{box-shadow:none;cursor:not-allowed;opacity:.3;background:#0f1111;border-color:#242827}.scene-chain-pad[data-included=false] strong,.scene-chain-pad[data-included=false] .scene-chain-label{color:#5d6360;text-shadow:none}.scene-chain-pad[data-missing=true][data-included=true]{border-color:var(--pink);box-shadow:inset 0 -3px #ff4d8d99}.step-pad[data-colored=true]{border-color:var(--note-color)}@supports (color:color-mix(in lab, red, red)){.step-pad[data-colored=true]{border-color:color-mix(in srgb, var(--note-color) 44%, var(--line))}}.step-pad[data-colored=true]{box-shadow:inset 0 -3px 0 var(--note-color)}@supports (color:color-mix(in lab, red, red)){.step-pad[data-colored=true]{box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--note-color) 72%, transparent)}}.step-pad[data-colored=true] strong{color:var(--note-color);text-shadow:0 0 9px var(--note-color)}@supports (color:color-mix(in lab, red, red)){.step-pad[data-colored=true] strong{text-shadow:0 0 9px color-mix(in srgb, var(--note-color) 30%, transparent)}}.step-pad[data-colored=true][data-selected=true]{border-color:var(--amber);box-shadow:0 0 0 1px #f7d96838, inset 0 -3px 0 var(--note-color)}.step-pad[data-colored=true][data-active=true]{background:var(--note-color);border-color:var(--note-color);box-shadow:0 0 20px var(--note-color)}@supports (color:color-mix(in lab, red, red)){.step-pad[data-colored=true][data-active=true]{box-shadow:0 0 20px color-mix(in srgb, var(--note-color) 42%, transparent)}}.step-pad[data-colored=true][data-active=true]{color:#07110d}.step-pad[data-colored=true][data-active=true] strong{color:currentColor;text-shadow:none}.step-pad[data-colored=true][data-active=true][data-accent=true]{outline:2px solid var(--pink);outline-offset:-3px}.step-number{color:var(--muted);font-family:var(--font-mono);grid-area:num;font-size:.54rem;font-weight:800}.step-pad[data-active=true] .step-number{color:currentColor;opacity:.65}.step-pad strong{font-family:var(--font-mono);text-overflow:clip;white-space:nowrap;grid-area:note;align-self:end;font-size:1rem;line-height:1;overflow:hidden}.step-flags{grid-area:flags;justify-self:end;gap:3px;display:flex}.step-flags i{color:#50574d;font-family:var(--font-mono);border:1px solid #ffffff1f;border-radius:2px;padding:1px 2px;font-size:.42rem;font-style:normal}.step-flags i[data-on=true]:first-child{background:var(--pink);border-color:var(--pink);color:#18070e}.step-flags i[data-on=true]:nth-child(2){background:var(--cyan);border-color:var(--cyan);color:#061311}.step-pad[data-active=true] .step-flags i{border-color:#00000042}.note-panel{order:1;grid-template-columns:82px minmax(0,1fr);gap:10px;padding:10px;display:grid}.selected-readout{background:#0c0d0e;border:1px solid #19f4d238;border-radius:6px;flex-direction:column;grid-row:span 2;justify-content:center;align-items:center;padding:8px;display:flex}.selected-readout span,.selected-readout small{color:var(--muted);font-family:var(--font-mono);font-size:.46rem;font-weight:800}.selected-readout strong{color:var(--cyan);font-family:var(--font-mono);text-shadow:0 0 12px #19f4d252;font-size:1.8rem;line-height:1.08}.selected-readout small{color:var(--pink)}.note-keyboard{grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;min-width:0;display:grid}.note-key{color:#171819;cursor:pointer;font-family:var(--font-mono);background:#dfe1e2;border:1px solid #f1f2f2;border-radius:4px 4px 6px 6px;justify-content:center;align-items:end;min-width:0;height:58px;padding:6px 2px;font-size:.55rem;font-weight:900;display:flex;box-shadow:inset 0 -10px 10px #0000001a}.note-key[data-black=true]{color:var(--foreground);background:linear-gradient(#242526,#090a0b);border-color:#393b3c;height:42px;box-shadow:inset 0 -8px 10px #00000080}.note-key[data-selected=true]{background:var(--cyan);border-color:var(--cyan);color:#07120f;transform:translateY(1px);box-shadow:0 0 16px #19f4d261}.note-key[data-selected=true][data-black=true]{background:var(--pink);border-color:var(--pink);color:#17070e;box-shadow:0 0 16px #ff4d8d66}.step-edit-controls{grid-template-columns:minmax(130px,1.2fr) repeat(3,minmax(84px,1fr));gap:6px;display:grid}.octave-control,.edit-toggle{border:1px solid var(--line);background:#1b1c1d;border-radius:5px;min-height:34px}.octave-control{grid-template-columns:1fr 28px 1fr;align-items:center;display:grid}.octave-control button,.edit-toggle{cursor:pointer;font-family:var(--font-mono);font-size:.55rem;font-weight:900}.octave-control button{color:var(--muted);background:0 0;border:0;align-self:stretch;padding:0 6px}.octave-control button:hover{color:var(--cyan)}.octave-control output{color:var(--cyan);font-family:var(--font-mono);text-align:center;font-size:.76rem;font-weight:900}.edit-toggle{color:var(--muted);justify-content:center;align-items:center;gap:5px;padding:5px 8px;display:flex}.edit-toggle:hover{border-color:currentColor}.rest-toggle[data-active=true]{background:var(--amber);border-color:var(--amber);color:#181308}.accent-toggle[data-active=true]{background:var(--pink);border-color:var(--pink);color:#19070f}.slide-toggle[data-active=true]{background:var(--cyan);border-color:var(--cyan);color:#071512}.machine-footer{color:#747e6f;font-family:var(--font-mono);letter-spacing:.05em;flex-wrap:wrap;order:3;justify-content:flex-end;gap:12px;font-size:.48rem;display:flex}.performance-diagnostic-controls{gap:4px;margin-left:auto;display:flex}.performance-diagnostic-controls button{appearance:none;color:#747e6f;cursor:pointer;letter-spacing:.08em;background:#111415;border:1px solid #424848;border-radius:3px;min-height:20px;padding:2px 6px;font-family:inherit;font-size:.42rem;font-weight:900}.performance-diagnostic-controls button[data-active=true]{color:#ff8d84;background:#ff5b4f1f;border-color:#ff7165b8}.performance-diagnostic-controls button[data-copied=true]{color:var(--lime);border-color:#9af66ea3}.error-line{color:var(--danger);font-family:var(--font-mono);order:3;margin:0;font-size:.68rem}.director-panel{display:none}.director-header{background:linear-gradient(115deg,#f7cd461a,#0000 34%),#111315;border-bottom:1px solid #3b3d3e;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.director-header span,.director-header p,.director-pages button,.director-grid-head,.director-actions button,.director-cell,.director-curtain{font-family:var(--font-mono)}.director-header span{color:#777d79;letter-spacing:.16em;font-size:.5rem;font-weight:800;display:block}.director-header h2{color:#f2cc46;font-family:var(--font-display);letter-spacing:.08em;margin:4px 0;font-size:1.45rem;line-height:1}.director-header p{color:#8c918d;margin:0;font-size:.48rem}.director-header .director-teaser-readout{color:#d8bd65;letter-spacing:.08em;margin-top:5px;font-size:.5rem;font-weight:850}.director-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.director-file-input{display:none}.director-header .director-file-error{color:#ff6f8d;max-width:360px;margin-top:5px}.director-actions button{color:#b9bfbb;cursor:pointer;background:#191b1d;border:1px solid #55595a;border-radius:4px;min-height:32px;padding:5px 10px;font-size:.52rem;font-weight:900}.director-actions button[data-active=true]{color:#07120f;background:#39ddc0}.director-actions button:disabled{cursor:default;opacity:.34}.director-loop-length{background:linear-gradient(90deg,#39ddc00e,#0000 44%),#0d1011;border-bottom:1px solid #303335;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px;padding:7px 10px;display:grid}.director-loop-length>span,.director-loop-length button,.director-loop-length output{font-family:var(--font-mono);font-weight:900}.director-loop-length>span{color:#8a918d;letter-spacing:.1em;font-size:.45rem}.director-loop-length>div{grid-template-columns:repeat(4,30px);gap:4px;display:grid}.director-loop-length button{appearance:none;color:#8f9692;cursor:pointer;background:#181b1c;border:1px solid #414647;border-radius:4px;min-height:27px;padding:0;font-size:.56rem}.director-loop-length button[data-active=true]{color:#86f1dd;background:#39ddc029;border-color:#39ddc0;box-shadow:inset 0 -2px #39ddc047}.director-loop-length button:hover,.director-loop-length button:focus-visible{color:#b5f6ea;border-color:#39ddc0;outline:none}.director-loop-length output{color:#39ddc0ad;letter-spacing:.06em;justify-self:end;font-size:.45rem}.director-pages{background:#0d0f10;border-bottom:1px solid #303335;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 10px;display:grid}.director-page{background:#17191b;border:1px solid #373a3c;border-radius:5px;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.director-page-select{color:#777d79;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;min-height:34px;padding:5px 9px;display:flex}.director-page-select strong{color:#c0c5c1;font-size:.62rem}.director-page-select span{font-size:.42rem;font-weight:800}.director-page[data-active=true]{color:#f2cc46;background:#f2cc4617;border-color:#f2cc46}.director-page[data-active=true] .director-page-select,.director-page[data-active=true] .director-page-select strong{color:#f2cc46}.director-page[data-playing=true]{box-shadow:inset 0 -2px #39ddc0}.director-page[data-loop=true]:not([data-active=true]){border-color:#39ddc061}.director-page[data-loop=true]:not([data-active=true]) .director-page-select span{color:#39ddc0b8}.director-grid{min-width:780px}.director-grid-head,.director-grid-row{grid-template-columns:42px repeat(11,minmax(68px,1fr));display:grid}.director-grid-head{color:#a9aeaa;letter-spacing:.05em;z-index:2;background:#0c0e0f;border-bottom:1px solid #303335;font-size:.49rem;font-weight:900;position:sticky;top:0}.director-grid-head>span{text-align:center;border-right:1px solid #27292b;flex-direction:column;justify-content:center;align-items:center;min-height:39px;padding:5px 3px;display:flex}.director-grid-head small{color:#626865;margin-top:2px;font-size:.38rem;display:block}.director-grid-head span[data-kind=one-shot] small{color:#ef8e44}.director-bar{background:#151719;border-bottom:1px solid #2c2e30}.director-bar[data-playing=true]{background:linear-gradient(90deg,#39ddc02b,#0000 58%),#15191a;box-shadow:inset 3px 0 #39ddc0}.director-grid-row>strong{color:#f2cc46;font-family:var(--font-mono);justify-content:center;align-items:center;font-size:.58rem;display:flex}.director-cell{color:#d7dad8;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-left:1px solid #292b2d;min-height:36px;padding:5px 3px;font-size:.47rem;font-weight:900;overflow:hidden}.director-cell:hover,.director-cell[data-open=true]{color:#f6dc80;background:#f2cc4617}.director-cell[data-empty=true]{color:#565b58;font-weight:700}.director-curtain{background:linear-gradient(90deg,#ef8e4414,#0000 45%),#0d0f10;border-top:1px solid #49412f;align-items:stretch;gap:5px;min-height:66px;padding:8px;display:flex;overflow-x:auto}.director-curtain>div{flex-direction:column;flex:0 0 92px;justify-content:center;padding:0 5px;display:flex}.director-curtain>div b{color:#f2cc46;font-size:.55rem}.director-curtain>div small{color:#737976;margin-top:4px;font-size:.38rem;line-height:1.35}.director-curtain>button{color:#aeb3af;cursor:pointer;text-align:left;background:#191b1d;border:1px solid #373a3c;border-radius:4px;flex-direction:column;flex:0 0 125px;justify-content:center;padding:7px 8px;display:flex}.director-curtain>button strong{font-size:.5rem}.director-curtain>button span{color:#707572;margin-top:3px;font-size:.39rem;line-height:1.3}.director-curtain>button:hover,.director-curtain>button[data-selected=true]{color:#f2cc46;border-color:#f2cc46}.acid-app{align-items:stretch;padding:10px}.machine-shell{padding:12px}.machine-header{grid-template-columns:minmax(0,1fr) 68px;align-items:end}.step-lamps{grid-column:1/-1;min-height:12px}.signal-row,.transport-panel{grid-template-columns:1fr}.step-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.step-pad{min-height:72px}.note-key{font-size:.5rem}.sticky-performance-bar{grid-template-columns:minmax(50px,.8fr) minmax(68px,1fr) minmax(106px,1.25fr) minmax(50px,.8fr);gap:3px}.sticky-performance-bar>button{min-height:34px;padding-inline:3px;font-size:.48rem}.sticky-rytm-switch{grid-template-columns:21px minmax(34px,1fr) 21px;min-height:34px}.machine-shell{gap:9px;padding:9px}.machine-header{grid-template-columns:minmax(0,1fr) 68px;gap:6px}.brand-kicker{text-overflow:ellipsis;overflow:hidden}.scene-heading{flex-direction:column;align-items:stretch}.scene-heading-actions{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin-left:0;display:grid!important}.project-file-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.project-file-actions>span{grid-column:1/-1}.project-file-button{width:100%}.scene-heading-actions>button{justify-content:center;min-width:0;padding:5px 4px;font-size:.46rem}.scene-heading-actions button i{display:none}.scene-pad-grid{gap:5px}.scene-pad{text-align:center;grid-template-columns:1fr;justify-items:center;gap:4px;min-height:68px;padding:7px 4px}.scene-pad-number{font-size:1.15rem}.scene-pad-copy{align-self:auto}.scene-pad-copy b{display:none}.scene-pad-copy small{margin-top:0;font-size:.42rem}.random-global-controls{grid-template-columns:1fr}.sequencer-heading{flex-direction:column;align-items:stretch}.sequencer-title{justify-content:space-between;width:100%}.sequencer-mode-switch button{padding-inline:5px}.sequencer-panel[data-mode=live] .sequence-tools{grid-template-columns:minmax(88px,1fr) repeat(4,auto);display:grid}.sequencer-panel[data-mode=live] .live-take-action{min-width:0;padding-inline:5px}.live-graph-legend{gap:8px}.live-graph-rows{height:270px}.kick-module{aspect-ratio:auto;min-height:190px}.kick-module-detail .kick-knob-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.kick-module-detail .kick-knob-grid .knob-control{grid-column:span 2}.open-hat-layer[data-layer=sample] .kick-knob-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.open-hat-layer[data-layer=sample] .kick-knob-grid .knob-control{grid-column:auto}.open-hat-layer[data-layer=synth] .kick-knob-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.open-hat-layer[data-layer=synth] .kick-knob-grid .knob-control{grid-column:span 2}.clap-module .kick-knob-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.clap-module .kick-knob-grid .knob-control{grid-column:span 1}.cymbal-fx-module .kick-knob-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cymbal-fx-module .kick-knob-grid .knob-control{grid-column:span 1}.sequence-tools{justify-content:space-between}.brand-kicker{font-size:.48rem}.knob{width:54px;height:54px}.transport-panel{grid-template-columns:1fr}.pattern-actions{grid-column:auto}.step-grid{gap:6px}.step-pad{min-height:66px;padding:7px}.step-pad strong{font-size:.9rem}.note-panel{grid-template-columns:1fr}.selected-readout{flex-direction:row;grid-row:auto;justify-content:flex-start;gap:8px;min-height:38px}.selected-readout strong{font-size:1.2rem}.note-keyboard{gap:3px}.note-key{height:52px;font-size:.42rem}.note-key[data-black=true]{height:38px}.step-edit-controls{grid-template-columns:1fr 1fr}.machine-footer{justify-content:flex-start}@media (width>=420px) and (hover:hover) and (pointer:fine){.machine-shell{max-width:430px}}@media (width>=1040px) and (hover:hover) and (pointer:fine){.acid-app{grid-template-columns:430px minmax(570px,860px);justify-content:center;align-items:start;gap:14px;display:grid}.machine-shell{width:430px;max-width:430px;margin:0}.director-panel{background:#121416;border:1px solid #3a3c3e;border-radius:10px;width:100%;min-width:0;max-height:calc(100vh - 20px);display:block;position:sticky;top:10px;overflow:auto;box-shadow:0 30px 100px #00000075}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.scene-pad[data-queued=true],.scene-copy-button[data-flash=true],.scene-file-button[data-flash=true]{animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}