:root{color-scheme:dark;--ink-base: #08080a;--ink-surface: #101013;--ink-raised: #17171c;--ink-pad-empty: #0e0e11;--ink-pad-loaded: #16161b;--ink-pad-pressed: #1f1f26;--hairline: #24242c;--hairline-strong: #33333e;--hairline-width: 1px;--scrim: rgb(0 0 0 / .72);--tone-primary: #ffffff;--tone-secondary: #9195a3;--tone-tertiary: #7b8090;--tone-disabled: #4a4d59;--tone-kicker: #8a8fa0;--accent-magenta: #ec5cff;--accent-magenta-deep: #a524c9;--accent-violet: #7b3ff2;--accent-indigo: #4b3be8;--accent-acid: #dcff33;--accent-amber: #f5c518;--accent-cyan: #3dd9ff;--accent-mint: #2fefb4;--accent-coral: #ff5c7a;--accent-slate: #767c90;--accent-record: #ff3355;--accent-danger: #ff4d4d;--accent-warning: #ffb020;--accent-success: #2fefb4;--on-accent-dark: #0a0a0c;--on-accent-light: #ffffff;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 12px;--space-6: 16px;--space-7: 20px;--space-8: 24px;--space-9: 32px;--space-10: 40px;--radius-pad: 9px;--radius-card: 14px;--radius-control: 8px;--radius-chip: 6px;--radius-sheet: 22px;--pad-gap: 3px;--touch-min: 44px;--transport-target: 52px;--toolbar-h: 48px;--transport-h: 84px;--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-rounded: ui-rounded, -apple-system, BlinkMacSystemFont, "SF Pro Rounded", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--type-scale: 1;--type-display: calc(1.75rem * var(--type-scale));--type-title: calc(1.25rem * var(--type-scale));--type-headline: calc(1rem * var(--type-scale));--type-body: calc(.9375rem * var(--type-scale));--type-callout: calc(.875rem * var(--type-scale));--type-caption: calc(.75rem * var(--type-scale));--type-micro: calc(.625rem * var(--type-scale));--type-kicker: calc(.625rem * var(--type-scale));--type-pad-label: min(calc(.84375rem * var(--type-scale)), 1.2rem);--type-pad-label-compact: min(calc(.71875rem * var(--type-scale)), 1rem);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.15;--leading-normal: 1.35;--leading-loose: 1.5;--dur-instant: 60ms;--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--ease-out: cubic-bezier(.2, .8, .25, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-snap: cubic-bezier(.16, 1, .3, 1);--glow-magenta: 0 0 10px rgb(236 92 255 / .45);--glow-acid: 0 0 10px rgb(220 255 51 / .4);--glow-record: 0 0 12px rgb(255 51 85 / .5);--lift-1: 0 3px 8px rgb(0 0 0 / .5);--lift-2: 0 6px 16px rgb(0 0 0 / .5);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--keyboard-inset: 0px;--viewport-h: 100dvh}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{height:100%;overscroll-behavior:none;-webkit-text-size-adjust:auto;text-size-adjust:auto}body{min-height:var(--viewport-h);background:var(--ink-base);color:var(--tone-primary);font-family:var(--font-system);font-size:var(--type-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);font-synthesis:none;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:pan-y}img,svg,video,canvas{display:block;max-width:100%}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}button,input,select,textarea{font:inherit;color:inherit;background:none;border:0;border-radius:0;-webkit-appearance:none;appearance:none}button{cursor:pointer;min-height:var(--touch-min);min-width:var(--touch-min);touch-action:manipulation;user-select:none;-webkit-user-select:none}button:disabled{cursor:default;color:var(--tone-disabled)}a{color:var(--accent-magenta);text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse}::selection{background:var(--accent-violet);color:var(--tone-primary)}:focus-visible{outline:2px solid var(--tone-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.instrument,.instrument *{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.scroll-y{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.scroll-x{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.selectable{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.safe-top{padding-top:var(--safe-top)}.safe-bottom{padding-bottom:calc(var(--safe-bottom) + var(--keyboard-inset))}.safe-x{padding-left:var(--safe-left);padding-right:var(--safe-right)}.safe-all{padding:var(--safe-top) var(--safe-right) calc(var(--safe-bottom) + var(--keyboard-inset)) var(--safe-left)}.kicker{font-size:var(--type-kicker);font-weight:var(--weight-bold);letter-spacing:.09em;text-transform:uppercase;color:var(--tone-kicker);line-height:var(--leading-tight)}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.numeric{font-family:var(--font-rounded);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skip-link{position:fixed;top:calc(var(--safe-top, 0px) + var(--space-3));left:50%;z-index:999;padding:var(--space-3) var(--space-5);font-size:var(--type-callout);font-weight:var(--weight-semibold);color:var(--tone-primary);text-decoration:none;background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline-strong);border-radius:var(--radius-card);transform:translate(-50%,calc(-100% - var(--space-6)));transition:transform var(--dur-fast) var(--ease-out)}.skip-link:focus-visible{transform:translate(-50%)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.callout{border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-card);background:color-mix(in srgb,var(--ink-raised) 88%,transparent);padding:var(--space-6)}.callout--accent,.callout--warning{border-color:var(--hairline-strong);background:var(--ink-raised)}.callout--warning>.kicker{color:var(--accent-warning)}.callout--danger{border-color:var(--hairline-strong);background:var(--ink-raised)}.callout--danger>.kicker{color:var(--accent-danger)}@media(prefers-reduced-motion:reduce){:root{--dur-instant: .01ms;--dur-fast: .01ms;--dur-base: .01ms;--dur-slow: .01ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-reduced-transparency:reduce){:root{--scrim: rgb(0 0 0 / .94)}.callout{background:var(--ink-raised)}[class*=glass],.backdrop-blur{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--ink-surface)!important}}@media(prefers-contrast:more){:root{--hairline: #4a4a58;--hairline-strong: #6c6c7d;--tone-secondary: #c8ccd8;--tone-tertiary: #9ba0b0;--tone-kicker: #b0b4c2;--tone-disabled: #6a6d78;--ink-pad-empty: #0b0b0e;--ink-pad-loaded: #1b1b21;--ink-pad-pressed: #2a2a33;--glow-magenta: none;--glow-acid: none;--glow-record: none}.callout,.callout--accent,.callout--warning,.callout--danger{background:var(--ink-raised);border-width:2px}:focus-visible{outline-width:3px}}:root{--dur-reduced: .12s;--pad-rule-h: 2px;--chip-pill-h: 32px;--chip-overhang: calc((var(--touch-min) - var(--chip-pill-h)) / 2);--chip-fade-lead: var(--space-5);--chip-fade-trail: 24px;--toggle-track-w: 46px;--toggle-track-h: 28px;--toggle-knob: 22px}.pl-icon{flex:none;display:block;overflow:visible}.pl-kicker{display:inline-flex;align-items:center;gap:var(--space-2)}.pl-rule{flex:none;background:var(--hairline)}.pl-rule--horizontal{height:var(--hairline-width);width:100%}.pl-rule--vertical{width:var(--hairline-width);align-self:stretch}.pl-card{background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline-strong);border-radius:var(--radius-card)}.pad{position:relative;display:block;min-height:var(--touch-min);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-pad);background:var(--ink-pad-loaded);overflow:hidden;cursor:pointer;contain:paint;transform:translateZ(0);transition:background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.pad.is-empty{background:var(--ink-pad-empty)}.pad.is-held{background:var(--ink-pad-pressed);transform:scale(.97)}.pad.is-sounding{box-shadow:0 0 14px color-mix(in srgb,var(--pad-tint, var(--accent-magenta)) 45%,transparent)}.pad.is-compact.is-sounding{box-shadow:0 0 10px color-mix(in srgb,var(--pad-tint, var(--accent-magenta)) 45%,transparent)}.pad:not(.is-empty):before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#ffffff0d,#fff0 62%)}.pad__wash{position:absolute;inset:0;pointer-events:none;opacity:0;background:var(--pad-tint, var(--accent-magenta));transition:opacity var(--dur-base) var(--ease-out)}.pad.is-sounding .pad__wash{opacity:.2}.pad.is-sounding.is-held .pad__wash{opacity:.3}@keyframes pad-playing-pulse{0%{opacity:.2}50%{opacity:.32}to{opacity:.2}}.pad[data-state=playing] .pad__wash{animation:pad-playing-pulse .9s var(--ease-in-out) infinite}@media(prefers-reduced-motion:reduce){.pad[data-state=playing] .pad__wash{animation:none}}.pad__artwork{position:absolute;inset:0;border-radius:inherit;background-size:cover;background-position:center;opacity:.28;pointer-events:none}.pad.has-artwork .pad__body{text-shadow:0 1px 3px rgb(0 0 0 / .7)}.pad__symbol{display:flex;align-items:center;color:var(--tone-secondary);line-height:0}.pad__body{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:var(--space-1);padding:var(--space-5);padding-right:calc(var(--space-5) + var(--space-3));pointer-events:none}.pad.is-compact .pad__body{padding:var(--space-4);padding-right:calc(var(--space-4) + var(--space-3))}.pad.is-empty .pad__body{display:none}.pad.is-muted .pad__body{opacity:.45}.pad__kicker{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pad__label{color:var(--tone-primary);font-size:var(--type-pad-label);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.005em;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.pad.is-compact .pad__label{font-size:var(--type-pad-label-compact)}.pad__status{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pad__status[data-tone=tint]{color:var(--pad-tint, var(--accent-magenta))}.pad__status[data-tone=acid]{color:var(--accent-acid)}.pad__status[data-tone=record]{color:var(--accent-record)}.pad__status[data-tone=secondary]{color:var(--tone-secondary)}.pad__status[data-tone=warning]{color:var(--accent-warning)}.pad__status[data-tone=danger]{color:var(--accent-danger)}.pad__empty{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:var(--tone-tertiary);pointer-events:none}.pad.is-empty .pad__empty{display:flex}.pad__badge{position:absolute;top:var(--space-5);right:var(--space-5);display:flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:none;color:var(--tone-secondary)}.pad.is-compact .pad__badge{top:var(--space-4);right:var(--space-4)}.pad__badge[data-tone=acid]{color:var(--accent-acid)}.pad__badge[data-tone=warning]{color:var(--accent-warning)}.pad__badge[data-tone=danger]{color:var(--accent-danger)}.pad__badge[data-tone=record]{color:var(--accent-record)}.pad__rec-dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--accent-record)}.pad__rec-bloom{position:absolute;inset:0;margin:auto;width:16px;height:16px;border-radius:50%;background:var(--accent-record);animation:pad-rec-pulse 1.1s var(--ease-out) infinite}@keyframes pad-rec-pulse{0%{transform:scale(.5);opacity:.55}to{transform:scale(1.35);opacity:0}}.pad__meter{position:absolute;top:var(--space-4);right:var(--space-2);height:calc(100% - var(--space-4) * 2);pointer-events:none}.pad.is-compact .pad__meter{top:var(--space-3);height:calc(100% - var(--space-3) * 2)}.pad.is-empty .pad__meter{display:none}.pad__progress{position:absolute;left:0;right:0;bottom:0;height:var(--pad-rule-h);overflow:hidden;opacity:0;pointer-events:none;background:color-mix(in srgb,var(--pad-tint, var(--accent-magenta)) 16%,transparent);transition:opacity var(--dur-fast) var(--ease-out)}.pad.is-sounding .pad__progress{opacity:1}.pad__progress-fill{position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;background:var(--pad-tint, var(--accent-magenta));will-change:transform}.pad__progress-glint{position:absolute;top:0;bottom:0;left:-45%;width:45%;opacity:0;background:linear-gradient(90deg,transparent,var(--pad-tint, var(--accent-magenta)),transparent)}.pad.is-looping .pad__progress-glint{opacity:.95;animation:pad-glint 1.6s linear infinite}@keyframes pad-glint{0%{transform:translate(0)}to{transform:translate(322%)}}.pad.is-longpressed{background:color-mix(in srgb,var(--tone-primary) 14%,var(--ink-pad-pressed))}.pad.is-queued:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--accent-acid) 14%,transparent);border-radius:inherit;pointer-events:none;animation:pad-queued-pulse 1.1s var(--ease-in-out) infinite}@keyframes pad-queued-pulse{0%,to{opacity:1}50%{opacity:.25}}.pl-meter{position:relative;flex:1 1 auto;min-width:0;min-height:0}.pl-meter--vertical{width:10px}.pl-meter--horizontal{height:10px;width:100%}.pl-meter__canvas,.pl-spectrum__canvas,.pl-gr__canvas,.pl-mini__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.pl-meter__channel{color:var(--tone-kicker)}.pl-stereo{display:flex;min-width:0;min-height:0}.pl-stereo--vertical{flex-direction:row;align-items:stretch;gap:var(--space-2)}.pl-stereo--horizontal{flex-direction:column;gap:var(--space-2)}.pl-stereo__channel{display:flex;flex:1 1 auto;min-width:0;min-height:0;align-items:center;gap:var(--space-1)}.pl-stereo--vertical .pl-stereo__channel{flex-direction:column}.pl-stereo--horizontal .pl-stereo__channel{flex-direction:row;gap:var(--space-2)}.pl-stereo--horizontal .pl-meter__channel{width:10px;flex:none}.pl-gr{position:relative}.pl-gr--horizontal{height:8px;width:100%}.pl-gr--vertical{width:8px}.pl-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:var(--touch-min);padding:0 var(--space-6);border:var(--hairline-width) solid transparent;border-radius:var(--radius-control);font-size:var(--type-callout);font-weight:var(--weight-medium);position:relative;overflow:hidden;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.pl-btn--full{display:flex;width:100%}.pl-btn.is-pressed{transform:scale(.97)}.pl-btn--primary{background:var(--ink-raised);border-color:var(--hairline);color:var(--accent-magenta);font-size:var(--type-headline);font-weight:var(--weight-semibold)}.pl-btn--primary.is-pressed{background:var(--ink-pad-pressed)}.pl-btn--secondary{background:var(--ink-raised);border-color:var(--hairline-strong);color:var(--tone-primary)}.pl-btn--secondary.is-pressed{background:var(--ink-pad-pressed)}.pl-btn--destructive{background:var(--ink-raised);border-color:var(--hairline-strong);color:var(--accent-danger)}.pl-btn--destructive.is-pressed{background:var(--ink-pad-pressed)}.pl-btn--ghost{background:transparent;color:var(--tone-secondary)}.pl-btn--ghost.is-pressed{background:var(--ink-raised)}.pl-btn:disabled{background:var(--ink-raised);border-color:var(--hairline);color:var(--tone-disabled);transform:none;filter:none}.pl-btn--ghost:disabled{background:transparent}.pl-btn:disabled:after{display:none}.pl-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--btn-size, var(--touch-min));height:var(--btn-size, var(--touch-min));min-width:var(--touch-min);min-height:var(--touch-min);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-control);background:transparent;color:var(--tone-secondary);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.pl-iconbtn.is-active{background:var(--ink-pad-pressed);border-color:var(--hairline-strong);color:var(--accent-magenta)}.pl-iconbtn.is-pressed{transform:scale(.92)}.pl-iconbtn:disabled{color:var(--tone-disabled);transform:none}.pl-transport{display:inline-flex;align-items:center;justify-content:center;width:var(--transport-target);height:var(--transport-target);border-radius:50%;background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline-strong);color:var(--tone-primary);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.pl-transport__glyph{display:flex;align-items:center;justify-content:center}.pl-transport.is-pressed{transform:scale(.93)}.pl-transport--record{color:var(--accent-record)}.pl-transport--record.is-active{background:var(--accent-record);border-color:transparent;color:var(--on-accent-dark);box-shadow:var(--glow-record)}.pl-transport--play.is-active{background:var(--ink-pad-pressed);color:var(--accent-magenta);box-shadow:var(--glow-magenta)}.pl-transport--panic{background:var(--ink-base);color:var(--accent-acid)}.pl-transport:disabled{color:var(--tone-disabled);border-color:var(--hairline);box-shadow:none;transform:none}.pl-chip{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);min-width:0;padding:var(--chip-overhang) 0;background:none;transition:transform var(--dur-fast) var(--ease-out)}.pl-chip.is-pressed{transform:scale(.95)}.pl-chip__pill{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--chip-pill-h);padding:0 var(--space-5);border:var(--hairline-width) solid var(--hairline-strong);border-radius:999px;background:var(--ink-raised);color:var(--tone-secondary);font-size:var(--type-caption);font-weight:var(--weight-medium);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.pl-chip.is-selected .pl-chip__pill{background:var(--accent-acid);border-color:transparent;color:var(--on-accent-dark);font-weight:var(--weight-semibold)}.pl-chip--resting.is-selected .pl-chip__pill{background:var(--ink-pad-pressed);border-color:var(--hairline-strong);color:var(--tone-primary)}.pl-chip:disabled .pl-chip__pill{color:var(--tone-disabled);border-color:var(--hairline)}.pl-chip__label{overflow:hidden;text-overflow:ellipsis}.pl-rail{position:relative;display:grid;grid-template-columns:repeat(var(--rail-count, 1),1fr);padding:2px;border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-control);background:var(--ink-surface);isolation:isolate}.pl-rail__indicator{position:absolute;top:2px;bottom:2px;left:2px;width:calc((100% - 4px) / var(--rail-count, 1));border:var(--hairline-width) solid var(--hairline-strong);border-radius:calc(var(--radius-control) - 2px);background:var(--ink-pad-pressed);transform:translate(calc(var(--rail-index, 0) * 100%));transition:transform var(--dur-base) var(--ease-snap);pointer-events:none;z-index:-1}.pl-rail__indicator.is-hidden{display:none}.pl-rail__segment{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);min-width:0;padding:0 var(--space-4);background:none;color:var(--tone-secondary);font-size:var(--type-callout);transition:color var(--dur-fast) var(--ease-out)}.pl-rail__segment.is-selected{color:var(--tone-primary)}.pl-rail__segment.is-pressed{opacity:.7}.pl-rail__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-rail.is-disabled{opacity:.45}.pl-toggle{display:flex;align-items:center;gap:var(--space-5);width:100%;min-height:var(--touch-min);padding:var(--space-3) 0;background:none;text-align:left}.pl-toggle__text{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1 auto;min-width:0}.pl-toggle__title{color:var(--tone-primary);font-size:var(--type-body)}.pl-toggle__subtitle{color:var(--tone-tertiary);font-size:var(--type-caption);line-height:var(--leading-normal)}.pl-toggle__track{position:relative;flex:none;width:var(--toggle-track-w);height:var(--toggle-track-h);border:var(--hairline-width) solid var(--hairline-strong);border-radius:999px;background:var(--ink-raised);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.pl-toggle__knob{position:absolute;top:50%;left:2px;width:var(--toggle-knob);height:var(--toggle-knob);border-radius:50%;background:var(--tone-secondary);transform:translate3d(0,-50%,0);transition:transform var(--dur-fast) var(--ease-snap),background-color var(--dur-fast) var(--ease-out)}.pl-toggle.is-on .pl-toggle__track{background:var(--accent-magenta);border-color:transparent}.pl-toggle.is-on .pl-toggle__knob{background:var(--ink-base);transform:translate3d(calc(var(--toggle-track-w) - var(--toggle-knob) - 4px),-50%,0)}.pl-toggle:disabled .pl-toggle__track{opacity:.45}.pl-toggle:disabled .pl-toggle__title{color:var(--tone-disabled)}.pl-stepper{display:inline-flex;align-items:stretch;height:var(--touch-min);border:var(--hairline-width) solid var(--hairline-strong);border-radius:var(--radius-control);background:var(--ink-raised);overflow:hidden}.pl-stepper__button{display:flex;align-items:center;justify-content:center;width:var(--touch-min);min-width:var(--touch-min);background:none;color:var(--tone-primary);touch-action:none;transition:background-color var(--dur-instant) var(--ease-out),transform var(--dur-instant) var(--ease-out)}.pl-stepper__button.is-pressed{background:var(--ink-pad-pressed);transform:scale(.9)}.pl-stepper__button:disabled{color:var(--tone-disabled);background:none;transform:none}.pl-stepper__readout{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1);min-width:62px;padding:0 var(--space-3)}.pl-stepper__value{color:var(--tone-primary);font-size:var(--type-headline)}.pl-stepper__unit{color:var(--tone-tertiary);font-size:var(--type-caption)}.pl-stepper.is-disabled{opacity:.45}.pl-knob{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:var(--touch-min);min-height:var(--touch-min);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:ns-resize}.pl-knob__dialwrap{position:relative;display:flex;align-items:center;justify-content:center}.pl-knob__dial{display:block}.pl-knob__name{transition:color var(--dur-fast) var(--ease-out)}.pl-knob.is-editing .pl-knob__name{color:var(--knob-tint, var(--accent-magenta))}.pl-knob__value{color:var(--tone-secondary);font-size:var(--type-caption);transition:color var(--dur-fast) var(--ease-out)}.pl-knob.is-editing .pl-knob__value{color:var(--tone-primary)}.pl-knob__fine{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-3);border-radius:999px;background:var(--ink-base);color:var(--accent-acid);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out)}.pl-knob.is-fine .pl-knob__fine{opacity:1}.pl-knob.is-disabled{opacity:.45;cursor:default}.pl-param{display:grid;grid-template-columns:minmax(64px,22%) 1fr minmax(56px,auto);align-items:center;gap:var(--space-4);min-height:var(--touch-min)}.pl-param__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-param__trackwrap{display:flex;align-items:center;min-height:var(--touch-min);touch-action:none;cursor:pointer}.pl-param__track{display:block;width:100%;height:var(--touch-min)}.pl-param__value{color:var(--tone-secondary);font-size:var(--type-caption);text-align:right;transition:color var(--dur-fast) var(--ease-out)}.pl-param__trackwrap.is-editing~.pl-param__value{color:var(--tone-primary)}.pl-param.is-disabled{opacity:.45}.pl-xy{position:relative;min-width:120px;min-height:120px;border:var(--hairline-width) solid var(--hairline-strong);border-radius:var(--radius-card);background:var(--ink-pad-empty);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:background-color var(--dur-fast) var(--ease-out)}.pl-xy.is-dragging{background:var(--ink-pad-loaded)}.pl-xy__field{position:absolute;inset:0;width:100%;height:100%}.pl-xy__puck{position:absolute;top:0;left:0;width:26px;height:26px;border-radius:50%;background:var(--xy-tint, var(--accent-magenta));border:2px solid rgb(255 255 255 / .85);pointer-events:none;will-change:transform}.pl-xy__puck:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:color-mix(in srgb,var(--xy-tint, var(--accent-magenta)) 22%,transparent)}.pl-xy.is-dragging .pl-xy__puck{box-shadow:0 0 14px color-mix(in srgb,var(--xy-tint, var(--accent-magenta)) 55%,transparent)}.pl-xy__labels{position:absolute;inset:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;padding:var(--space-4);pointer-events:none}.pl-xy__ylabel{grid-column:1;grid-row:1}.pl-xy__readout{grid-column:2;grid-row:1;color:var(--tone-secondary);font-size:var(--type-micro)}.pl-xy__xlabel{grid-column:1 / -1;grid-row:3;justify-self:center}.pl-xy.is-dragging .pl-xy__ylabel,.pl-xy.is-dragging .pl-xy__xlabel{color:var(--xy-tint, var(--accent-magenta))}.pl-xy.is-disabled{opacity:.45}.pl-xy__axis{position:absolute;opacity:0;border-radius:var(--radius-chip);pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out)}.pl-xy__axis--x{left:var(--space-4);right:var(--space-4);bottom:var(--space-3);height:22px}.pl-xy__axis--y{top:var(--space-4);bottom:var(--space-4);left:var(--space-3);width:22px}.pl-xy__axis:focus-visible{opacity:1;background:color-mix(in srgb,var(--xy-tint, var(--accent-magenta)) 18%,transparent)}.pl-wave{position:relative;min-height:88px;border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-control);background:var(--ink-raised);overflow:hidden;touch-action:none}.pl-wave__canvas{position:absolute;inset:0;width:100%;height:100%}.pl-wave__ruler{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-3);color:var(--tone-tertiary);font-size:9px;font-weight:var(--weight-medium);pointer-events:none}.pl-wave__time--sel{color:var(--accent-acid)}.pl-wave.is-dragging{border-color:var(--hairline-strong)}.pl-spectrum{position:relative;min-height:40px;height:100%}.pl-mini{position:relative;width:100%;height:100%;min-height:24px}.pl-mini__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--tone-tertiary)}.pl-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center}.pl-overlay__backdrop{position:absolute;inset:0;background:var(--scrim);opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.pl-overlay.is-open .pl-overlay__backdrop{opacity:1}.pl-overlay.is-closing .pl-overlay__backdrop,.pl-overlay--sheet .pl-overlay__backdrop{opacity:0}.pl-overlay--sheet.is-open .pl-overlay__backdrop{opacity:var(--sheet-progress, 1)}.pl-sheet{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;height:var(--sheet-available, 100dvh);max-height:100dvh;padding-bottom:calc(var(--safe-bottom) + var(--sheet-keyboard-inset, 0px));padding-left:var(--safe-left);padding-right:var(--safe-right);background:var(--ink-surface);border-top:var(--hairline-width) solid var(--hairline-strong);border-top-left-radius:var(--radius-sheet);border-top-right-radius:var(--radius-sheet);box-shadow:var(--lift-2);touch-action:none;will-change:transform;transform:translate3d(0,100%,0);transition:transform var(--dur-slow) var(--ease-snap)}.pl-overlay--sheet.is-open .pl-sheet{transform:translate3d(0,var(--sheet-y, 0px),0)}.pl-sheet.is-dragging{transition:none}.pl-sheet__grabber{flex:none;display:flex;align-items:center;justify-content:center;padding:var(--space-3) 0 var(--space-4);touch-action:none;cursor:grab}.pl-sheet__grabber i{display:block;width:38px;height:4px;border-radius:999px;background:var(--hairline-strong)}.pl-sheet__header{flex:none;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-3) var(--space-5) var(--space-6);touch-action:none}.pl-sheet__titles{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1 auto;min-width:0}.pl-sheet__title{color:var(--tone-primary);font-size:var(--type-title);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.pl-sheet__close{flex:none;display:flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);background:none;color:var(--tone-secondary)}.pl-sheet__close>.pl-icon{box-sizing:content-box;padding:8px;border:var(--hairline-width) solid var(--hairline-strong);border-radius:50%;background:var(--ink-raised)}.pl-sheet__body{flex:1 1 auto;min-height:0;padding:var(--space-6) var(--space-6) var(--space-10);touch-action:pan-y;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body.is-scroll-locked{overflow:hidden}.pl-processing,.pl-confirm{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:min(320px,calc(100vw - var(--space-9)));padding:var(--space-7);text-align:center;box-shadow:var(--lift-2);opacity:0;transform:translate3d(0,12px,0) scale(.98);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-snap)}.pl-overlay.is-open .pl-processing,.pl-overlay.is-open .pl-confirm{opacity:1;transform:translateZ(0) scale(1)}.pl-processing .pl-loading{width:100%}.pl-processing__percent{color:var(--tone-primary);font-size:var(--type-caption)}.pl-processing__cancel,.pl-confirm__actions{width:100%}.pl-confirm__actions{display:flex;gap:var(--space-4)}.pl-confirm__actions>.pl-btn{flex:1 1 0}.pl-banner{display:flex;align-items:flex-start;gap:var(--space-5);padding:var(--space-5);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-card);background:var(--ink-raised);touch-action:pan-y;will-change:transform}.pl-banner.is-dragging{transition:none}.pl-banner:not(.is-dragging){transition:transform var(--dur-base) var(--ease-snap),opacity var(--dur-base) var(--ease-out)}.pl-banner__glyph{flex:none;display:flex;align-items:center;justify-content:center;width:22px;height:22px}.pl-banner__text{display:flex;flex-direction:column;gap:var(--space-2);flex:1 1 auto;min-width:0}.pl-banner__title{color:var(--tone-primary);font-size:var(--type-headline);font-weight:var(--weight-semibold)}.pl-banner__message{color:var(--tone-secondary);font-size:var(--type-body)}.pl-banner__action{align-self:flex-start;min-height:var(--touch-min);padding:var(--space-3) var(--space-5) var(--space-3) 0;background:none;font-size:var(--type-callout);font-weight:var(--weight-medium);text-align:left}.pl-banner__close{flex:none;display:flex;align-items:flex-start;justify-content:center;width:var(--touch-min);min-width:var(--touch-min);padding-top:var(--space-1);background:none;color:var(--tone-tertiary)}.pl-banner--info .pl-banner__glyph,.pl-banner--info .pl-banner__kind,.pl-banner--info .pl-banner__action{color:var(--accent-cyan)}.pl-banner--success .pl-banner__glyph,.pl-banner--success .pl-banner__kind,.pl-banner--success .pl-banner__action{color:var(--accent-success)}.pl-banner--warning .pl-banner__glyph,.pl-banner--warning .pl-banner__kind,.pl-banner--warning .pl-banner__action{color:var(--accent-warning)}.pl-banner--error .pl-banner__glyph,.pl-banner--error .pl-banner__kind,.pl-banner--error .pl-banner__action{color:var(--accent-danger)}.pl-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-8);text-align:center}.pl-state--error{padding:var(--space-7)}.pl-state__glyph{display:flex;align-items:center;justify-content:center;color:var(--tone-tertiary)}.pl-state--error .pl-state__glyph,.pl-state--error .pl-state__kind,.pl-confirm.callout--danger .pl-state__glyph{color:var(--accent-danger)}.pl-state__title{color:var(--tone-primary);font-size:var(--type-headline);font-weight:var(--weight-semibold);line-height:var(--leading-normal)}.pl-state__message{color:var(--tone-secondary);font-size:var(--type-body);line-height:var(--leading-normal);max-width:42ch}.pl-state__action{width:min(240px,100%);margin-top:var(--space-2)}.pl-loading{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.pl-loading__track{position:relative;height:4px;border-radius:999px;background:var(--hairline-strong);overflow:hidden}.pl-loading__fill{position:absolute;inset:0;border-radius:999px;transform-origin:left center;transform:scaleX(0);background:var(--loading-tint, var(--accent-magenta));transition:transform var(--dur-base) var(--ease-out);will-change:transform}.pl-loading.is-indeterminate .pl-loading__fill{left:-34%;right:auto;width:34%;transform:none;transition:none;background:linear-gradient(90deg,color-mix(in srgb,var(--loading-tint, var(--accent-magenta)) 15%,transparent),var(--loading-tint, var(--accent-magenta)),color-mix(in srgb,var(--loading-tint, var(--accent-magenta)) 15%,transparent));animation:pl-loading-sweep 1.3s var(--ease-in-out) infinite}@keyframes pl-loading-sweep{0%{transform:translate(0)}to{transform:translate(394%)}}@keyframes pl-loading-breathe{0%,to{opacity:.3}50%{opacity:.9}}.pl-loading__label{color:var(--tone-secondary);font-size:var(--type-caption);text-align:center}@media(prefers-reduced-motion:no-preference){::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.8,.25,1)}::view-transition-group(padlab-editor-surface){animation-duration:.32s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(padlab-editor-surface),::view-transition-new(padlab-editor-surface){animation-duration:.32s;height:100%;object-fit:cover}}.pl-screen-enter{animation:pl-screen-in var(--dur-base) var(--ease-out)}@keyframes pl-screen-in{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.pl-overlay__backdrop,.pl-banner:not(.is-dragging){transition-property:opacity!important;transition-duration:var(--dur-reduced)!important}.pl-sheet{transform:translate3d(0,var(--sheet-y, 0px),0);opacity:0;transition-property:opacity!important;transition-duration:var(--dur-reduced)!important}.pl-overlay--sheet.is-open .pl-sheet{opacity:1;transform:translate3d(0,var(--sheet-y, 0px),0)}.pl-sheet.is-dragging{opacity:1;transition:none!important}.pl-processing,.pl-confirm{transform:none;transition-property:opacity!important;transition-duration:var(--dur-reduced)!important}.pl-overlay.is-open .pl-processing,.pl-overlay.is-open .pl-confirm,.pad.is-held,.pl-btn.is-pressed,.pl-iconbtn.is-pressed,.pl-transport.is-pressed,.pl-chip.is-pressed,.pl-stepper__button.is-pressed{transform:none}.pad__progress-glint,.pad.is-looping .pad__progress-glint{animation:none;opacity:0}.pad.is-queued:after{animation:none;opacity:.9}.pad__rec-bloom{animation:none;transform:none;opacity:.4}.pl-rail__indicator{transition-property:opacity!important;transition-duration:var(--dur-reduced)!important}.pl-toggle__knob{transition-property:background-color!important;transition-duration:var(--dur-reduced)!important}.pl-screen-enter{animation:pl-screen-fade var(--dur-reduced) linear}.pl-loading.is-indeterminate .pl-loading__fill{left:0;width:100%;animation-name:pl-loading-breathe!important;animation-duration:1.6s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important}}@keyframes pl-screen-fade{0%{opacity:0}to{opacity:1}}@media(prefers-contrast:more){.pad.is-sounding,.pad.is-compact.is-sounding,.pl-xy.is-dragging .pl-xy__puck{box-shadow:none}.pad.is-sounding{background:color-mix(in srgb,var(--tone-primary) 18%,var(--ink-pad-loaded))}.pl-btn,.pl-iconbtn,.pl-chip__pill,.pl-rail,.pl-toggle__track,.pl-stepper,.pl-banner,.pl-card{border-width:2px}}.pl-scope{position:relative;min-height:56px;border-radius:var(--radius-md, 10px);overflow:hidden}.pl-scope__canvas{position:relative;display:block;width:100%;height:100%}.pl-scope__glow{position:absolute;inset:12% 20%;border-radius:50%;background:radial-gradient(circle,var(--accent-magenta) 0%,transparent 70%);filter:blur(18px);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) linear;will-change:opacity,transform}@media(prefers-reduced-motion:reduce){.pl-scope__glow{display:none}}.lab-scopes{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}[hidden]{display:none!important}.shell{position:fixed;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"unlock" "screen" "chrome";background:var(--ink-base);overflow:hidden}.unlock-bar{grid-area:unlock}.screen-host{grid-area:screen;position:relative;min-height:0;overflow:hidden;display:flex;flex-direction:column}.screen{display:flex;flex-direction:column;min-height:0;flex:1;padding-left:var(--safe-left);padding-right:var(--safe-right)}.screen-body{flex:1;min-height:0;padding:0 var(--space-6) var(--space-9);display:flex;flex-direction:column;gap:var(--space-7)}.screen-body>*,.panel>*{flex:0 0 auto}.screen-header{display:flex;align-items:flex-end;gap:var(--space-4);padding:calc(var(--safe-top) + var(--space-5)) var(--space-6) var(--space-5);border-bottom:var(--hairline-width) solid var(--hairline);background:var(--ink-base)}.screen-header-titles{flex:1;min-width:0}.screen-title{font-size:var(--type-title);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.screen-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.screen-back{display:grid;place-items:center;width:var(--touch-min);height:var(--touch-min);margin-left:calc(var(--space-4) * -1);color:var(--tone-secondary);border-radius:var(--radius-control)}.screen-back:active{color:var(--tone-primary);background:var(--ink-raised)}.panel{display:flex;flex-direction:column;gap:var(--space-5)}.panel-kicker{padding-top:var(--space-3)}.callout-title{font-size:var(--type-headline);font-weight:var(--weight-semibold);margin-top:var(--space-2)}.callout-message{color:var(--tone-secondary);font-size:var(--type-callout);margin-top:var(--space-3)}.callout-actions{display:flex;gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap}.muted{color:var(--tone-secondary);font-size:var(--type-callout);line-height:var(--leading-normal)}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);align-items:end}.chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-block:calc(-1 * var(--chip-overhang))}.chip-row>.pl-chip,.transport-banks>.pl-chip{flex:0 0 auto}.chip-row.scroll-x{--fade-lead: 0;--fade-trail: 0;flex-wrap:nowrap;scroll-snap-type:inline mandatory;-webkit-mask-image:linear-gradient(to right,rgb(0 0 0 / calc(1 - var(--fade-lead))) 0,#000 var(--chip-fade-lead),#000 calc(100% - var(--chip-fade-trail)),rgb(0 0 0 / calc(1 - var(--fade-trail))) 100%);mask-image:linear-gradient(to right,rgb(0 0 0 / calc(1 - var(--fade-lead))) 0,#000 var(--chip-fade-lead),#000 calc(100% - var(--chip-fade-trail)),rgb(0 0 0 / calc(1 - var(--fade-trail))) 100%);scrollbar-width:none}.chip-row.scroll-x::-webkit-scrollbar{display:none}.chip-row.scroll-x>.pl-chip{scroll-snap-align:start}.filter-stack{display:flex;flex-direction:column;gap:var(--space-5)}.filter-stack>*{flex:0 0 auto}.screen-body .pl-rail{overflow-x:auto;overscroll-behavior-x:contain}.screen-body .pl-rail__title{white-space:nowrap}.text-field,.search-field{width:100%;min-height:var(--touch-min);padding:0 var(--space-5);font-size:16px;color:var(--tone-primary);background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-control)}.text-field::placeholder,.search-field::placeholder{color:var(--tone-tertiary)}.text-field:focus-visible,.search-field:focus-visible{border-color:var(--hairline-strong)}.list-row{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);text-align:left;color:var(--tone-primary);background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-control)}.list-row--destructive{color:var(--accent-danger)}.list-row-title{flex:1;min-width:0}.list-row-detail{color:var(--tone-secondary);font-size:var(--type-caption)}.kv-row{display:flex;justify-content:space-between;gap:var(--space-5);padding:var(--space-3) 0;border-bottom:var(--hairline-width) solid var(--hairline);font-size:var(--type-callout);color:var(--tone-secondary)}.kv-row span:last-child{color:var(--tone-primary)}.project-list,.trash-list,.asset-list,.take-list{display:flex;flex-direction:column;gap:var(--space-3)}.project-row{display:flex;align-items:stretch;gap:var(--space-2);background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-card);overflow:hidden}.project-row--open{background:var(--ink-pad-pressed)}.project-row__open-kicker{color:var(--accent-magenta)}.project-open{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5);text-align:left;color:inherit}.project-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.project-name{font-size:var(--type-headline);font-weight:var(--weight-semibold)}.project-meta,.asset-meta{font-size:var(--type-caption);color:var(--tone-secondary)}.asset-caption{font-size:var(--type-caption);color:var(--tone-tertiary);max-width:100%}.project-side{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.project-size{font-size:var(--type-caption);color:var(--tone-tertiary)}.project-more{display:grid;place-items:center;width:var(--touch-min);color:var(--tone-secondary);border-left:var(--hairline-width) solid var(--hairline)}.template-grid{display:flex;flex-direction:column;border-top:var(--hairline-width) solid var(--hairline);border-bottom:var(--hairline-width) solid var(--hairline)}.template-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:var(--space-5);width:100%;padding:var(--space-5) var(--space-2);text-align:left;color:var(--tone-primary);background:none}.template-card+.template-card{border-top:var(--hairline-width) solid var(--hairline)}.template-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.template-card>.pl-icon,.pack-card>.pl-icon{color:var(--tone-secondary)}.template-go{display:flex;color:var(--tone-tertiary)}.template-card--busy{opacity:.5}.template-name{font-size:var(--type-headline);font-weight:var(--weight-semibold)}.template-summary{font-size:var(--type-caption);color:var(--tone-secondary)}.storage-bar{display:flex;gap:2px;height:8px;padding:1px;border-radius:999px;background:var(--ink-base);border:var(--hairline-width) solid var(--hairline);overflow:hidden}.storage-seg{height:100%;border-radius:999px;min-width:2px;background:var(--seg-colour, var(--tone-tertiary))}.storage-seg--free{flex:1 1 auto;min-width:0;background:var(--ink-raised)}.storage-swatch{display:inline-block;width:8px;height:8px;margin-right:var(--space-3);border-radius:2px;background:var(--seg-colour, var(--tone-tertiary));vertical-align:baseline}.storage-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4);font-size:var(--type-caption);color:var(--tone-secondary)}.trash-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-control)}.trash-main{flex:1;min-width:0;display:flex;flex-direction:column}.home-footer{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-6);border-top:var(--hairline-width) solid var(--hairline)}.screen--board{overflow:hidden}.board-banks{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:var(--hairline-width) solid var(--hairline)}.board-bank-step{display:grid;place-items:center;width:var(--touch-min);min-width:var(--touch-min);height:var(--touch-min);min-height:var(--touch-min);color:var(--tone-secondary);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-chip)}.board-bank-name{flex:1;min-width:0;font-size:var(--type-callout);font-weight:var(--weight-semibold);text-align:center}.board-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--hairline-width) solid var(--hairline)}.board-toolbar-scroll{flex:1 1 auto;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.board-toolbar-scroll::-webkit-scrollbar{display:none}.board-toolbar>.board-master-meter,.board-toolbar>.pl-button{flex:0 0 auto}.board-toolbar .pl-rail{flex:0 0 auto}.board-toolbar .pl-rail__title{white-space:nowrap}.board-master-meter{min-width:56px;max-width:88px}.board-hint{padding:var(--space-3) var(--space-6);color:var(--accent-acid)}.pad-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--grid-columns, 3),1fr);grid-template-rows:repeat(var(--grid-rows, 4),1fr);gap:var(--pad-gap);padding:var(--pad-gap);background:var(--hairline)}.pad--dragging{opacity:.55;transform:scale(.97)}.screen--board-landscape .pad-grid{grid-template-columns:repeat(calc(var(--grid-columns, 3) + 2),1fr);grid-template-rows:repeat(max(2,calc(var(--grid-rows, 4) - 1)),1fr)}.screen--board-landscape .board-toolbar,.screen--board-landscape .board-banks{padding-block:var(--space-2)}.mixer-strips{display:flex;gap:var(--space-3);padding-bottom:var(--space-4)}.mixer-strip{flex:0 0 88px;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-3);background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-card)}.strip-body{display:flex;gap:var(--space-3);align-items:stretch;height:160px}.strip-meter{width:10px}.fader{flex:1;writing-mode:vertical-lr;direction:rtl;accent-color:var(--accent-magenta);background:transparent}.pan{width:100%;accent-color:var(--accent-magenta)}.strip-flags{display:flex;flex-direction:column;gap:var(--space-2)}.strip-flag,.seq-flag{flex:1;min-width:var(--touch-min);min-height:var(--touch-min);font-size:var(--type-caption);font-weight:var(--weight-bold);color:var(--tone-secondary);background:var(--ink-surface);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-chip)}.strip-flag--mute,.seq-flag--on{color:var(--on-accent-dark);background:var(--accent-warning);border-color:transparent}.strip-flag--solo,.seq-flag--solo{color:var(--on-accent-dark);background:var(--accent-acid);border-color:transparent}.master-row{display:flex;gap:var(--space-6);flex-wrap:wrap}.master-limiter{display:flex;flex-direction:column;gap:var(--space-2)}.rack{display:flex;flex-direction:column;gap:var(--space-4)}.rack-node{background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-card);overflow:hidden}.rack-node--bypassed{opacity:.5}.rack-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--hairline-width) solid var(--hairline);color:var(--tone-secondary)}.rack-name{flex:1;min-width:0;font-size:var(--type-callout);font-weight:var(--weight-semibold);color:var(--tone-primary)}.rack-params{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.lockable-row{display:flex;align-items:center;gap:var(--space-3)}.lockable-row>:first-child{flex:1;min-width:0}.lock-button{width:var(--touch-min);min-width:var(--touch-min);height:var(--touch-min);min-height:var(--touch-min);display:grid;place-items:center;color:var(--tone-tertiary);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-chip)}.lock-button--on{color:var(--on-accent-dark);border-color:transparent;background:var(--accent-acid)}.asset-row{display:flex;align-items:stretch;background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-card);overflow:hidden}.asset-preview{width:46px;min-width:46px;display:grid;place-items:center;color:var(--tone-secondary);border-right:var(--hairline-width) solid var(--hairline)}.asset-main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);text-align:left;color:inherit}.asset-titles{flex:1;min-width:0;display:flex;flex-direction:column}.asset-name{font-size:var(--type-callout);font-weight:var(--weight-semibold)}.library-wave,.take-wave{width:72px;height:26px}.asset-more,.take-more{width:var(--touch-min);display:grid;place-items:center;color:var(--tone-secondary);border-left:var(--hairline-width) solid var(--hairline)}.pack-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.pack-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);text-align:left;color:var(--tone-primary);background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-card)}.pack-name{font-size:var(--type-headline);font-weight:var(--weight-semibold)}.pack-summary{font-size:var(--type-caption);color:var(--tone-secondary)}.library-pending{display:flex;flex-direction:column;gap:var(--space-3)}.library-status{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);margin-bottom:var(--space-4);background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-card)}.library-status .callout-message{color:var(--tone-secondary);font-size:var(--type-caption);line-height:var(--leading-normal)}.library-status .pl-btn{align-self:flex-start}.wave-stage{padding:var(--space-4) var(--space-6);border-bottom:var(--hairline-width) solid var(--hairline)}.wave-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.lab-stage{display:grid;grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:var(--hairline-width) solid var(--hairline)}@media(min-width:620px){.lab-stage{grid-template-columns:1.4fr 1fr}}.morph-controls{display:flex;flex-direction:column;gap:var(--space-4)}.morph-controls .pl-rail{overflow-x:auto}.gesture-pad{width:100%;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--tone-primary);background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline-strong);border-radius:var(--radius-card)}.gesture-pad:active{background:var(--ink-pad-pressed)}.record-controls{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.input-meter{width:100%;height:14px}.record-indicator{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border:var(--hairline-width) solid var(--hairline);border-radius:999px;background:var(--ink-raised);font-size:var(--type-caption);font-weight:var(--weight-semibold)}.record-indicator .record-label{color:var(--accent-record)}.record-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-record);box-shadow:var(--glow-record);animation:record-pulse 1.4s ease-in-out infinite}.record-indicator--paused .record-dot{animation:none;opacity:.45}.record-indicator--counting .record-label,.record-indicator--counting .record-time{color:var(--accent-acid)}.record-indicator--counting .record-dot{animation:none;background:var(--accent-acid);box-shadow:none}@keyframes record-pulse{0%,to{opacity:1}50%{opacity:.35}}.take-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-card);flex-wrap:wrap}.take-row--active{background:var(--ink-pad-pressed)}.take-main{flex:1;min-width:140px;display:flex;flex-direction:column;gap:var(--space-1);text-align:left;color:inherit}.take-name{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--weight-semibold);font-size:var(--type-callout)}.take-check{visibility:hidden;color:var(--accent-magenta);line-height:0}.take-row--active .take-check{visibility:visible}.take-row--active .take-name{font-weight:var(--weight-bold)}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.preset-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);text-align:left;color:var(--tone-primary);background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-control)}.preset-card--on{background:var(--ink-pad-pressed)}.preset-card--on .preset-name{color:var(--accent-magenta);font-weight:var(--weight-bold)}.preset-name{display:flex;align-items:center;gap:var(--space-3);font-size:var(--type-callout);font-weight:var(--weight-semibold)}.preset-check{visibility:hidden;line-height:0}.preset-card--on .preset-check{visibility:visible}.preset-summary{font-size:var(--type-caption);color:var(--tone-secondary)}.seq-tracks{display:flex;flex-direction:column;gap:var(--space-3)}.seq-track{background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-card);overflow:hidden}.seq-track-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.seq-track-name{flex:1;min-width:0;font-size:var(--type-callout);font-weight:var(--weight-semibold)}.seq-track-controls{display:flex;gap:var(--space-2)}.seq-cells{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(18px,1fr);gap:2px;padding:0 var(--space-3) var(--space-3);overflow-x:auto;touch-action:pan-x}.seq-cell{min-width:18px;min-height:40px;border-radius:var(--radius-chip);background:var(--ink-pad-empty);border:var(--hairline-width) solid var(--hairline);position:relative}.seq-cell--beat{border-color:var(--hairline-strong)}.seq-cell--on{background:color-mix(in srgb,var(--track-tint, var(--accent-magenta)) calc(35% + var(--step-velocity, .8) * 55%),var(--ink-pad-empty))}.seq-cell--detail:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:1px;background:var(--accent-acid)}.seq-cell--past{opacity:.3}.seq-cell--playhead:before{content:"";position:absolute;inset:0;border-radius:inherit;background:color-mix(in srgb,var(--tone-primary) 20%,transparent);pointer-events:none}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}.scene-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);text-align:left;color:var(--tone-primary);background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-control)}.song-list{display:flex;flex-direction:column;gap:var(--space-3)}.song-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-control)}.song-row>.truncate{flex:1;min-width:0}.export-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.export-note{padding-top:var(--space-2)}.export-hints{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--type-caption);color:var(--tone-secondary)}.export-hints p{display:flex;align-items:center;gap:var(--space-3)}.latency-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.latency-cell{padding:var(--space-4) var(--space-3);text-align:center;background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-control)}.latency-value{font-size:var(--type-headline);margin-top:var(--space-2)}.install-card-head{display:flex;align-items:center;gap:var(--space-3);color:var(--tone-kicker)}.storage-panel,.about-rows,.install-guide{display:flex;flex-direction:column;gap:var(--space-3)}.install-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.about-note{padding-top:var(--space-3)}.screen--onboarding{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-7);padding-inline:var(--space-7)}.onboard-top{display:flex;justify-content:flex-end}.onboard-skip,.onboard-back{min-height:var(--touch-min);padding:0 var(--space-4);color:var(--tone-secondary);font-size:var(--type-callout)}.onboard-page{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-5);overflow-y:auto}.onboard-art{display:grid;place-items:center;width:84px;height:84px;color:var(--accent-magenta);background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline-strong);border-radius:var(--radius-card)}.onboard-title{font-size:var(--type-display);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.onboard-body{font-size:var(--type-body);color:var(--tone-secondary);line-height:var(--leading-loose)}.onboard-templates{display:flex;flex-direction:column;border-top:var(--hairline-width) solid var(--hairline);border-bottom:var(--hairline-width) solid var(--hairline)}.onboard-template{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:var(--space-5);align-items:center;width:100%;padding:var(--space-4);text-align:left;color:var(--tone-primary);background:none}.onboard-template+.onboard-template{border-top:var(--hairline-width) solid var(--hairline)}.onboard-template-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.onboard-template>.pl-icon{color:var(--tone-tertiary)}.onboard-template--on{background:var(--ink-raised)}.onboard-template--on>.pl-icon{color:var(--tone-primary)}.onboard-template--on .onboard-template-name{font-weight:var(--weight-bold)}.onboard-template-check{visibility:hidden;display:flex;color:var(--accent-magenta)}.onboard-template--on .onboard-template-check{visibility:visible}.onboard-template-name{font-weight:var(--weight-semibold)}.onboard-template-summary{font-size:var(--type-caption);color:var(--tone-secondary)}.onboard-foot{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.onboard-dots{display:flex;gap:var(--space-2)}.onboard-dot{width:6px;height:6px;border-radius:50%;background:var(--tone-disabled)}.onboard-dot--on{background:var(--accent-magenta);width:18px;border-radius:999px}.chrome{grid-area:chrome;display:flex;flex-direction:column;background:var(--ink-surface);border-top:var(--hairline-width) solid var(--hairline);padding-left:var(--safe-left);padding-right:var(--safe-right)}.transport{display:flex;align-items:center;gap:var(--space-4);min-height:var(--transport-h);padding:var(--space-3) var(--space-5);border-bottom:var(--hairline-width) solid var(--hairline)}.transport-banks{display:flex;gap:var(--space-2);max-width:42%}.transport-readout{display:flex;flex-direction:column;line-height:var(--leading-tight)}.transport-tempo{font-size:var(--type-headline)}.transport-position{font-size:var(--type-caption);color:var(--tone-secondary)}.transport-meter{flex:1;min-width:40px;height:8px}.transport-buttons{display:flex;gap:var(--space-3);align-items:center}.tab-rail{display:flex;padding:var(--space-2) var(--space-3) calc(var(--safe-bottom) + var(--space-2))}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--touch-min);color:var(--tone-tertiary);background:none;border-radius:var(--radius-control)}.tab-title{font-size:var(--type-micro);font-weight:var(--weight-semibold)}.tab--active{color:var(--accent-magenta)}.banner-host{position:fixed;left:var(--space-5);right:var(--space-5);top:calc(var(--safe-top) + var(--space-5));z-index:60;display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.banner-host>*{pointer-events:auto}.overlay-host{position:fixed;inset:0;z-index:80;pointer-events:none}.overlay-host>*{pointer-events:auto}.menu-scrim{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-5);background:var(--scrim)}.menu-card,.prompt-card{width:min(520px,100%);max-height:78vh;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--ink-surface);border:var(--hairline-width) solid var(--hairline-strong);border-radius:var(--radius-sheet);box-shadow:var(--lift-2)}.menu-title{text-align:center}.menu-items{display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;overscroll-behavior:contain}.menu-item{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);text-align:left;color:var(--tone-primary);background:var(--ink-raised);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-control)}.menu-item:disabled{opacity:.4}.menu-item--destructive{color:var(--accent-danger)}.menu-item-title{flex:1;min-width:0}.menu-item-detail{max-width:45%;font-size:var(--type-caption);color:var(--tone-secondary);text-align:right}.menu-cancel,.prompt-cancel{min-height:var(--touch-min);color:var(--tone-secondary);border:var(--hairline-width) solid var(--hairline);border-radius:var(--radius-control)}.prompt-card{align-self:center;margin:auto}.prompt-title{font-size:var(--type-title);font-weight:var(--weight-semibold)}.prompt-message{font-size:var(--type-callout);color:var(--tone-secondary)}.prompt-actions{display:flex;gap:var(--space-3)}.prompt-actions>*{flex:1}.prompt-confirm{min-height:var(--touch-min);font-weight:var(--weight-semibold);color:var(--on-accent-dark);background:var(--accent-magenta);border-radius:var(--radius-control)}.unlock-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;min-height:40px;padding:calc(var(--safe-top) + var(--space-2)) var(--space-5) var(--space-2);color:var(--on-accent-dark);background:var(--accent-acid);font-size:var(--type-caption);font-weight:var(--weight-semibold)}.unlock-bar--hidden{display:none}.unlock-bar .kicker{color:color-mix(in srgb,var(--on-accent-dark) 70%,transparent)}.boot-failure{display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);min-height:100dvh;padding:var(--space-8)}.boot-failure h1{font-size:var(--type-title);font-weight:var(--weight-semibold)}@media(orientation:landscape)and (max-height:500px){.screen-header{padding-top:calc(var(--safe-top) + var(--space-3));padding-bottom:var(--space-3)}.transport{min-height:60px}.tab-title{display:none}}.shell--landscape{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"unlock unlock" "screen chrome"}.shell--landscape .screen--board-landscape~.chrome,.shell--landscape .chrome{flex-direction:row;align-items:stretch;border-top:0;border-left:var(--hairline-width) solid var(--hairline)}.shell--landscape .screen{padding-bottom:var(--safe-bottom)}.shell--landscape .transport{flex-direction:column;border-bottom:0;border-right:var(--hairline-width) solid var(--hairline);min-height:0;min-width:132px;justify-content:center}.shell--landscape .transport-banks{max-width:100%;flex-direction:column}.shell--landscape .transport-meter{width:100%;flex:0 0 8px}.shell--landscape .tab-rail{flex-direction:column;padding:var(--space-3);padding-bottom:calc(var(--safe-bottom) + var(--space-3))}@media(min-width:1024px){:root:not([data-standalone=true]) .shell{width:min(480px,100%);margin:auto;border:var(--hairline-width) solid var(--hairline-strong);contain:paint}:root:not([data-standalone=true]) .shell--landscape{width:min(960px,100%)}}.version-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--hairline-width) solid var(--hairline)}.version-row:last-child{border-bottom:none}.version-titles{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.version-name{font-weight:var(--weight-semibold)}.version-meta{font-size:var(--type-caption);color:var(--tone-secondary)}@media(prefers-reduced-motion:no-preference){.pad-grid--from-right{animation:pad-grid-from-right var(--dur-base) var(--ease-out)}.pad-grid--from-left{animation:pad-grid-from-left var(--dur-base) var(--ease-out)}.pad--settling{animation:pad-settle var(--dur-base) var(--ease-snap)}}@keyframes pad-grid-from-right{0%{opacity:.4;transform:translate(4%)}to{opacity:1;transform:translate(0)}}@keyframes pad-grid-from-left{0%{opacity:.4;transform:translate(-4%)}to{opacity:1;transform:translate(0)}}@keyframes pad-settle{0%{transform:scale(.94)}60%{transform:scale(1.03)}to{transform:scale(1)}}.pad--drop-target{background:var(--ink-pad-pressed);outline:var(--hairline-width) solid var(--hairline-strong);outline-offset:-1px}.is-drop-target{outline:2px dashed var(--hairline-strong);outline-offset:-6px}.seq-track-titles{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.seq-track-titles>.seq-track-name{flex:0 0 auto}.seq-track-note{font-size:var(--type-micro);color:var(--tone-tertiary)}.seq-track--loop-warn .seq-track-note{color:var(--accent-warning)}.seq-cell--inert{opacity:.28}.seq-track-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.seq-track-actions>*{flex:1 1 auto}.slicer{display:flex;flex-direction:column;gap:var(--space-5)}.slicer-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.slicer-stat{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.slicer-stat-value{font-size:var(--type-title);font-weight:var(--weight-bold);color:var(--tone-primary)}.slicer-stat-value.is-unknown{color:var(--tone-tertiary)}.slicer-stat-value.is-fitting{color:var(--accent-acid)}.slicer-stat-caption{font-size:var(--type-caption);color:var(--tone-tertiary)}.slicer-actions{display:flex;flex-direction:column;gap:var(--space-4)}.slicer-wave{height:88px}.slicer-slice-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.slicer-count{font-size:var(--type-caption);color:var(--tone-tertiary)}.slicer-count.is-found{color:var(--accent-acid)}.slicer-note{font-size:var(--type-caption)}.slicer-failure{font-size:var(--type-body);color:var(--accent-danger)}