.rotary-knob.svelte-k1s92h{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:var(--rotary-knob-gap, .25rem);align-items:center;min-width:0;padding:var(--rotary-knob-padding, .5rem);box-shadow:inset 0 1px 0 var(--rotary-knob-divider, var(--n-520))}label.svelte-k1s92h{min-width:0;overflow:hidden;color:var(--rotary-knob-label, var(--color-text-muted));font:500 var(--rotary-knob-label-size, .57rem) / 1 var(--font-data);letter-spacing:.13em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}output.svelte-k1s92h{color:var(--rotary-knob-text, var(--text-hi));font:var(--rotary-knob-value-font, 500 .78rem/1 var(--font-data));font-variant-numeric:tabular-nums}.rotary-knob__face.svelte-k1s92h{position:relative;grid-column:1 / -1;justify-self:center;width:var(--rotary-knob-size, 4.125rem);min-width:var(--rotary-knob-min-target, 2.75rem);aspect-ratio:1;border-radius:50%}svg.svelte-k1s92h{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 3px oklch(0% 0 0 / 55%))}.rotary-knob__rim.svelte-k1s92h{fill:none;stroke:var(--n-560);stroke-width:1}:is(.rotary-knob__track.svelte-k1s92h,.rotary-knob__value.svelte-k1s92h){fill:none;stroke-linecap:round;stroke-width:4.25}.rotary-knob__track.svelte-k1s92h{stroke:var(--n-560)}.rotary-knob__value.svelte-k1s92h{stroke:var(--rotary-knob-accent, var(--signal));transition:stroke .1s ease}.rotary-knob__value.empty.svelte-k1s92h{opacity:0}.rotary-knob__cap.svelte-k1s92h{fill:var(--rotary-knob-surface, var(--n-460))}.rotary-knob__ring.svelte-k1s92h{fill:none;stroke:var(--n-750);stroke-width:1}.rotary-knob__indicator.svelte-k1s92h{stroke:var(--text-hi);stroke-width:2.5;stroke-linecap:round}.dragging.svelte-k1s92h .rotary-knob__value:where(.svelte-k1s92h){filter:drop-shadow(0 0 .15rem var(--rotary-knob-accent, var(--signal)))}input.svelte-k1s92h{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;margin:0;opacity:0;cursor:ns-resize;touch-action:pan-x}.rotary-knob__face.svelte-k1s92h:has(input:where(.svelte-k1s92h):focus-visible){outline:2px solid var(--rotary-knob-focus, var(--signal));outline-offset:2px}.rotary-knob.svelte-k1s92h:has(input:where(.svelte-k1s92h):disabled){opacity:.55}.rotary-knob.svelte-k1s92h:has(input:where(.svelte-k1s92h):disabled) input:where(.svelte-k1s92h){cursor:not-allowed}@media(prefers-reduced-motion:reduce){.rotary-knob__value.svelte-k1s92h{transition:none}}@media(forced-colors:active){svg.svelte-k1s92h{filter:none}:is(.rotary-knob__rim.svelte-k1s92h,.rotary-knob__track.svelte-k1s92h,.rotary-knob__ring.svelte-k1s92h){stroke:CanvasText}.rotary-knob__cap.svelte-k1s92h{fill:Canvas}:is(.rotary-knob__value.svelte-k1s92h,.rotary-knob__indicator.svelte-k1s92h){stroke:Highlight}}.drone-field.svelte-uwzytk{min-width:0;border:1px solid var(--color-structure);border-radius:var(--radius-sm);padding:var(--space-2);background:radial-gradient(circle at 20% 0%,color-mix(in oklab,var(--color-playing) 12%,transparent),transparent 42%),color-mix(in oklab,var(--color-canvas) 72%,transparent)}.drone-field-heading.svelte-uwzytk{display:flex;justify-content:space-between;gap:var(--space-2);margin-block-end:var(--space-2);color:var(--color-text-muted);font:700 .72rem/1.2 var(--font-data);letter-spacing:.06em;text-transform:uppercase}.drone-field-timeline.svelte-uwzytk{position:relative;display:grid;gap:var(--space-1);overflow:hidden}.drone-field-lane.svelte-uwzytk{display:grid;grid-template-columns:3.8rem minmax(0,1fr);align-items:center;gap:var(--space-2);min-height:1.3rem}.drone-field-lane-label.svelte-uwzytk{color:var(--color-text-muted);font:650 .68rem/1 var(--font-data)}.drone-field-track.svelte-uwzytk{position:relative;height:.72rem;border-radius:999px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),color-mix(in oklab,var(--color-structure) 72%,transparent) calc(25% - 1px) 25%),color-mix(in oklab,var(--color-surface-raised) 55%,transparent);overflow:hidden}.drone-field-segment.svelte-uwzytk{position:absolute;inset-block:0;min-width:2px;border-inline-end:1px solid color-mix(in oklab,var(--color-canvas) 72%,transparent);border-radius:999px;background:linear-gradient(90deg,color-mix(in oklab,var(--color-playing) 48%,var(--color-structure)),color-mix(in oklab,var(--color-playing) 82%,white 8%));box-shadow:0 0 .55rem color-mix(in oklab,var(--color-playing) 18%,transparent)}.drone-field-segment.anchor.svelte-uwzytk{background:linear-gradient(90deg,color-mix(in oklab,var(--color-playing) 62%,var(--color-structure)),var(--color-playing))}@layer reset,tokens,base,components,utilities;@layer tokens{:root{color-scheme:dark;--n-900: oklch(9% .004 250);--n-850: oklch(10% .005 250);--n-825: oklch(11% .005 250);--n-800: oklch(12% .005 250);--n-780: oklch(13% .006 250);--n-750: oklch(14% .006 250);--n-720: oklch(15% .006 250);--n-700: oklch(16% .006 250);--n-680: oklch(17% .007 250);--n-660: oklch(18% .007 250);--n-640: oklch(20% .008 250);--n-620: oklch(21% .008 250);--n-600: oklch(22% .008 250);--n-560: oklch(24% .008 250);--n-540: oklch(25% .008 250);--n-520: oklch(26% .008 250);--n-500: oklch(28% .008 250);--n-460: oklch(30% .008 250);--n-300: oklch(42% .006 250);--text-dim: oklch(52% .01 250);--text-quiet: oklch(56% .01 250);--text-muted: oklch(58% .01 250);--text-2: oklch(60% .01 250);--text-1: oklch(72% .01 250);--text-body: oklch(88% .006 250);--text: oklch(95% .004 250);--text-hi: oklch(96% .004 250);--signal: oklch(88% .21 118);--signal-glow: oklch(88% .21 118 / 28%);--signal-wash: oklch(88% .21 118 / 12%);--signal-wash-strong: oklch(88% .21 118 / 16%);--signal-2: oklch(70% .16 130);--danger: oklch(72% .16 30);--meter-hot: oklch(70% .19 30);--meter-warm: oklch(84% .16 85);--meter-ok: oklch(80% .17 145);--hue-drums: oklch(72% .16 45);--hue-bass: oklch(74% .14 160);--hue-acid: oklch(78% .15 100);--hue-chords: oklch(74% .15 320);--hue-arp: oklch(74% .13 250);--hue-euclid: oklch(76% .13 195);--hue-piano: oklch(74% .14 280);--hue-cc: oklch(70% .03 250);--hue-mod: oklch(72% .12 15);--hue-synth: oklch(74% .14 265);--hue-drone: oklch(72% .02 250);--grad-plate: linear-gradient(180deg, oklch(21% .008 250), oklch(18% .007 250));--grad-chrome: linear-gradient(180deg, oklch(17% .007 250), oklch(14% .006 250));--grad-strip: linear-gradient(180deg, oklch(20% .008 250), oklch(17% .007 250));--elev-plate: inset 0 1px 0 oklch(100% 0 0 / 7%), 0 0 0 1px oklch(26% .008 250), 0 18px 34px -22px oklch(0% 0 0 / 90%);--elev-panel: 0 0 0 1px oklch(26% .008 250), 0 30px 60px -30px oklch(0% 0 0 / 90%);--elev-strip: inset 0 1px 0 oklch(100% 0 0 / 6%), 0 0 0 1px oklch(25% .008 250);--elev-chrome: inset 0 1px 0 oklch(100% 0 0 / 6%), 0 1px 0 oklch(28% .008 250);--well-sm: inset 0 1px 3px oklch(0% 0 0 / 55%);--well-md: inset 0 1px 4px oklch(0% 0 0 / 60%);--well-lg: inset 0 1px 4px oklch(0% 0 0 / 65%);--well-meter: inset 0 1px 3px oklch(0% 0 0 / 70%);--raise-btn: inset 0 1px 0 oklch(100% 0 0 / 7%);--glow-signal: 0 0 18px oklch(88% .21 118 / 28%);--glow-pad: 0 0 10px oklch(88% .21 118 / 45%), inset 0 0 0 1px oklch(96% .1 118);--glow-playhead: 0 0 14px 2px oklch(88% .21 118 / 45%);--glow-led: 0 0 8px oklch(88% .21 118 / 70%);--color-canvas: var(--n-780);--color-surface: var(--n-720);--color-surface-raised: var(--n-640);--color-structure: var(--text-1);--color-text: var(--text);--color-text-muted: var(--text-1);--color-playing: var(--signal);--color-danger: var(--danger);--color-icon-positive: var(--meter-ok);--color-icon-warning: var(--meter-warm);--color-icon-danger: var(--danger);--color-icon-navigation: var(--hue-arp);--color-icon-creative: var(--hue-chords);--color-icon-file: var(--meter-warm);--color-icon-audio: var(--hue-euclid);--color-icon-help: var(--hue-acid);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-pad: 4px;--radius-chip: 5px;--radius-control: 6px;--radius-well: 7px;--radius-btn: 8px;--radius-card: 9px;--radius-plate: 10px;--radius-float: 12px;--radius-dock: 14px;--radius-sm: var(--radius-control);--radius-md: var(--radius-btn);--font-label: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--font-data: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--touch-target: 2.75rem}}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-condensed-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-condensed-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-latin-700-normal.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2")}@layer reset{*,*:before,*:after{box-sizing:border-box}html{min-width:20rem;background:var(--n-900)}body{min-height:100svh;margin:0;background:var(--n-780);color:var(--text);font-family:var(--font-label);line-height:1.35}button,input,select,textarea{font:inherit}:is(input,output,data,time,progress,.tabular){font-variant-numeric:tabular-nums}}@layer base{body{min-height:100svh;background:var(--n-780);color:var(--text);font-family:var(--font-label);line-height:1.35}button,input,select{min-height:var(--touch-target);color:inherit;font-size:1rem}button,select,input{border:1px solid var(--n-560);border-radius:var(--radius-sm);background:var(--n-640)}button{min-width:var(--touch-target);padding:var(--space-2) var(--space-3);cursor:pointer;font-weight:750}.has-icon{display:inline-flex;align-items:center;justify-content:center;gap:.45em}.icon{display:block;flex:0 0 auto;color:currentColor;transition:color .14s ease,filter .14s ease}.icon[data-tone=danger]{color:var(--danger)}:is(button,summary,label):not(:disabled):hover>.icon{filter:brightness(1.12) drop-shadow(0 0 .25rem color-mix(in oklab,currentColor 35%,transparent))}.icon-only{display:inline-grid;place-items:center;padding-inline:var(--space-2)}.icon-only .icon{width:1.1rem;height:1.1rem}button:active{box-shadow:var(--well-sm);translate:0 1px}button[aria-pressed=true]{background:var(--signal-wash-strong);color:var(--signal)}:is(.slot-picker,.rack-tabs,.transport-option-grid) button:is([aria-pressed=true],[aria-selected=true]){background:var(--signal);color:var(--n-780);box-shadow:0 0 12px #cde80066;box-shadow:0 0 12px oklch(88% .21 118 / 40%);font-weight:700}:is(button[aria-pressed=true],.header-play[data-playing=true],.app-help-toggle[aria-pressed=true]) .icon{color:inherit;filter:none}button:disabled{cursor:default;opacity:.72}input,select{padding-inline:var(--space-2)}input[type=range]{accent-color:var(--color-structure)}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}h1,h2,p{margin-block-start:0}.plate{position:relative;border-radius:var(--radius-plate);padding:14px 14px 14px 18px;background:var(--grad-plate);box-shadow:var(--elev-plate);overflow:hidden}.plate:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--plate-hue, var(--n-560));pointer-events:none}.plate.is-collapsed{padding:12px 12px 12px 16px}.panel{border-radius:var(--radius-float);background:var(--n-780);box-shadow:var(--elev-panel);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:68px;padding-inline:18px;background:var(--grad-chrome);box-shadow:var(--elev-chrome)}.panel-body{padding:16px;background:var(--n-720)}.chrome-bar{display:flex;align-items:center;gap:var(--space-2);min-height:76px;padding-inline:24px;background:var(--grad-chrome);box-shadow:var(--elev-chrome)}.status-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:34px;padding-inline:24px;background:var(--n-825);box-shadow:0 1px 0 var(--n-560);color:var(--text-dim);font:400 .62rem/1 var(--font-data);letter-spacing:.12em;text-transform:uppercase}.status-led{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:var(--glow-led)}.well{border-radius:var(--radius-well);padding:3px;background:var(--n-825);box-shadow:var(--well-sm)}.well-grid{border-radius:var(--radius-btn);padding:8px;background:var(--n-850);box-shadow:var(--well-md)}.raised-btn{display:inline-grid;place-items:center;border:0;border-radius:var(--radius-btn);background:var(--n-640);box-shadow:var(--raise-btn);color:var(--text-body);font:600 .86rem/1 var(--font-label);letter-spacing:.09em;text-transform:uppercase;transition:background-color .12s ease-out,color .12s ease-out}.raised-btn:hover:not(:disabled){background:var(--n-600)}.raised-btn:active:not(:disabled){background:var(--n-660);box-shadow:var(--well-sm)}.raised-btn.is-secondary{background:var(--n-680);box-shadow:none;color:var(--text-dim)}.raised-btn.is-primary{background:var(--signal);box-shadow:var(--glow-signal);color:var(--n-780);font-weight:700}.raised-btn.is-danger{color:var(--danger)}.icon-btn{display:grid;place-items:center;border:0;border-radius:var(--radius-btn);background:transparent;box-shadow:none;color:var(--text-1);transition:background-color .12s ease-out,color .12s ease-out}.icon-btn.is-raised{background:var(--n-640);box-shadow:var(--raise-btn)}.icon-btn:hover:not(:disabled){background:var(--n-600)}.icon-btn.is-active{background:var(--signal-wash-strong);color:var(--signal)}.segmented{display:flex;gap:2px;border-radius:var(--radius-well);padding:3px;background:var(--n-825);box-shadow:var(--well-sm)}.segmented>*{flex:1 1 0;min-width:0;min-height:32px;border:0;border-radius:var(--radius-chip);background:transparent;box-shadow:none;color:var(--text-2);font:600 .78rem/1 var(--font-label);letter-spacing:.08em;text-transform:uppercase;transition:background-color .12s ease-out,color .12s ease-out}.segmented>[aria-pressed=true],.segmented>[aria-selected=true]{background:var(--signal);color:var(--n-780)}.field{display:flex;align-items:center;gap:var(--space-2);min-height:34px;border:0;border-radius:var(--radius-well);padding-inline:12px;background:var(--n-720);box-shadow:var(--well-sm)}.field>.field-value{margin-inline-start:auto;color:var(--text-hi);font:500 .78rem/1 var(--font-data)}.text-field{border:0;border-radius:var(--radius-well);padding-inline:12px;background:var(--n-825);box-shadow:var(--well-sm);color:var(--text-hi)}.text-field.is-inline{background:transparent;box-shadow:none}.section-rule{display:flex;align-items:center;gap:var(--space-3)}.section-rule:after{content:"";flex:1;height:1px;background:var(--n-560)}.disclosure-stack{display:grid;gap:1px;background:var(--n-560)}.disclosure-row{display:flex;align-items:center;gap:var(--space-2);min-height:40px;border:0;border-radius:0;padding-inline:12px;background:var(--n-700);box-shadow:none;color:var(--text-1);font:600 .67rem/1 var(--font-label);letter-spacing:.16em;text-transform:uppercase}.disclosure-row>.row-state{margin-inline-start:auto;color:var(--text-dim);font:400 .66rem/1 var(--font-data);letter-spacing:.1em}.module-chip{display:inline-grid;place-items:center;border-radius:var(--radius-chip);padding:3px 7px;background:color-mix(in oklab,var(--plate-hue, var(--n-560)) 14%,transparent);color:var(--plate-hue, var(--text-2));font:500 .58rem/1 var(--font-data);letter-spacing:.14em;text-transform:uppercase}.t-section-label{color:var(--text-muted);font:500 .59rem/1 var(--font-data);letter-spacing:.15em;text-transform:uppercase}.t-field-label{color:var(--text-quiet);font:500 .57rem/1 var(--font-data);letter-spacing:.13em;text-transform:uppercase}.t-value{color:var(--text-hi);font:500 .78rem/1 var(--font-data);font-variant-numeric:tabular-nums}.t-value-lg{color:var(--text-hi);font:700 1.05rem/1 var(--font-data);font-variant-numeric:tabular-nums}.t-meta{color:var(--text-dim);font:400 .63rem/1 var(--font-data);letter-spacing:.12em;text-transform:uppercase}h1{margin-block-end:0;font-size:clamp(2rem,7vw,3rem);letter-spacing:-.065em;line-height:.9}.skip-link{position:fixed;z-index:10;inset:var(--space-2) auto auto var(--space-2);translate:0 -200%;padding:var(--space-3);background:var(--color-playing);color:var(--color-canvas)}.skip-link:focus{translate:0}.app-header{position:sticky;z-index:10;top:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);width:min(100% - 1rem,70rem);min-height:4rem;margin-inline:auto;padding-block:max(var(--space-2),env(safe-area-inset-top)) var(--space-2);background:var(--grad-chrome);box-shadow:var(--elev-chrome);overflow:visible;isolation:isolate}.brand{flex:0 0 auto;min-width:0}.brand-kicker,.brand-title-full{display:none}.brand-title-compact{display:grid;place-items:center;min-width:var(--touch-target);min-height:var(--touch-target);border:0;border-radius:50%;padding:var(--space-2);background:var(--n-640);box-shadow:var(--raise-btn);font:800 1rem/1 var(--font-data);letter-spacing:-.06em}.brand p,.app-version,.session-status,.scheduler-jitter{color:var(--text-muted);font:500 .68rem/1 var(--font-data);letter-spacing:.14em;text-transform:uppercase}.brand h1{font:700 1.9rem/.95 var(--font-label);letter-spacing:-.01em}.brand-kicker{align-items:center;gap:var(--space-2)}.brand-kicker p{margin:0}.app-version{border:0;border-radius:999px;padding:.18rem .5rem;background:var(--n-700);color:var(--text-muted);letter-spacing:.08em;white-space:nowrap}.app-header-controls{position:relative;z-index:1;display:flex;flex:1 1 38rem;flex-wrap:wrap;align-items:center;justify-content:end;gap:var(--space-1);min-width:0}.header-playback-actions,.header-utility-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;gap:var(--space-1)}:is(.header-playback-actions,.header-utility-actions)>button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:var(--touch-target);min-height:var(--touch-target);border:0;border-radius:var(--radius-btn);padding-inline:var(--space-2);background:transparent;box-shadow:none;color:var(--text-1);font:600 .82rem/1 var(--font-label);letter-spacing:.09em;text-transform:uppercase;transition:background-color .12s ease-out,color .12s ease-out}:is(.header-playback-actions,.header-utility-actions)>button:not(.header-play):hover:not(:disabled){background:var(--n-640)}:is(.header-playback-actions,.header-utility-actions)>button:not(.header-play):active:not(:disabled){background:var(--n-660);box-shadow:var(--well-sm)}:is(.header-playback-actions,.header-utility-actions)>button .icon{width:1.25rem;height:1.25rem}#add-module-button{gap:.35em;padding-inline:var(--space-3);background:var(--n-640);box-shadow:var(--raise-btn);color:var(--text-body)}#add-module-button:hover:not(:disabled){background:var(--n-600)}.header-random{background:transparent}body:has(.studio-workspace:popover-open) .workspace-toggle{background:var(--signal-wash-strong);color:var(--signal)}body:has(.studio-mixer:popover-open) .mixer-toggle{background:var(--signal-wash-strong);color:var(--signal)}.header-playback-actions>.header-play{background:var(--signal);box-shadow:var(--glow-signal);color:var(--n-780)}.header-playback-actions>.header-play:hover:not(:disabled){box-shadow:var(--glow-signal),var(--glow-signal)}.header-playback-actions>.header-play:active:not(:disabled){background:var(--signal-2);box-shadow:var(--well-sm)}.app-help-toggle{display:inline-flex;align-items:center;justify-content:center;border:0;white-space:nowrap}.app-help-toggle .icon{width:1.25rem;height:1.25rem}.header-utility-actions>.app-help-toggle[aria-pressed=true]{background:var(--signal-wash-strong);color:var(--signal)}.mobile-context-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2);align-items:center;width:100%}.mobile-brand-mark{display:grid;place-items:center;min-width:var(--touch-target);min-height:var(--touch-target);border:1px solid var(--color-structure);border-radius:50%;background:var(--color-surface);font:800 .82rem/1 var(--font-data);letter-spacing:-.06em}.mobile-project-context{display:flex;align-items:center;justify-content:start;gap:var(--space-2);min-width:0;padding:var(--space-1) var(--space-2);text-align:start}.mobile-project-context>span{display:grid;min-width:0}.mobile-project-context small{color:var(--color-structure);font:700 .6rem/1 var(--font-data);letter-spacing:.06em;text-transform:uppercase}.mobile-project-context strong{min-width:0;overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.mobile-transport-dock{position:fixed;z-index:10;inset:auto auto max(var(--space-2),env(safe-area-inset-bottom)) 50%;translate:-50% 0;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:4px;width:min(calc(100% - 1rem),34rem);border:0;border-radius:var(--radius-dock);padding:5px;background:#040506eb;box-shadow:inset 0 -1px 0 var(--n-500),0 18px 40px #000000a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-transport-dock button{display:grid;grid-template-rows:auto auto;place-items:center;gap:.16rem;min-width:0;border:0;border-radius:var(--radius-btn);padding:var(--space-1);background:var(--n-660);box-shadow:none;color:var(--text-1)}.mobile-transport-dock button span{font:700 .62rem/1 var(--font-data);letter-spacing:.03em}.mobile-transport-dock .mobile-dock-play,.mobile-transport-dock .mobile-dock-play[data-playing=true]{background:var(--signal);color:var(--n-780)}.mobile-transport-dock .mobile-dock-play .icon{color:inherit}.module-picker{width:min(44rem,calc(100vw - 1rem));max-height:calc(100dvh - var(--app-header-height, 6rem) - var(--space-4));margin:calc(var(--app-header-height, 6rem) + var(--space-2)) auto auto;border:0;border-radius:var(--radius-float);padding:18px;background:var(--n-780);color:var(--text);box-shadow:var(--elev-panel);overflow-y:auto}.module-picker::backdrop{background:#0000006b}.module-picker>header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);margin-block-end:var(--space-4)}.module-picker>header p{margin-block-end:var(--space-1);color:var(--text-muted);font:500 .59rem/1 var(--font-data);letter-spacing:.15em;text-transform:uppercase}.module-picker>header h2{margin:0;font-size:1.15rem}.module-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));gap:var(--space-2)}.module-choice{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:var(--space-1) var(--space-3);align-items:center;min-width:0;border:0;border-radius:var(--radius-card);padding:14px 14px 14px 16px;background:var(--grad-plate);box-shadow:var(--elev-strip);overflow:hidden;text-align:start}.module-choice:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--plate-hue, var(--n-560))}.module-choice[data-module-type=drums]{--plate-hue: var(--hue-drums)}.module-choice[data-module-type=bass]{--plate-hue: var(--hue-bass)}.module-choice[data-module-type=acid]{--plate-hue: var(--hue-acid)}.module-choice[data-module-type=chords]{--plate-hue: var(--hue-chords)}.module-choice[data-module-type=arp]{--plate-hue: var(--hue-arp)}.module-choice[data-module-type=euclid]{--plate-hue: var(--hue-euclid)}.module-choice[data-module-type=piano]{--plate-hue: var(--hue-piano)}.module-choice[data-module-type=cc]{--plate-hue: var(--hue-cc)}.module-choice[data-module-type=mod]{--plate-hue: var(--hue-mod)}.module-choice[data-module-type=synth]{--plate-hue: var(--hue-synth)}.module-choice[data-module-type=drone]{--plate-hue: var(--hue-drone)}.module-choice strong{font:600 1.15rem/1 var(--font-label)}.module-choice .icon{grid-row:1 / 3;width:1.25rem;height:1.25rem;color:var(--plate-hue, var(--text-1))}.module-choice strong,.module-choice span{min-width:0}.module-choice span{color:var(--text-2);font-size:.86rem;font-weight:400;text-wrap:pretty}.app-help-readout{position:fixed;z-index:8;inset:calc(var(--app-header-height, 5rem) + var(--space-2)) max(var(--space-4),calc((100vw - 96rem)/2)) auto auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);width:min(27rem,calc(100vw - 2rem));min-height:8rem;border:1px solid var(--color-playing);border-radius:var(--radius-sm);padding:var(--space-4);background:color-mix(in oklab,var(--color-playing) 8%,var(--color-canvas));box-shadow:0 1rem 3rem #00000073;pointer-events:none}.app-help-readout[hidden]{display:none}.app-help-marker{display:grid;place-items:center;align-self:start;width:2.25rem;height:2.25rem;border:1px solid var(--color-playing);border-radius:50%;color:var(--color-playing);font:800 1rem/1 var(--font-data)}.app-help-readout h2{margin:var(--space-1) 0;font-size:1.05rem}.app-help-readout p{max-width:62ch;margin:0;color:var(--color-text-muted);font-size:.84rem}.app-help-readout .app-help-kicker{color:var(--color-playing);font:700 .65rem/1.2 var(--font-data);letter-spacing:.06em;text-transform:uppercase}.app-help-active [data-app-help-key]{transition:outline-color .1s ease,background-color .1s ease}.app-help-active [data-app-help-key]:is(:hover,:focus-visible,:focus-within){outline:2px solid color-mix(in oklab,var(--color-playing) 75%,transparent);outline-offset:-2px}.bar-progress{position:absolute;inset:auto 0 0;height:2px;border-inline-end:25vw solid var(--color-playing);pointer-events:none}main{width:min(100% - 1rem,70rem);margin-inline:auto;padding-block:var(--space-3) max(calc(var(--touch-target) + var(--space-6)),env(safe-area-inset-bottom))}.project-tools{display:grid;grid-template-columns:auto minmax(0,1fr) repeat(2,auto);gap:var(--space-2);align-items:center;margin:0;padding:var(--space-3);border:0;border-radius:var(--radius-btn);background:var(--n-700)}.project-tools>label:first-child{color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase}.project-tools>button:nth-of-type(n+3),.import-project{grid-row:2}.project-action-label{display:none}.import-project{display:grid;place-items:center;min-height:var(--touch-target);border:1px solid var(--color-structure);border-radius:var(--radius-sm);padding-inline:var(--space-3);background:var(--color-surface);cursor:pointer;font-weight:750}.demo-projects-popover{width:min(28rem,calc(100% - 2rem));max-height:min(70dvh,32rem);margin:auto;border:1px solid var(--color-structure);border-radius:var(--radius-sm);padding:var(--space-4);background:var(--color-canvas);color:var(--color-text);box-shadow:0 1rem 3rem #0000008c;overflow-y:auto}.demo-projects-popover::backdrop{background:#0000007f}.demo-projects-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3)}.demo-projects-heading p{margin-block-end:var(--space-1);color:var(--text-muted);font:500 .59rem/1 var(--font-data);letter-spacing:.15em;text-transform:uppercase}.demo-projects-heading h2{margin:0;font-size:1rem}.demo-projects-state{margin:var(--space-4) 0 0}.demo-projects-groups{display:grid;gap:var(--space-4);margin-block-start:var(--space-4)}.demo-projects-group{display:grid;gap:var(--space-2)}.demo-projects-genre-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding-block-end:var(--space-1);border-block-end:1px solid var(--color-surface-raised)}.demo-projects-genre-heading h3{margin:0;font-size:.84rem}.demo-projects-genre-heading span{color:var(--color-structure);font:700 .66rem/1 var(--font-data);letter-spacing:.05em;text-transform:uppercase}.demo-projects-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.demo-projects-list button{display:grid;gap:var(--space-1);width:100%;text-align:start}.demo-projects-list span,.demo-projects-list small{color:var(--color-text-muted);font-size:.78rem;font-weight:500}.scene-panel{display:grid;gap:var(--space-3);margin-block-start:var(--space-3);padding:var(--space-3);border:0;border-radius:var(--radius-btn);background:var(--n-700)}.scene-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-3)}.scene-heading p{margin-block-end:var(--space-1);color:var(--text-muted);font:500 .59rem/1 var(--font-data);letter-spacing:.15em;text-transform:uppercase}.scene-heading h2{margin:0;font-size:1rem}.scene-help,.scene-empty{margin:0;color:var(--color-text-muted);font-size:.8rem}.scene-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.scene-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-2);align-items:center;border-radius:var(--radius-btn);padding:var(--space-2);background:var(--n-660)}.scene-list label{grid-column:1 / -1;color:var(--color-text-muted);font-size:.72rem;text-transform:uppercase}.scene-list input{min-width:0}.scene-list .delete{color:var(--danger)}.rack-switcher{display:grid;gap:var(--space-3);margin-block-end:var(--space-3);padding:var(--space-3);border:0;border-radius:var(--radius-btn);background:var(--n-700)}.rack-switcher-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-3)}.rack-switcher-heading p,.eyebrow{margin-block-end:var(--space-1);color:var(--text-muted);font:500 .59rem/1 var(--font-data);letter-spacing:.15em;text-transform:uppercase}.rack-switcher h2,.desktop-studio-panel h2{margin-block-end:0;font-size:1rem}.rack-actions,.rack-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.rack-tabs{padding-block-start:var(--space-2);border-block-start:1px solid var(--color-surface-raised)}.rack-tabs [aria-selected=true]{border:0;background:var(--signal);color:var(--n-780)}.rack-switcher>label{color:var(--color-text-muted);font-size:.72rem;text-transform:uppercase}.transport-fields{display:flex;flex:0 0 auto;align-items:center;gap:2px;border-radius:var(--radius-well);padding:3px;background:var(--n-825);box-shadow:var(--well-sm)}.transport-trigger{flex:0 0 auto;min-height:2.375rem;border:0;border-radius:var(--radius-chip);background:transparent;box-shadow:none;color:var(--text-1);transition:background-color .12s ease-out,color .12s ease-out}.transport-trigger:hover:not(:disabled){background:var(--n-700)}.transport-trigger.header-tap{padding-inline:var(--space-3);color:var(--text-body);font:700 .78rem/1 var(--font-data);letter-spacing:.12em}.transport-trigger .icon{width:1.2rem;height:1.2rem}.transport-popover{width:min(28rem,calc(100vw - 1rem));max-height:min(80dvh,34rem);margin:auto;border:1px solid var(--color-structure);border-radius:var(--radius-sm);padding:var(--space-4);background:var(--color-canvas);color:var(--color-text);box-shadow:0 1rem 3rem #0009;overflow-y:auto}.transport-popover::backdrop{background:#0000006b}.transport-popover-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);margin-block-end:var(--space-4)}.transport-popover-heading p{margin-block-end:var(--space-1);color:var(--text-muted);font:500 .59rem/1 var(--font-data);letter-spacing:.15em;text-transform:uppercase}.transport-popover-heading h2{margin:0;font-size:1.15rem}.key-controls-grid,.key-control-group{display:grid;gap:var(--space-3)}.key-controls-grid{gap:var(--space-4)}.key-control-group h3{margin:0;color:var(--color-text-muted);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.transport-option-grid{display:grid;gap:var(--space-2)}.root-option-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.scale-option-grid{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}.transport-option-grid button{min-width:0;font-family:var(--font-data)}.tempo-popover{width:min(25rem,calc(100vw - 1rem));padding:var(--space-4);background:var(--grad-chrome)}.tempo-panel-controls{display:grid;gap:var(--space-4)}.tempo-readout{display:grid;grid-template-columns:var(--touch-target) minmax(0,1fr) var(--touch-target);align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);border:1px solid var(--color-structure);border-radius:var(--radius-well);background:var(--n-825);box-shadow:var(--well-md)}.tempo-step{padding:0;min-width:var(--touch-target);min-height:var(--touch-target);font:400 1.5rem/1 var(--font-data)}.tempo-number-field{display:grid;justify-items:center;min-width:0}.tempo-number-field label{color:var(--text-1);font:500 .6rem/1.4 var(--font-data);letter-spacing:.08em;text-transform:uppercase;text-align:center}.tempo-number-field input{width:100%;min-width:0;min-height:5rem;padding:var(--space-2) 0;border:0;border-radius:var(--radius-btn);background:transparent;box-shadow:none;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;color:var(--signal);font:500 clamp(2.5rem,10vw,3.5rem)/1 var(--font-data);font-variant-numeric:tabular-nums;text-align:center}.tempo-number-field input::-webkit-inner-spin-button,.tempo-number-field input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.tempo-number-field span{color:var(--text-1);font:.65rem var(--font-data);letter-spacing:.18em}.tempo-range-field{display:grid}.tempo-panel-controls input[type=range]{width:100%;min-width:0;height:var(--touch-target);margin:0;padding:0;background:transparent;accent-color:var(--signal);cursor:ew-resize}.tempo-range-labels{display:flex;justify-content:space-between;color:var(--text-1);font:.65rem var(--font-data)}.tempo-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:var(--space-2)}.tempo-actions button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-1);min-width:0;min-height:3.5rem;padding:var(--space-2);font:600 .95rem var(--font-data)}.tempo-actions button span{color:var(--text-1);font-size:.6rem;font-weight:400}.tempo-actions .tempo-tap{flex-direction:row;gap:var(--space-2);border:1px solid var(--signal);background:var(--signal-wash);color:var(--signal);font-size:.75rem}.tempo-actions .tempo-tap:active{background:var(--signal);color:var(--n-825)}.tempo-tap .icon{width:1rem;height:1rem}.tempo-hint{margin:0;color:var(--text-1);font-size:.7rem;text-align:center}.hardware-panel,.desktop-studio-panel{display:grid;gap:var(--space-3);margin-block-start:var(--space-3);padding:var(--space-3);border:0;border-radius:var(--radius-btn);background:var(--n-700)}.audio-output-control{display:grid;grid-template-columns:auto minmax(12rem,1fr) auto;gap:var(--space-2);align-items:center}.audio-output-control label{color:var(--color-text-muted);font-size:.72rem;text-transform:uppercase}.audio-output-control p{grid-column:1 / -1;margin:0;color:var(--color-text-muted);font-size:.8rem}.desktop-studio-panel summary{min-height:var(--touch-target);padding-block:var(--space-2);cursor:pointer;font-weight:750}.shortcut-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0}.shortcut-list div{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2);align-items:center;border-block-start:1px solid var(--color-surface-raised);padding-block-start:var(--space-2)}.shortcut-list dt,.shortcut-list dd{margin:0}.shortcut-list dd{color:var(--color-text-muted);font-size:.78rem}kbd{border:1px solid var(--color-structure);border-radius:var(--radius-sm);padding:.12rem .35rem;font:.7rem var(--font-data)}.hardware-panel h2{margin-block-end:var(--space-1);font-size:1rem}.hardware-panel p{margin-block-end:0;color:var(--color-text-muted);font-size:.8rem}.midi-recovery{border-inline-start:.25rem solid var(--color-danger);padding:var(--space-2)}.midi-ports{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.midi-ports li{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-2);padding-block-start:var(--space-2);border-block-start:1px solid var(--color-surface-raised)}.midi-ports li>span:nth-child(2){color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase}.midi-ports label{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target)}.midi-ports input{min-height:0}.music-export{display:grid;grid-template-columns:auto minmax(0,1fr) repeat(3,auto);gap:var(--space-2);align-items:center;margin-block-start:var(--space-3);padding:var(--space-3);border:0;border-radius:var(--radius-btn);background:var(--n-700)}.music-export>div{grid-column:1 / -1}.music-export h2{margin-block-end:var(--space-1);font-size:1rem}.music-export p{margin-block-end:0;color:var(--color-text-muted);font-size:.8rem}.back-to-top{position:fixed;z-index:9;inset:auto max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) auto;border-color:var(--color-playing);background:var(--color-canvas);color:var(--color-playing);box-shadow:0 .65rem 1.4rem #00000073}.session-status{display:flex;align-items:center;gap:var(--space-2);min-height:2.125rem;margin-block:0 var(--space-3);padding-inline:var(--space-3);background:var(--n-825);box-shadow:0 1px 0 var(--n-560)}.session-status:before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--n-660)}.app-header.playing~main .session-status:before{background:var(--signal);box-shadow:var(--glow-led)}.scheduler-jitter{margin-block:calc(-1 * var(--space-2)) var(--space-3)}.diagnostics-panel{margin-block-end:var(--space-3);border:0;border-radius:var(--radius-btn);padding:var(--space-3);background:var(--n-700)}.diagnostics-panel summary{min-height:var(--touch-target);cursor:pointer;font-weight:750}.diagnostics-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:var(--space-2) 0 0;background:var(--n-560)}.diagnostics-panel dl div{min-width:0;padding:var(--space-2);background:var(--n-700)}.diagnostics-panel dt{color:var(--text-muted);font:500 .57rem/1 var(--font-data);letter-spacing:.13em;text-transform:uppercase}.diagnostics-panel dd{margin:var(--space-1) 0 0;color:var(--text-hi);font:500 .78rem/1 var(--font-data);font-variant-numeric:tabular-nums}.diagnostics-panel .warning,.diagnostic-warning{color:var(--color-danger)}.diagnostic-warning{margin:var(--space-2) 0 0;font-weight:750}.phase7-acceptance{display:grid;gap:var(--space-3);margin-block-start:var(--space-4);border-block-start:1px solid var(--color-surface-raised);padding-block-start:var(--space-3)}.phase7-acceptance h3,.phase7-acceptance p{margin:0}.phase7-acceptance>div>p{margin-block-start:var(--space-1);color:var(--color-text-muted)}.acceptance-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.acceptance-progress{display:flex;justify-content:space-between;gap:var(--space-2);font-weight:750}.phase7-acceptance progress{width:100%;accent-color:var(--color-playing)}.phase7-acceptance fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-2);margin:0;border:1px solid var(--color-surface-raised);padding:var(--space-3)}.phase7-acceptance legend{padding-inline:var(--space-1);font-weight:750}.phase7-acceptance fieldset label{display:grid;gap:var(--space-1);color:var(--color-text-muted);font-size:.78rem}.phase7-acceptance input[type=number]{width:100%}.acceptance-checks{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}.acceptance-checks li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2);align-items:baseline;border-block-start:1px solid var(--color-surface-raised);padding-block-start:var(--space-1)}.acceptance-checks li[data-result=pass],.acceptance-pass{color:var(--color-playing)}.acceptance-checks li[data-result=fail]{color:var(--color-danger)}.acceptance-checks li[data-result=missing]{color:var(--color-text-muted)}.acceptance-checks data{font:.78rem var(--font-data);font-variant-numeric:tabular-nums}.listening-gates label:has(input[type=checkbox]){display:flex;grid-column:span 1;align-items:center;gap:var(--space-2)}.listening-notes{grid-column:1 / -1}.listening-notes textarea{width:100%;resize:vertical}.acceptance-status{min-height:1.2em}.error{border-inline-start:.25rem solid var(--color-danger);padding:var(--space-3);background:var(--color-surface)}.studio-workspace,.studio-mixer{--studio-popover-top: calc(var(--app-header-height, 4.75rem) + var(--space-2));position:fixed;z-index:9;top:var(--studio-popover-top);bottom:auto;height:calc(100dvh - var(--studio-popover-top) - var(--space-2));max-height:none;margin:0;border:0;border-radius:var(--radius-float);padding:0;background:var(--n-780);color:var(--text);box-shadow:var(--elev-panel);overflow:hidden}.studio-workspace{right:max(var(--space-2),calc((100vw - 96rem)/2));left:auto;width:min(28rem,calc(100vw - 1rem))}.studio-mixer{right:max(var(--space-2),calc((100vw - 96rem)/2));left:max(var(--space-2),calc((100vw - 96rem)/2));width:auto}:is(.studio-workspace,.studio-mixer):not(:popover-open){display:none}:is(.studio-workspace,.studio-mixer):popover-open{display:grid;grid-template-rows:auto minmax(0,1fr)}:is(.studio-workspace,.studio-mixer)::backdrop{background:#00000047}.workspace-heading{position:sticky;z-index:1;top:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:68px;padding:var(--space-3) 18px;background:var(--grad-chrome);box-shadow:var(--elev-chrome)}.workspace-heading p{margin-block-end:var(--space-1);color:var(--text-muted);font:500 .59rem/1 var(--font-data);letter-spacing:.15em;text-transform:uppercase}.workspace-heading h2{display:inline;margin:0;font-size:1.05rem}.workspace-heading small{margin-inline-start:var(--space-2);color:var(--color-text-muted);font:.7rem var(--font-data)}.workspace-heading button{padding-inline:var(--space-2);font-size:1.35rem;line-height:1}.mixer-heading-actions,.mixer-heading-toggles{display:flex;align-items:center;gap:var(--space-1)}.workspace-heading .mixer-heading-toggle{font:750 .68rem/1 var(--font-data);letter-spacing:.04em}.workspace-utilities{min-width:0;min-height:0;background:var(--n-720);overflow-y:auto}.studio-mixer-content{min-width:0;min-height:0;padding:16px;background:var(--n-720);overflow-y:auto}.utility-stack{display:grid;gap:var(--space-2);padding:var(--space-2)}.workspace-section-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1)}.workspace-section-index a{display:grid;place-items:center;min-height:var(--touch-target);border:1px solid var(--color-structure);border-radius:var(--radius-sm);padding-inline:var(--space-1);background:var(--color-canvas);color:var(--color-text);font:750 .68rem/1 var(--font-data);text-decoration:none}.mobile-session-actions{display:grid;gap:var(--space-2);border:0;border-radius:var(--radius-btn);padding:var(--space-3);background:var(--n-700)}.mobile-session-actions h2,.mobile-help-copy h3{margin:0;font-size:1rem}.mobile-session-actions>div:first-of-type{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1)}.mobile-session-actions button{min-width:0;padding-inline:var(--space-1);font-size:.75rem}.mobile-help-copy{border-block-start:1px solid var(--color-surface-raised);padding-block-start:var(--space-2)}.mobile-help-copy p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.8rem}.utility-stack :is(.scene-panel,.hardware-panel,.desktop-studio-panel,.music-export,.rack-switcher,.diagnostics-panel){margin:0}.module-list{display:grid;gap:var(--space-3);min-width:0}.module-list>article{content-visibility:auto;contain-intrinsic-size:auto none auto 44rem}.module-list>article:has(.module-menu[open]){content-visibility:visible;contain-intrinsic-size:none}article{position:relative;min-width:0;border:0;border-radius:var(--radius-plate);background-color:var(--n-620);background-image:var(--grad-plate);box-shadow:var(--elev-plate);overflow:visible}article:has(.module-menu[open]){z-index:8}article:before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:4px;border-radius:var(--radius-plate) 0 0 var(--radius-plate);background:var(--plate-hue, var(--n-560));pointer-events:none}article.muted{opacity:.65}article.soloed{box-shadow:var(--elev-plate),inset 0 0 0 1px var(--signal)}.desktop-module-readonly{padding:var(--space-4)}.desktop-module-readonly-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.desktop-module-readonly-header span{color:var(--text-muted);font:500 .59rem/1 var(--font-data);letter-spacing:.15em;text-transform:uppercase}.desktop-module-readonly h2{margin:var(--space-1) 0 0;font-size:1.2rem}.desktop-module-readonly p{max-width:42rem;margin:var(--space-3) 0 0;color:var(--color-text-muted)}.desktop-module-readonly .module-state{border:1px solid var(--color-structure);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--color-text)}.module-progress{position:absolute;inset:0 0 auto;height:2px;border-radius:var(--radius-plate) var(--radius-plate) 0 0;background:var(--n-560);overflow:hidden}.playing .module-progress{background:var(--color-playing)}.module-header{display:grid;grid-template-columns:auto auto minmax(5rem,1fr) auto;gap:var(--space-2);align-items:center;padding:14px 14px 10px 18px}.drag-handle{display:grid;place-items:center;width:var(--touch-target);height:var(--touch-target);border:0;border-radius:var(--radius-control);background:var(--n-750);touch-action:none;-webkit-user-select:none;user-select:none;color:var(--text-1);font-weight:750}.module-name{width:100%;border:0;background:transparent;box-shadow:none;color:var(--text);font:600 1.35rem/1.1 var(--font-label);letter-spacing:.01em}.module-switches{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1)}.module-switches button{padding-inline:var(--space-2)}.module-switches .delete{color:var(--color-danger)}.mobile-module-meta{display:flex;align-items:center;gap:var(--space-1);min-width:0;color:var(--color-text-muted);font:700 .66rem/1 var(--font-data);letter-spacing:.04em;text-transform:uppercase}.mobile-module-meta>span:first-child{width:.55rem;height:.55rem;border:1px solid var(--color-structure);border-radius:50%;background:var(--color-canvas)}.mobile-module-meta>span:first-child.active{border-color:var(--color-playing);background:var(--color-playing);box-shadow:0 0 .35rem color-mix(in oklab,var(--color-playing) 65%,transparent)}.module-menu{position:relative;min-width:0}.module-menu>summary{display:grid;place-items:center;min-height:var(--touch-target);min-width:var(--touch-target);border:0;border-radius:var(--radius-btn);padding-inline:var(--space-2);background:transparent;color:var(--text-1);cursor:pointer;list-style:none}.module-menu>summary:hover{background:var(--n-640)}.module-menu>summary::-webkit-details-marker{display:none}.module-menu-popover{position:absolute;z-index:7;inset:calc(100% + var(--space-1)) 0 auto auto;display:grid;gap:1px;width:max-content;min-width:12rem;border:0;border-radius:var(--radius-float);padding:var(--space-1);background:var(--n-780);box-shadow:var(--elev-panel)}.module-menu-popover :is(button,.module-color-control){display:flex;align-items:center;justify-content:start;gap:var(--space-2);width:100%;min-height:var(--touch-target);border:0;border-radius:var(--radius-control);padding-inline:var(--space-2);background:transparent;box-shadow:none;color:var(--text-body);font:600 .86rem/1 var(--font-label);letter-spacing:.04em;text-align:start}.module-menu-popover :is(button,.module-color-control):hover{background:var(--n-700)}.module-menu-popover .delete{color:var(--danger)}.module-menu-popover .icon{width:1.1rem;height:1.1rem}.module-color-control:before{content:"";flex:0 0 auto;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--plate-hue, var(--n-560));box-shadow:inset 0 0 0 1px #00000059}.module-color-control select{flex:1 1 auto;min-width:0;min-height:2.25rem;border:0;border-radius:var(--radius-control);padding-inline:var(--space-2);background:transparent;box-shadow:none;color:var(--text-body);font:600 .86rem/1 var(--font-label);letter-spacing:.04em}.module-help-toggle{white-space:nowrap}.module-help-toggle span{display:grid;place-items:center;width:1.2rem;height:1.2rem;border:1px solid currentColor;border-radius:50%;font:800 .75rem/1 var(--font-data)}.module-help-toggle[aria-pressed=true]{border-color:var(--color-playing);background:color-mix(in oklab,var(--color-playing) 17%,var(--color-surface))}article.help-active{border-color:color-mix(in oklab,var(--color-playing) 65%,var(--color-structure))}article.help-active [data-help-key]{transition:box-shadow .1s ease,background-color .1s ease}article.help-active [data-help-key]:is(:hover,:focus-visible,:focus-within){box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--color-playing) 70%,transparent);background-color:color-mix(in oklab,var(--color-playing) 8%,transparent)}.module-help-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);min-height:7.5rem;border-block-start:1px solid var(--color-playing);border-block-end:1px solid var(--color-surface-raised);padding:var(--space-3);background:color-mix(in oklab,var(--color-playing) 7%,var(--color-canvas))}.module-help-panel[hidden]{display:none}.module-help-marker{display:grid;place-items:center;align-self:start;width:2rem;height:2rem;border:1px solid var(--color-playing);border-radius:50%;color:var(--color-playing);font:800 1rem/1 var(--font-data)}.module-help-panel h3{margin:var(--space-1) 0;font-size:1rem}.module-help-panel p{max-width:62ch;margin:0;color:var(--color-text-muted);font-size:.82rem}.module-help-panel .module-help-kicker{color:var(--color-playing);font:700 .65rem/1.2 var(--font-data);letter-spacing:.06em;text-transform:uppercase}.module-body{--color-playhead: var(--signal);padding:0 14px 14px 18px}.midi-route{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2);align-items:center;padding-block-end:var(--space-3)}.midi-route label{color:var(--color-text-muted);font-size:.72rem;text-transform:uppercase}.module-midi-export{grid-column:1 / -1}.pattern-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);align-items:center;padding-block-end:var(--space-2)}.automation-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding-block-end:var(--space-3)}.automation-tools span{color:var(--color-text-muted);font:.72rem var(--font-data)}.mobile-parameter-groups{display:grid;gap:var(--space-2)}.mobile-parameter-groups>details{border-radius:var(--radius-well);background:var(--n-700)}.mobile-parameter-groups>details>summary,.piano-selection-tools>summary{display:flex;align-items:center;min-height:var(--touch-target);padding-block:var(--space-2);cursor:pointer;color:var(--color-text-muted);font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.mobile-parameter-groups .parameters{padding-block:0 var(--space-3)}.compact-parameters{grid-template-columns:minmax(0,1fr)}.slot-picker{grid-column:1 / -1;display:grid;grid-template-columns:repeat(8,1fr);gap:3px;border-radius:var(--radius-well);padding:3px;background:var(--n-825);box-shadow:var(--well-sm)}.slot-picker button{min-width:0;border:0;border-radius:var(--radius-chip);padding:0;background:var(--n-640);box-shadow:var(--raise-btn);color:var(--text-body);font:500 .82rem/1 var(--font-data)}.mutation-control{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2);align-items:center}.mutation-control-label{color:var(--color-text-muted);font-size:.72rem;text-transform:uppercase}.mutation-levels{display:grid;grid-template-columns:repeat(4,minmax(var(--touch-target),1fr)) minmax(4.25rem,1.35fr);gap:3px;border-radius:var(--radius-well);padding:3px;background:var(--n-825);box-shadow:var(--well-sm)}.mutation-levels button{min-width:0;border:0;border-radius:var(--radius-chip);padding-inline:var(--space-1);background:var(--n-640);box-shadow:var(--raise-btn);color:var(--text-body);font:650 .72rem/1 var(--font-data)}.mutation-levels button[aria-pressed=true]{background:var(--signal);box-shadow:inset 0 1px 2px #0000004d;color:var(--n-780)}.mutation-levels .random-mutation{font-size:.66rem;letter-spacing:.02em;text-transform:uppercase}.mutation-revert{white-space:nowrap}.seed-input{min-width:0;width:100%;font-family:var(--font-data)}.auto-mutate{grid-column:2 / -1;display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target)}.auto-mutate input{width:1rem;height:1rem;min-height:0}.mutation-loop-select{grid-column:2 / -1;width:100%}.module-advanced,.sound-panel{margin-block-start:var(--space-3);border-radius:var(--radius-well);background:var(--n-700)}.sound-panel>summary{display:flex;align-items:center;min-height:40px;padding:0 12px;cursor:pointer;color:var(--text-1);font:600 .67rem/1 var(--font-label);letter-spacing:.16em;text-transform:uppercase}.sound-panel-content{padding:0 12px var(--space-3)}.sound-preset-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2);align-items:center}.sound-preset-row label{color:var(--color-text-muted);font-size:.72rem;text-transform:uppercase}.sound-preset-row select{width:100%}.sound-parameters{padding-block-start:var(--space-2)}.silent-sound-note{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:.78rem}.module-advanced>summary{display:flex;align-items:center;min-height:40px;padding:0 12px;cursor:pointer;color:var(--text-1);font:600 .67rem/1 var(--font-label);letter-spacing:.16em;text-transform:uppercase}.module-advanced-content{padding:0 12px var(--space-3)}.advanced-pattern-tools{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2);align-items:center}.advanced-pattern-tools>label:not(.auto-mutate){color:var(--color-text-muted);font-size:.72rem;text-transform:uppercase}.step-grid{--step-size: 1.625rem;position:relative;max-width:100%;border-radius:var(--radius-btn);padding:8px;background:var(--n-850);box-shadow:var(--well-md);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable}.step-grid-scroll-hint{position:sticky;z-index:5;left:calc(100% - 3.75rem);display:none;float:inline-end;width:max-content;margin-block-end:calc(-1 * var(--touch-target));border:1px solid var(--color-structure);border-radius:999px;padding:var(--space-1) var(--space-2);background:color-mix(in oklab,var(--color-canvas) 92%,transparent);color:var(--color-text-muted);font:700 .62rem/1 var(--font-data);letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.step-grid-content{display:flex;gap:var(--space-2);width:max-content}.step-grid-sequence{position:relative;width:max-content;overflow:clip}.step-lane-labels{display:grid;grid-auto-rows:var(--step-size);gap:.1875rem;position:sticky;z-index:3;left:0;background:var(--n-850)}.step-lane-labels span{display:flex;align-items:center;width:4.6rem;overflow:hidden;color:var(--text-2);font:500 .6rem/1 var(--font-data);letter-spacing:.1em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.compositor-playhead{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border-inline-end:2px solid var(--color-playhead, var(--signal));filter:drop-shadow(0 0 7px oklch(88% .21 118 / 45%));pointer-events:none;will-change:transform}.compositor-playhead.bar-progress{inset:auto 0 0;height:2px;border-inline-end:25vw solid var(--color-playing)}.step-lane{display:grid;grid-template-columns:repeat(var(--step-count),var(--step-size));gap:.1875rem;width:max-content;margin-block-end:.1875rem}.step-lane button{position:relative;width:var(--step-size);min-width:var(--step-size);min-height:var(--step-size);height:var(--step-size);border:0;border-radius:var(--radius-pad);padding:0;background:var(--n-640);box-shadow:inset 0 1px #ffffff0d;transition:background-color .12s ease-out}.step-lane button.beat{background:var(--n-560)}.step-lane button.active{background:var(--signal);box-shadow:var(--glow-pad)}.step-lane button:disabled{opacity:1}.parameters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);padding-block-start:var(--space-3)}.knob-control{position:relative;display:grid;grid-template-columns:1fr auto;gap:var(--space-1);align-items:center;min-width:0;padding:var(--space-2);box-shadow:inset 0 1px 0 var(--n-520)}.knob-control label,.parameter-label{color:var(--color-text-muted);font:500 .57rem/1 var(--font-data);letter-spacing:.13em;text-transform:uppercase}.knob-control output{color:var(--text-hi);font:500 .78rem/1 var(--font-data);font-variant-numeric:tabular-nums}.knob-control input[type=range],.knob-control select{grid-column:1 / -1;width:100%}.segmented-control{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(3rem,1fr));gap:1px}.segmented-control button{min-width:0;border-radius:0;padding-inline:var(--space-1);font-size:.78rem}.segmented-control button[aria-pressed=true]{border-color:var(--color-playing);background:var(--color-playing);color:var(--color-canvas)}.stepper-control{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-1)}.stepper-control input{width:100%;min-width:0;text-align:center;font-family:var(--font-data)}.stepper-control input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;padding-inline:0}.stepper-control input[type=number]::-webkit-inner-spin-button,.stepper-control input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.stepper-unit,.switch-value{color:var(--color-text-muted);font:.7rem var(--font-data)}.switch-control{grid-column:1 / -1;position:relative;display:block;width:4.5rem;min-height:var(--touch-target);border:1px solid var(--color-structure);border-radius:999px;background:var(--color-canvas);cursor:pointer}.switch-control input{position:absolute;width:1px;height:1px;min-height:0;opacity:0}.switch-control span{position:absolute;inset:.32rem auto .32rem .32rem;aspect-ratio:1;border-radius:50%;background:var(--color-structure);transition:translate .12s ease,background-color .12s ease}.switch-control:has(input:checked) span{translate:1.7rem 0;background:var(--color-playing)}.switch-control:has(input:focus-visible){outline:.1875rem solid var(--color-playing);outline-offset:.1875rem}.piano-roll-editor{display:grid;gap:var(--space-2)}.piano-roll-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.piano-roll-heading>div{display:flex;align-items:center;gap:var(--space-2)}.piano-roll-heading h3{margin:0;font-size:.9rem}.piano-roll-heading p{margin:0;color:var(--color-text-muted);font-size:.72rem}.piano-pro-tools{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-1)}.piano-pro-tools>label{display:grid;gap:.18rem;color:var(--color-text-muted);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.piano-pro-tools>label select{min-width:7rem}.piano-pro-tools .piano-audition-toggle{display:flex;align-items:center;min-height:var(--touch-target);border:1px solid var(--color-structure);border-radius:var(--radius-control);padding-inline:var(--space-2);color:var(--color-text);letter-spacing:normal;text-transform:none}.piano-mobile-tool-groups{display:grid;gap:var(--space-1)}.piano-mobile-tool-groups>details{border-block-start:1px solid var(--color-surface-raised)}.piano-mobile-tool-groups>details>summary{display:flex;align-items:center;min-height:var(--touch-target);cursor:pointer;color:var(--color-text-muted);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.piano-mobile-tool-groups .piano-pro-tools{padding-block-end:var(--space-2)}.piano-overflow-status{align-self:center;color:var(--color-playing);font:.7rem var(--font-data)}.piano-selection-tools{min-width:0;border-block:1px solid var(--color-surface-raised)}.piano-selection-tools>div{display:grid;grid-template-columns:repeat(6,minmax(0,auto));gap:var(--space-1);align-items:center;padding-block-end:var(--space-2)}.piano-selection-tools button{min-width:0;padding-inline:var(--space-1)}.piano-selection-tools .delete{color:var(--color-danger)}.piano-selected-velocity{display:grid;grid-template-columns:auto minmax(7rem,1fr) 2.2rem;grid-column:span 3;gap:var(--space-1);align-items:center;color:var(--color-text-muted);font-size:.72rem}.piano-selected-velocity input{min-width:7rem}.piano-selected-velocity output{color:var(--color-text);font:.72rem var(--font-data);text-align:end}.piano-accent-toggle{display:flex;align-items:center;gap:var(--space-1);min-height:var(--touch-target)}.piano-roll-viewport{min-width:0;max-height:34rem;border:0;border-radius:var(--radius-btn);background:var(--n-850);box-shadow:var(--well-lg);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;container-type:inline-size}.piano-grid{display:grid;grid-template-columns:3.25rem var(--piano-surface-width);grid-template-rows:var(--piano-surface-height);width:max-content;min-width:100%}.piano-keyboard{position:sticky;z-index:4;left:0;display:grid;grid-template-rows:repeat(48,minmax(0,1fr));grid-column:1;grid-row:1;width:3.25rem;height:var(--piano-surface-height);border-inline-end:1px solid var(--n-560);background:var(--n-850)}.piano-key{min-width:0;min-height:0;border:0;border-block-end:1px solid var(--n-750);border-radius:0;padding:0 .18rem;background:#d5d8da;color:var(--n-780);font:.52rem/1 var(--font-data);text-align:end}.piano-key.black-key{width:72%;justify-self:end;background:var(--n-700);color:var(--text-1)}.piano-key.scale-key{box-shadow:inset 3px 0 0 var(--plate-hue, var(--n-560))}.piano-key.chord-key{box-shadow:inset 3px 0 0 var(--signal);color:var(--n-780)}.piano-key.black-key.chord-key{color:var(--signal)}.piano-roll-surface{position:relative;grid-column:2;grid-row:1;width:var(--piano-surface-width);height:var(--piano-surface-height);border:0;background-color:var(--n-850);background-image:linear-gradient(to right,var(--n-600) 1px,transparent 1px);background-size:calc(100% / var(--piano-steps)) 100%;overflow:hidden;touch-action:none;cursor:crosshair}.piano-row-guide{position:absolute;z-index:0;inset-inline:0;inset-block-start:calc(var(--note-row) / var(--piano-rows) * 100%);height:calc(100% / var(--piano-rows));border-block-end:1px solid var(--color-surface-raised);pointer-events:none}.piano-row-guide.scale-row{background:color-mix(in oklab,var(--plate-hue, var(--n-560)) 6%,transparent)}.piano-row-guide.chord-row{background:var(--signal-wash)}.piano-note{position:absolute;z-index:2;inset-inline-start:calc(var(--note-start) / var(--piano-steps) * 100%);inset-block-start:calc(var(--note-row) / var(--piano-rows) * 100%);width:max(.35rem,calc(var(--note-length) / var(--piano-steps) * 100%));min-width:0;min-height:0;height:calc(100% / var(--piano-rows));border:0;border-radius:2px;padding:0;background:color-mix(in oklab,var(--plate-hue, var(--n-560)) calc(34% + var(--note-velocity) / 127 * 30%),var(--n-700));box-shadow:inset 0 1px #ffffff1f;cursor:grab}.piano-note.accented{background:var(--signal);box-shadow:0 0 12px #cde80066;box-shadow:0 0 12px oklch(88% .21 118 / 40%)}.piano-note:after{content:"";position:absolute;inset:0 0 0 auto;width:.5rem;border-inline-start:1px solid var(--color-canvas);cursor:ew-resize}.piano-note:active{translate:0;cursor:grabbing}.velocity-lane-label{position:sticky;z-index:7;bottom:0;left:0;grid-column:1;grid-row:1;align-self:end;display:grid;place-items:center;width:3.25rem;height:6rem;border-block-start:1px solid var(--color-structure);border-inline-end:1px solid var(--color-structure);background:var(--color-canvas);color:var(--color-text-muted);font:.62rem var(--font-data)}.piano-velocity-lane{position:sticky;z-index:6;bottom:0;grid-column:2;grid-row:1;align-self:end;width:var(--piano-surface-width);height:6rem;border-block-start:1px solid var(--color-structure);background:color-mix(in oklab,var(--color-canvas) 94%,transparent);touch-action:none}.piano-velocity-lane:before{content:"";position:absolute;inset:50% 0 auto;border-block-start:1px dashed var(--color-surface-raised)}.piano-velocity-bar{position:absolute;inset-inline-start:calc(var(--note-start) / var(--piano-steps) * 100%);bottom:0;width:max(.35rem,calc(var(--note-length) / var(--piano-steps) * 100%));min-width:0;min-height:0;height:calc(var(--note-velocity) / 127 * 100%);border:0;border-radius:2px 2px 0 0;padding:0;background:var(--plate-hue, var(--n-560))}.piano-velocity-bar.accented{background:var(--signal)}.piano-velocity-bar[aria-pressed=true]{outline:.15rem solid var(--color-playing);outline-offset:-.15rem}.open-mobile-piano{width:100%}.mobile-piano-dialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:max(var(--space-3),env(safe-area-inset-top)) max(var(--space-3),env(safe-area-inset-right)) max(var(--space-3),env(safe-area-inset-bottom)) max(var(--space-3),env(safe-area-inset-left));background:var(--color-canvas);color:var(--color-text);overflow:clip}.mobile-piano-dialog::backdrop{background:#000000b8}.mobile-piano-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:var(--space-3);height:100%;min-width:0;min-height:0}.mobile-piano-shell>header{display:flex;align-items:safe center;justify-content:space-between;gap:var(--space-3);border-block-end:1px solid var(--color-surface-raised);padding-block-end:var(--space-2)}.mobile-piano-shell>header h2,.mobile-piano-shell>header p,.mobile-piano-mode-controls h3{margin:0}.mobile-piano-shell>header p{color:var(--color-structure);font:700 .65rem/1.2 var(--font-data);letter-spacing:.06em;text-transform:uppercase}.mobile-piano-mode-controls{min-width:0}.mobile-piano-mode-controls h3{font-size:.82rem}.mobile-piano-mode-controls .parameters{padding-block-start:var(--space-2)}.mobile-piano-roll{grid-template-rows:auto auto auto minmax(0,1fr);min-width:0;min-height:0}.mobile-piano-roll .piano-roll-heading{align-items:start}.mobile-piano-roll .piano-roll-heading>div{display:flex;align-items:center;gap:var(--space-2)}.mobile-piano-roll .piano-roll-viewport{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.mobile-piano-roll .piano-selection-tools>div{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-piano-roll .piano-selected-velocity{grid-column:1 / -1}.mobile-piano-roll .piano-note{min-width:1rem}.mixer-panel{display:grid;gap:var(--space-4)}.mixer-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(6.5rem,calc((100% - 1.25rem) / 6)),1fr));gap:var(--space-1);align-items:start}.mixer-channel,.rack-master{position:relative;display:grid;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) 12px;border:0;border-radius:var(--radius-btn);background:var(--grad-strip);box-shadow:var(--elev-strip);overflow:hidden}.mixer-channel:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--plate-hue, var(--n-560));pointer-events:none}.mixer-channel-heading,.rack-master-heading{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-1);align-items:center}.mixer-channel-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rack-master-heading{grid-template-columns:minmax(5rem,1fr) auto}.rack-master-heading output{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.mixer-channel-knobs{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-1);align-items:start}.mixer-channel-level{display:grid;grid-template-columns:auto auto;gap:var(--space-1);justify-content:center;min-height:12rem;padding:var(--space-3) var(--space-1) var(--space-1);box-shadow:inset 0 1px 0 var(--n-520)}.mixer-level-control{display:grid;grid-template-rows:auto minmax(8rem,1fr) auto;justify-items:center;gap:var(--space-1);min-width:0;min-height:11rem}.mixer-level-control label,.rack-master-meter>span{color:var(--text-muted);font:500 .57rem/1 var(--font-data);letter-spacing:.13em;text-transform:uppercase}.mixer-level-control output{color:var(--text-hi);font:500 .78rem/1 var(--font-data);font-variant-numeric:tabular-nums}input[type=range].mixer-level-fader{width:var(--touch-target);height:9rem;min-height:9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;writing-mode:vertical-lr;direction:rtl}input[type=range].mixer-level-fader::-webkit-slider-runnable-track{width:.5rem;height:100%;border:0;border-radius:4px;background:linear-gradient(to top,var(--signal) 0 var(--fader-fill, 0%),var(--signal-2) 0,var(--n-850) var(--fader-fill, 0%) 100%);box-shadow:inset 0 1px 4px #000000bf}input[type=range].mixer-level-fader::-webkit-slider-thumb{width:2.375rem;height:1.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:3px;background:linear-gradient(180deg,var(--n-300),oklch(26% .006 250));box-shadow:0 3px 6px #0009,inset 0 1px #ffffff2e}input[type=range].mixer-level-fader::-moz-range-track{width:.5rem;border:0;border-radius:4px;background:var(--n-850);box-shadow:inset 0 1px 4px #000000bf}input[type=range].mixer-level-fader::-moz-range-thumb{width:2.375rem;height:1.25rem;border:0;border-radius:3px;background:linear-gradient(180deg,var(--n-300),oklch(26% .006 250));box-shadow:0 3px 6px #0009}.level-led-meter{--meter-safe: var(--meter-ok);--meter-warn: var(--meter-warm);--meter-clip: var(--meter-hot);display:flex;flex-direction:column;gap:2px;align-self:center;width:.875rem;height:9rem;border:0;border-radius:3px;padding:3px;background:var(--n-850);box-shadow:var(--well-meter)}.level-led{--led-color: var(--meter-safe);flex:1 1 0;min-height:6px;border-radius:1px;background:var(--n-660);transition:background-color 70ms linear,box-shadow 70ms linear}.level-led[data-zone=warn]{--led-color: var(--meter-warn)}.level-led[data-zone=clip]{--led-color: var(--meter-clip)}.level-led[data-active=true]{background:var(--led-color);box-shadow:0 0 6px var(--led-color)}.rack-master-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:var(--space-2);align-items:stretch}.rack-master-meter{display:grid;grid-template-rows:auto 1fr;justify-items:center;gap:var(--space-2);min-height:8.5rem;padding:var(--space-2);box-shadow:inset 0 1px 0 var(--n-520)}.rack-master-meter .level-led-meter{height:7rem}.unsupported,.loading{padding-block:20vh}.visually-hidden:where(:not(:focus-within,:active)){position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important}@media(max-width:63.999rem){main{padding-block-end:max(calc(4.75rem + env(safe-area-inset-bottom)),var(--space-6))}.app-header{width:min(100% - 1rem,70rem);padding-block:max(var(--space-1),env(safe-area-inset-top)) var(--space-1)}.mobile-context-bar .transport-fields .header-tap{display:none}.mobile-context-bar .transport-fields{gap:var(--space-1)}.mobile-context-bar .transport-trigger{min-width:var(--touch-target)}.module-picker{top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:max(var(--space-3),env(safe-area-inset-top)) max(var(--space-3),env(safe-area-inset-right)) max(var(--space-3),env(safe-area-inset-bottom)) max(var(--space-3),env(safe-area-inset-left))}.module-picker>header{position:sticky;z-index:1;top:calc(-1*max(var(--space-3),env(safe-area-inset-top)));margin:calc(-1*max(var(--space-3),env(safe-area-inset-top))) calc(-1*max(var(--space-3),env(safe-area-inset-right))) var(--space-3);padding:max(var(--space-3),env(safe-area-inset-top)) max(var(--space-3),env(safe-area-inset-right)) var(--space-3);border-block-end:1px solid var(--color-surface-raised);background:var(--color-canvas)}.studio-workspace,.studio-mixer{top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.workspace-heading{padding:max(var(--space-3),env(safe-area-inset-top)) max(var(--space-3),env(safe-area-inset-right)) var(--space-3) max(var(--space-3),env(safe-area-inset-left))}.workspace-utilities,.studio-mixer-content{padding-block-end:max(var(--space-3),env(safe-area-inset-bottom))}.workspace-section-index{position:sticky;z-index:1;top:0;padding:var(--space-1);background:var(--color-surface)}.workspace-section{scroll-margin-block-start:calc(var(--touch-target) + var(--space-3))}.module-header{gap:var(--space-1)}.module-switches{grid-column:3 / 5;grid-row:2;grid-template-columns:repeat(3,var(--touch-target));justify-content:end}.mobile-module-meta{grid-column:1 / 3;grid-row:2;align-self:center;padding-inline-start:var(--space-1)}.step-grid{--step-size: 2.5rem}.back-to-top{inset-block-end:max(calc(5.25rem + env(safe-area-inset-bottom)),var(--space-6))}.mixer-channel{padding:var(--space-1)}.mixer-channel-heading{grid-template-columns:repeat(2,minmax(0,1fr))}.mixer-channel-heading strong{grid-column:1 / -1}.mixer-channel-heading button{min-width:0;padding-inline:var(--space-1)}.mixer-channel-knobs{--rotary-knob-label-size: .65rem;--rotary-knob-padding: var(--space-1);--rotary-knob-size: 3.75rem}}@media(max-width:47.999rem){.app-help-readout{position:relative;inset:auto;width:min(100% - 1rem,70rem);margin:var(--space-2) auto 0}.project-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.project-tools>label:first-child,.project-tools>input:first-of-type{grid-column:1 / -1}.project-tools>button,.project-tools>button:nth-of-type(n+3),.project-tools .import-project{grid-row:auto;width:100%;min-width:0;justify-content:start;padding-inline:var(--space-3)}.project-action-label{display:inline}.step-grid-scroll-hint{display:block}}@media(max-width:29.999rem){.mobile-context-bar{gap:var(--space-1)}.mobile-project-context{padding-inline:var(--space-1)}.mobile-project-context .icon{display:none}.workspace-section-index a{font-size:.62rem}.mutation-control{grid-template-columns:minmax(0,1fr) auto}.mutation-control-label{grid-column:1}.mutation-revert{grid-column:2}.mutation-levels{grid-column:1 / -1;grid-row:2}}@media(max-width:63.999rem)and (orientation:landscape){.mobile-transport-dock{width:min(calc(100% - 2rem),38rem)}.studio-workspace,.studio-mixer,.module-picker,.mobile-piano-dialog{height:100dvh}.mobile-piano-shell{gap:var(--space-1)}}@media(min-width:48rem){.app-header{width:min(100% - 2rem,70rem)}.brand-kicker{display:flex}.brand-title-full{display:block}.brand-title-compact{display:none}.project-tools{grid-template-columns:auto minmax(12rem,1fr) repeat(6,auto)}.project-tools>button:nth-of-type(n+3),.import-project{grid-row:auto}.parameters{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:64rem){.app-header,main{width:min(100% - 2rem,96rem)}main{display:block}.utility-stack .project-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-stack .project-tools>label:first-child{grid-column:1}.utility-stack .project-tools>input:first-of-type{grid-column:2 / -1;min-width:0}.utility-stack .project-tools>button,.utility-stack .project-tools .import-project{grid-row:auto;min-width:0;padding-inline:var(--space-1)}.utility-stack .rack-switcher-heading{display:grid}.utility-stack .rack-actions{display:grid;grid-template-columns:auto auto minmax(0,1fr)}.utility-stack .desktop-studio-panel,.utility-stack .audio-output-control,.utility-stack .shortcut-list{grid-template-columns:1fr}.utility-stack .music-export{grid-template-columns:auto minmax(0,1fr) repeat(3,auto)}.utility-stack .music-export>div{grid-column:1 / -1}.module-list{display:block;column-count:2;column-gap:var(--space-4)}.module-list>article{width:100%;margin-block-end:var(--space-4);break-inside:avoid}.module-list>article.module-full-width{column-span:all}.module-header{grid-template-columns:auto auto auto auto minmax(5rem,1fr) auto}.module-switches,.parameters{grid-template-columns:repeat(3,minmax(0,1fr))}.mixer-channels{grid-template-columns:repeat(auto-fit,minmax(max(14rem,calc((100% - 2.5rem) / 6)),1fr));gap:var(--space-2)}.mixer-channel-heading{grid-template-columns:minmax(5rem,1fr) auto auto;gap:var(--space-2)}.mixer-channel-knobs{grid-template-columns:repeat(2,minmax(0,1fr))}.mixer-channel-knobs[data-pan-visible=true]>:first-child{grid-column:1 / -1}}@media(min-width:90rem){.module-list{column-count:3}.parameters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}}