.lib{display:grid;gap:var(--space-6);min-width:0}.lib-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.lib-head h1{margin:0;font-size:var(--studio-text-page);font-weight:600;letter-spacing:var(--tracking-heading);line-height:var(--leading-heading)}.lib-head p{margin:var(--space-2) 0 0;color:var(--muted)}.lib-head-actions{flex-shrink:0;flex-wrap:nowrap}.lib-head-actions,.lib-search{display:flex;align-items:center;gap:var(--space-2)}.lib-search{width:17rem;max-width:100%;min-height:var(--studio-control-height);padding:0 var(--space-3);border-radius:var(--radius-control);background:var(--surface);color:var(--muted)}.lib-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:var(--studio-text-body)}.lib-search input:focus{outline:none}.lib-search:focus-within{outline:2px solid var(--blue);outline-offset:2px}.lib-empty-cta{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--studio-control-height);padding:0 var(--space-4);border-radius:var(--radius-control);background:var(--blue);color:var(--white);font-size:var(--studio-text-control);font-weight:500;white-space:nowrap;transition:background var(--motion-feedback) var(--ease-out)}.lib-empty-cta:hover{background:#2300d6}.lib-tabs{display:flex;gap:2px;justify-self:start;max-width:100%;overflow-x:auto;padding:4px;border-radius:var(--radius-control);background:var(--surface);scrollbar-width:none}.lib-tabs::-webkit-scrollbar{display:none}.lib-tabs button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border:0;border-radius:var(--radius-label);background:transparent;color:var(--muted);font-size:var(--studio-text-control);font-weight:500;white-space:nowrap;transition:background var(--motion-feedback) var(--ease-out),color var(--motion-feedback) var(--ease-out)}.lib-tabs button:hover{color:var(--ink)}.lib-tabs button[aria-selected=true]{background:var(--white);color:var(--ink)}.lib-tabs button span{min-width:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--surface-deep);color:var(--ink);font-size:var(--studio-text-meta);line-height:20px;text-align:center;font-variant-numeric:tabular-nums}.lib-tabs button[aria-selected=true] span{background:var(--accent-soft);color:var(--accent)}.lib-body{display:grid;gap:var(--space-8)}.lib-section{display:grid;gap:var(--space-4)}.lib-section-head{justify-content:space-between}.lib-section-head,.lib-section-head h2{display:flex;align-items:center;gap:var(--space-3)}.lib-section-head h2{margin:0;font-size:var(--studio-text-section);font-weight:600}.lib-section-head h2 small{color:var(--faint);font-size:var(--studio-text-body);font-weight:500}.lib-section-icon{display:inline-grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-label);background:var(--accent-soft);color:var(--accent)}.lib-more{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-2);border:0;background:transparent;color:var(--accent);font-size:var(--studio-text-control);font-weight:500}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));gap:var(--space-6) var(--space-4);margin:0;padding:0;list-style:none}.lib-card a{display:grid;gap:var(--space-3);color:inherit}.lib-art{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-media);background:var(--surface);color:var(--faint);transition:transform var(--motion-overlay) var(--ease-out)}.lib-art img{width:100%;height:100%;object-fit:cover}.lib-action{position:absolute;left:50%;bottom:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--white);color:var(--ink);font-size:var(--studio-text-control);font-weight:500;white-space:nowrap;opacity:0;transform:translate(-50%,6px);transition:opacity var(--motion-feedback) var(--ease-out),transform var(--motion-feedback) var(--ease-out)}.lib-card a:focus-visible .lib-art,.lib-card a:hover .lib-art{transform:translateY(-4px)}.lib-card a:focus-visible .lib-action,.lib-card a:hover .lib-action{opacity:1;transform:translate(-50%)}.lib-card a:focus-visible{outline:none}.lib-card a:focus-visible .lib-art{outline:2px solid var(--blue);outline-offset:3px}.lib-copy{display:grid;gap:2px;min-width:0}.lib-copy small,.lib-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-copy strong{font-weight:500}.lib-copy small{color:var(--muted);font-size:var(--studio-text-meta)}.lib-section[data-kind=lyrics] .lib-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr))}.lib-section[data-kind=lyrics] .lib-art{aspect-ratio:16/9}.lib-skeleton{aspect-ratio:1;border-radius:var(--radius-media)}.lib-empty,.lib-skeleton{background:var(--surface)}.lib-empty{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--studio-card-padding);border-radius:var(--radius-card)}.lib-empty>div{flex:1;min-width:14rem}.lib-empty strong{font-weight:600}.lib-empty p{margin:2px 0 0;color:var(--muted)}.lib-empty .lib-section-icon{width:44px;height:44px;background:var(--white);color:var(--ink)}.lib-soon{padding:var(--space-1) var(--space-3);border-radius:var(--radius-label);background:var(--white);font-weight:500}.lib-notice,.lib-soon{color:var(--muted);font-size:var(--studio-text-meta)}.lib-notice{margin:0}@media (hover:none){.lib-action{display:none}}@media (max-width:767px){.lib-head-actions{flex-wrap:wrap}.lib-head-actions,.lib-search{width:100%}.lib-search{min-height:44px}.lib-search input{font-size:var(--studio-text-input-touch)}.lib-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-3)}}@media (prefers-reduced-motion:reduce){.lib-action,.lib-art{transition:none}}.studio-main:has(.mx){background:var(--shell)}.studio-main--workspace .studio-content.studio-content-editor:has(>.mx){padding:0}.studio-main:has(.mx) .studio-topbar,.studio-main:has(.mx) .studio-topbar .icon-button{color:var(--on-shell)}.mx,.studio-main:has(.mx){--mx-theme-fade:1100ms}.mx[data-theme-fade],.mx[data-theme-fade] .mx-head p,.studio-main:has(.mx[data-theme-fade]),.studio-main:has(.mx[data-theme-fade]) .studio-topbar,.studio-main:has(.mx[data-theme-fade]) .studio-topbar .icon-button{transition:background-color var(--mx-theme-fade) var(--ease-out),color var(--mx-theme-fade) var(--ease-out)}.mx{--mx-tint:255 255 255;position:relative;isolation:isolate;flex:1;min-width:0;min-height:0;overflow:hidden;container:mx-stage/inline-size;background:var(--shell);color:var(--on-shell);font-size:var(--studio-text-body)}.mx :focus-visible{outline:2px solid var(--on-shell);outline-offset:2px}.mx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mx-muted{color:var(--on-shell-muted)}.mx-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity var(--motion-reveal) var(--ease-out)}.mx[data-stage=ready] .mx-canvas{opacity:1}.mx-canvas canvas{display:block;width:100%;height:100%}.mx-fallback{position:absolute;inset:0;background:radial-gradient(18% 18% at 50% 42%,rgb(160 180 255/14%),transparent 70%),linear-gradient(162deg,transparent 38%,rgb(120 90 70/10%) 50%,transparent 62%),#020203}.mx-theme{position:absolute;z-index:2;top:var(--studio-content-top-inset);right:var(--studio-content-padding-wide);display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--studio-control-height);padding:0 var(--space-4);border:0;border-radius:var(--radius-control);background:var(--shell-control);color:var(--on-shell);font-size:var(--studio-text-control);font-weight:500;cursor:pointer;transition:background-color var(--motion-feedback) var(--ease-out),color var(--motion-feedback) var(--ease-out)}.mx-theme:hover{background:var(--shell-control-hover)}.mx[data-theme=light] .mx-theme{background:var(--blue);color:var(--white)}.mx[data-theme=light] .mx-theme:hover{background:color-mix(in oklch,var(--blue) 84%,var(--white))}.mx-fallback-note{top:calc(var(--studio-content-top-inset) + var(--studio-control-height) + var(--space-2));right:var(--studio-content-padding-wide);max-width:18rem;margin:0;color:var(--on-shell-muted);font-size:var(--studio-text-meta);text-align:right}.mx-fallback-note,.mx-head{position:absolute;z-index:1}.mx-head{top:var(--studio-content-top-inset);left:var(--studio-content-padding-wide);max-width:34rem;pointer-events:none;transition:opacity var(--motion-reveal) var(--ease-out)}.mx-head h1{margin:0;font-size:var(--studio-text-page);font-weight:600;letter-spacing:var(--tracking-heading);line-height:var(--leading-heading)}.mx-head p{margin:var(--space-2) 0 0;color:var(--on-shell-muted);font-size:var(--studio-text-body)}.mx[data-phase=processing] .mx-head{opacity:.4}@container mx-stage (max-width: 50rem){.mx-head h1{display:flex;align-items:center;min-height:var(--studio-control-height)}}.mx-head{animation:mx-title-in .9s var(--ease-out) .1s both}.mx-unit{animation:mx-rise 1.3s cubic-bezier(.16,1,.3,1) .25s both}@keyframes mx-title-in{0%{opacity:0;translate:0 -.5rem}}@keyframes mx-rise{0%{opacity:0;translate:-50% calc(100% + var(--space-6))}30%{opacity:1}}@property --mx-accent{syntax:"<color>";inherits:true;initial-value:#ff7b00}.mx-unit{--mx-led-hi:color-mix(in oklch,var(--blue) 18%,var(--white));--mx-led:color-mix(in oklch,var(--blue) 40%,var(--white));--mx-led-dim:color-mix(in srgb,var(--mx-led) 58%,transparent);--mx-led-seg:color-mix(in oklch,var(--blue) 66%,var(--white));--mx-led-off:color-mix(in oklch,var(--blue) 12%,var(--shell));--mx-glow:color-mix(in srgb,var(--blue) 60%,transparent);--mx-accent:var(--orange);--mx-crt:var(--mx-accent);--mx-crt-hi:color-mix(in oklch,var(--mx-accent) 72%,var(--white));--mx-crt-dim:color-mix(in srgb,var(--mx-accent) 62%,var(--black));--mx-crt-ink:color-mix(in srgb,var(--mx-accent) 8%,var(--black));--mx-crt-tube:color-mix(in srgb,var(--mx-accent) 3%,var(--black));--mx-crt-glow:color-mix(in srgb,var(--mx-accent) 55%,transparent);--mx-rule:rgb(255 255 255/8%);--mx-glass:color-mix(in srgb,var(--black) 72%,var(--shell));--mx-alu-low:color-mix(in srgb,var(--faint) 70%,var(--muted));--mx-aluminium:conic-gradient(from -18deg,var(--faint),var(--white) 11%,var(--gray) 21%,var(--mx-alu-low) 35%,var(--faint) 47%,var(--white) 61%,var(--gray) 71%,var(--mx-alu-low) 85%,var(--faint));position:absolute;z-index:2;bottom:var(--space-6);left:50%;width:min(calc(100% - var(--space-6) * 2),74rem);container:mx-unit/inline-size;color:var(--mx-led);translate:-50% 0}.mx-screen{--mx-cols:7rem 14rem minmax(0,1fr) 14rem 7rem;--knob:8.25rem}.mx-glass{position:relative;border:2px solid transparent;border-radius:var(--radius-card);background:linear-gradient(175deg,rgb(255 255 255/6%),rgb(255 255 255/0) 28%) padding-box,linear-gradient(112deg,transparent 54%,rgb(255 255 255/3%) 60%,transparent 67%) padding-box,linear-gradient(var(--mx-glass),var(--mx-glass)) padding-box,linear-gradient(180deg,var(--white),var(--faint) 16%,var(--mx-alu-low) 50%,var(--faint) 84%,var(--gray)) border-box}.mx-screen{--mx-segs:30;--mx-seg:4px;display:grid;grid-template-areas:"input mix centre master output" "input chamber chamber chamber output";grid-template-columns:var(--mx-cols);grid-template-rows:minmax(10rem,1fr) auto;row-gap:var(--space-3);padding:var(--space-3) var(--space-2);font-size:var(--studio-text-body);line-height:1.35;text-shadow:0 0 10px var(--mx-glow)}.mx-screen>.mx-meter[data-side=input]{grid-area:input}.mx-screen>[data-zone=mix]{grid-area:mix}.mx-center{grid-area:centre}.mx-screen>[data-zone=master]{grid-area:master}.mx-screen>.mx-meter[data-side=output]{grid-area:output}.mx-unit[data-phase=done] .mx-screen{grid-template-areas:"input result scope output" "input chamber chamber output";grid-template-columns:var(--mx-side,7rem) minmax(0,1fr) minmax(0,1.15fr) var(--mx-side,7rem)}.mx-screen>[data-zone=result]{grid-area:result;padding-inline:var(--space-6)}.mx-screen>.mx-scope{grid-area:scope;align-self:center;margin:var(--space-3) var(--space-6) var(--space-3) var(--space-3)}.mx-screen>:not(:first-child,.mx-chamber){border-left:1px solid var(--mx-rule)}.mx-num{font-variant-numeric:tabular-nums}.mx-line{margin:0;color:var(--mx-led);font-size:var(--studio-text-meta)}.mx-line[data-tone=hi]{color:var(--mx-led-hi);font-size:var(--studio-text-body)}.mx-line[data-tone=dim]{color:var(--mx-led-dim)}.mx-line[data-tone=error]{color:var(--on-shell-error);text-shadow:none}.mx-meter{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-1) var(--space-2)}.mx-readouts{display:grid;gap:var(--space-2);justify-self:stretch;margin:0;text-align:center}.mx-readouts dt{color:var(--mx-led-dim);font-size:var(--studio-text-meta);text-transform:lowercase}.mx-readouts dd{margin:0;color:var(--mx-led-hi);font-size:var(--studio-text-emphasis);white-space:nowrap}.mx-readouts small{color:var(--mx-led-dim);font-size:var(--studio-text-meta)}.mx-meter:not([data-live]) [data-role=live],.mx-meter[data-live] .mx-readouts>div:first-child [data-role=static]{display:none}.mx-led-tag{display:inline-flex;align-items:center;gap:.375rem;color:var(--mx-led-dim);font-size:var(--studio-text-meta);text-transform:lowercase}.mx-led-tag i{width:.375rem;height:.375rem;border-radius:50%;background:color-mix(in srgb,var(--mx-accent) 22%,var(--shell))}.mx-led-tag[data-on]{color:var(--mx-led-hi)}.mx-led-tag[data-on] i{background:var(--mx-accent);box-shadow:0 0 8px var(--mx-accent)}.mx-gauge{position:relative;margin-top:auto}.mx-ladders{display:flex;gap:var(--space-2);filter:drop-shadow(0 0 3px var(--mx-glow))}.mx-fader{--reach:var(--space-2);position:absolute;inset:calc(var(--reach) * -1) calc(var(--space-3) * -1);border-radius:var(--radius-label);filter:drop-shadow(0 0 3px var(--mx-accent));cursor:ns-resize;touch-action:none}.mx-fader-line{position:absolute;top:calc(var(--reach) + (1 - var(--out, .8)) * (100% - var(--reach) * 2));left:0;width:100%;height:.5rem;translate:0 -50%}.mx-fader-line:before{content:"";position:absolute;inset:0;background:var(--mx-accent);clip-path:polygon(0 0,.375rem 37.5%,calc(100% - .375rem) 37.5%,100% 0,100% 100%,calc(100% - .375rem) 62.5%,.375rem 62.5%,0 100%)}.mx-fader-level{position:absolute;bottom:calc(100% + var(--space-1));left:50%;color:var(--mx-accent);font-size:var(--studio-text-meta);line-height:1;white-space:nowrap;text-shadow:none;translate:-50% 0}.mx-fader[data-high] .mx-fader-level{top:calc(100% + var(--space-1));bottom:auto}.mx-ladder{position:relative;width:.875rem;height:calc(var(--mx-segs) * var(--mx-seg));overflow:hidden;background:repeating-linear-gradient(to top,var(--mx-led-off) 0 2px,transparent 2px var(--mx-seg))}.mx-ladder:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--mx-led-seg) 0 78%,var(--mx-led-hi) 78% 94%,var(--mx-accent) 94%);mask:repeating-linear-gradient(to top,#000 0 2px,transparent 2px var(--mx-seg));clip-path:inset(calc((1 - var(--v, 0)) * 100%) 0 0)}.mx-ladder:after{content:"";position:absolute;inset-inline:0;bottom:calc(var(--h, 0) * 100% - var(--mx-seg));height:2px;background:var(--white)}.mx-ladder[data-clip]:after{background:var(--mx-accent)}.mx-zone{flex-direction:column;justify-content:center;padding:var(--space-1) var(--space-4)}.mx-track,.mx-zone{display:flex;gap:var(--space-3);min-width:0}.mx-track{align-items:center}.mx-track>div{flex:1;min-width:0}.mx-clamp{display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mx-transport{display:flex;align-items:center;gap:var(--space-3)}.mx-transport>.mx-wave{flex:1;min-width:0;height:calc(var(--studio-control-height) - var(--space-2))}.mx-zone .mx-key--icon{position:relative;width:calc(var(--studio-control-height) - var(--space-2));min-height:calc(var(--studio-control-height) - var(--space-2))}.mx-track>.mx-ab{display:grid;flex:none;grid-template-columns:1fr 1fr;padding:2px;border:1px solid var(--mx-led-dim);border-radius:var(--radius-label)}.mx-ab button{position:relative;min-height:calc(var(--studio-control-height) - var(--space-3));padding:0 var(--space-3);border:0;border-radius:calc(var(--radius-label) - 2px);background:transparent;color:var(--mx-led);font-size:var(--studio-text-control);font-weight:500;text-shadow:inherit;cursor:pointer;transition:background-color var(--motion-feedback) var(--ease-out),color var(--motion-feedback) var(--ease-out)}.mx-ab button:before{content:"";position:absolute;inset:calc(var(--space-3) / -2) 0}.mx-ab button[aria-pressed=true]{background:var(--blue);color:var(--white);text-shadow:none;box-shadow:0 0 14px var(--mx-glow)}.mx-zone .mx-key-row>.mx-key--wide{flex:1}.mx-zone .mx-key--wide{position:relative;align-self:stretch;min-height:calc(var(--studio-control-height) - var(--space-3))}.mx-zone .mx-key--wide:before{content:"";position:absolute;inset:calc(var(--space-3) / -2) 0}.mx-zone .mx-key--icon:before{content:"";position:absolute;inset:calc(var(--space-2) / -2)}.mx-key{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--studio-control-height);padding:0 var(--space-4);border:1px solid var(--mx-led-dim);border-radius:var(--radius-label);background:transparent;color:var(--mx-led-hi);font-size:var(--studio-text-control);font-weight:500;white-space:nowrap;text-shadow:inherit;cursor:pointer;transition:background-color var(--motion-feedback) var(--ease-out),border-color var(--motion-feedback) var(--ease-out),filter var(--motion-feedback) var(--ease-out)}.mx-key svg{flex:none;width:1.125rem;height:1.125rem}.mx-key:hover{border-color:var(--mx-led);background:rgb(255 255 255/6%)}.mx-key:active{filter:brightness(.85)}.mx-key[data-on],.mx-key[data-primary]{border-color:transparent;background:var(--blue);color:var(--white);text-shadow:none;box-shadow:0 0 18px var(--mx-glow)}.mx-key[data-on]:hover,.mx-key[data-primary]:hover{background:color-mix(in oklch,var(--blue) 84%,var(--white))}.mx-key:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.mx-key[data-busy]{cursor:progress}.mx-key--icon{width:var(--studio-control-height);padding:0}.mx-key-row{display:flex;gap:var(--space-2)}.mx-wave{position:relative;height:3rem;touch-action:none}.mx-wave[role=slider]{cursor:pointer}.mx-wave svg{display:block;width:100%;height:100%}.mx-wave path{fill:none;stroke:var(--mx-led);stroke-width:.55}.mx-wave[data-tone=after] path{stroke:var(--mx-led-hi)}.mx-wave .mx-wave-played{position:absolute;inset:0;display:none;clip-path:inset(0 calc((1 - var(--p, 0)) * 100%) 0 0)}.mx-wave[data-playhead] .mx-wave-played{display:block}.mx-wave-played path{stroke:var(--mx-led-hi)}.mx-wave-head{position:absolute;top:-.125rem;bottom:-.125rem;left:calc(var(--p, 0) * 100%);display:none;width:2px;translate:-1px 0;background:var(--white);box-shadow:0 0 8px var(--mx-led)}.mx-wave[data-playhead] .mx-wave-head{display:block}.mx-chain{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}.mx-chain li{display:flex;align-items:center;gap:var(--space-2);color:var(--mx-led-dim);font-size:var(--studio-text-meta);text-transform:lowercase}.mx-chain i{flex:none;width:.375rem;height:.375rem;border-radius:50%;background:var(--mx-led-off)}.mx-chain li[data-state=done]{color:var(--mx-led)}.mx-chain li[data-state=done] i{background:var(--mx-led-seg)}.mx-chain li[data-state=active]{color:var(--mx-led-hi)}.mx-chain li[data-state=active] i{background:var(--white);box-shadow:0 0 8px var(--mx-led);animation:mx-blink .9s steps(2,jump-none) infinite}@keyframes mx-blink{50%{opacity:.3}}.mx-balance{display:grid;gap:var(--space-1);margin:0}.mx-band{display:grid;grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:var(--space-2);min-height:2.25rem}.mx-band dt{color:var(--mx-led);font-size:var(--studio-text-meta);text-transform:lowercase}.mx-band dd{display:grid;grid-template-columns:minmax(0,1fr) 3.75rem;align-items:center;gap:var(--space-2);margin:0}.mx-band .mx-num{color:var(--mx-led-hi);font-size:var(--studio-text-body);text-align:right}.mx-band-track{--jaw:0.875rem;position:relative;height:1.75rem}.mx-jaw{position:absolute;top:0;bottom:0;left:calc(var(--x) * (100% - var(--jaw)));width:var(--jaw);transition:left var(--motion-reveal) var(--ease-out)}.mx-jaw:after,.mx-jaw:before{content:"";position:absolute;inset-inline:0;height:.5625rem;border:1.5px solid var(--mx-led-dim);transition:background-color var(--motion-feedback) var(--ease-out),border-color var(--motion-feedback) var(--ease-out)}.mx-jaw:before{top:0;border-bottom:0;border-radius:4px 4px 0 0}.mx-jaw:after{bottom:0;border-top:0;border-radius:0 0 4px 4px}.mx-band[data-on] .mx-jaw:after,.mx-band[data-on] .mx-jaw:before{border-color:var(--mx-led-seg);background:var(--mx-led-seg)}.mx-ticks{position:absolute;top:50%;left:calc(var(--x) * (100% - var(--jaw)) + var(--jaw) + .25rem);width:calc((100% - var(--x) * (100% - var(--jaw)) - var(--jaw) - .25rem) * var(--act, 0));height:.625rem;translate:0 -50%;background:repeating-linear-gradient(90deg,var(--mx-led-seg) 0 1.5px,transparent 1.5px 4px)}.mx-band[data-flip] .mx-ticks{right:calc((1 - var(--x)) * (100% - var(--jaw)) + var(--jaw) + .25rem);left:auto;width:calc((var(--x) * (100% - var(--jaw)) - .25rem) * var(--act, 0));background:repeating-linear-gradient(270deg,var(--mx-led-seg) 0 1.5px,transparent 1.5px 4px)}.mx-center{display:grid;place-items:center;min-width:0;padding:0 var(--space-4)}.mx-control{display:flex;align-items:center;gap:calc(var(--knob) * .4);min-width:0}.mx-control .mx-knob[data-size=large]{--knob:inherit}.mx-control-text{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:calc(11.5rem + var(--space-4) * 2);min-height:calc(var(--knob) * 1.12);padding:var(--space-3) var(--space-4);border-radius:var(--radius-media);background:radial-gradient(farthest-corner,color-mix(in srgb,var(--mx-crt) 10%,var(--mx-crt-tube)),var(--mx-crt-tube));box-shadow:0 0 0 1px rgb(0 0 0/80%),0 0 0 3px rgb(255 255 255/4%);color:var(--mx-crt);line-height:1.2;white-space:nowrap;text-shadow:0 0 8px var(--mx-crt-glow)}.mx-control-text>:not(canvas){position:relative;z-index:1}.mx-crt-face{position:relative;align-self:stretch}.mx-crt-readout{display:flex;flex-direction:column;align-items:flex-start;transition:opacity .45s var(--ease-out)}.mx-crt-art{position:absolute;inset:0;display:grid;place-items:center;color:var(--mx-crt-hi);opacity:0;pointer-events:none;transition:opacity .45s var(--ease-out)}.mx-crt-art svg{width:auto;height:100%;max-height:3rem}[data-empty]>.mx-crt-face>.mx-crt-readout{opacity:0}[data-empty]>.mx-crt-face>.mx-crt-art{opacity:1}[data-empty]>.mx-crt-face>.mx-crt-art[data-dim]{opacity:.25}.mx-control-label{font-size:var(--studio-text-body);text-transform:lowercase}.mx-control-value{--crt-tone:hi;color:var(--mx-crt-hi);font-size:var(--studio-text-display);font-weight:500;letter-spacing:var(--tracking-heading);line-height:1}.mx-control-value small{--crt-tone:base;margin-left:var(--space-1);color:var(--mx-crt);font-size:var(--studio-text-body);font-weight:400;letter-spacing:0}.mx-control-sub{--crt-tone:dim;margin-bottom:var(--space-2);color:var(--mx-crt-dim);font-size:var(--studio-text-meta)}.mx-control-text>.mx-key,.mx-control-text>.mx-key-row{align-self:stretch}.mx-control-text .mx-key{position:relative;min-height:calc(var(--studio-control-height) - var(--space-3));padding-inline:var(--space-3);border-color:var(--mx-crt-dim);color:var(--mx-crt-hi)}.mx-control-text .mx-key:before{content:"";position:absolute;inset:calc(var(--space-3) / -2) 0}.mx-control-text .mx-key-row>.mx-key:not(.mx-key--icon){flex:1}.mx-control-text .mx-key:hover{border-color:var(--mx-crt);background:color-mix(in srgb,var(--mx-crt) 14%,transparent)}.mx-control-text .mx-key[data-primary]{background:var(--mx-crt);color:var(--mx-crt-ink);box-shadow:0 0 18px var(--mx-crt-glow)}.mx-control-text .mx-key[data-primary]:hover{background:var(--mx-crt-hi)}.mx-control-text:not([data-flat]){text-shadow:none;-webkit-text-fill-color:transparent}.mx-control-text:not([data-flat]) .mx-key{border-color:transparent;background:transparent;box-shadow:none}.mx-control-text:not([data-flat]) .mx-key svg{visibility:hidden}.mx-control-text[data-solid]{background:none;box-shadow:none}.mx-crt-3d,.mx-knob-3d{animation:mx-appear .32s var(--ease-out)}@keyframes mx-appear{0%{opacity:0}}.mx-control-text.mx-scope{min-width:0;min-height:calc(var(--knob) * 1.12);padding:var(--space-3) var(--space-4)}.mx-scope-face{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-4);align-self:stretch;flex:1}.mx-scope-panel{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.mx-scope-plot{flex:1;min-height:4.5rem}.mx-crt-3d{position:absolute;top:calc(var(--knob) * -.15);left:calc(var(--knob) * -.15);z-index:0;width:calc(100% + var(--knob) * .3);height:calc(100% + var(--knob) * .3);pointer-events:none}.mx-control-text>.mx-crt-roll{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.mx-crt-roll:before{content:"";position:absolute;top:-40%;left:0;width:100%;height:40%;background:linear-gradient(transparent,color-mix(in srgb,var(--mx-crt) 8%,transparent),transparent);mix-blend-mode:plus-lighter;animation:mx-crt-roll 7s linear infinite}@keyframes mx-crt-roll{to{translate:0 350%}}@media (forced-colors:active){.mx-control-text{-webkit-text-fill-color:currentColor}.mx-crt-3d,.mx-crt-roll{display:none}.mx-crt-art,.mx-crt-readout{transition:none}.mx-crt-3d,.mx-knob-3d{animation:none}}.mx-chamber{grid-area:chamber;position:relative;height:3.75rem;margin:0 var(--space-3);border-radius:var(--radius-media);background:color-mix(in srgb,var(--black) 80%,var(--shell));box-shadow:0 0 0 1px rgb(0 0 0/80%),0 0 0 3px rgb(255 255 255/4%)}.mx-chamber canvas{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:inherit}.mx-chamber-mark{position:absolute;top:50%;left:50%;z-index:1;display:flex;align-items:center;gap:var(--space-3);color:rgb(255 255 255/22%);font-size:var(--studio-text-meta);letter-spacing:.6em;text-shadow:0 1px 0 rgb(0 0 0/60%);text-transform:uppercase;white-space:nowrap;translate:-50% -50%;pointer-events:none}.mx-chamber-mark svg{width:auto;height:.5625rem;filter:drop-shadow(0 1px 0 rgb(0 0 0/60%))}.mx-chamber-mark span{margin-right:-.6em}.mx-knob{--knob:8.25rem;position:relative;flex:none;width:var(--knob);height:var(--knob);border-radius:50%;cursor:grab;touch-action:none}.mx-knob:active{cursor:grabbing}.mx-knob[data-size=small]{--knob:var(--studio-control-height)}.mx-knob[data-disabled]{cursor:default}.mx-knob-cap{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 0 60%,rgb(0 0 0/22%) 100%),repeating-radial-gradient(circle,rgb(255 255 255/4%) 0 1px,rgb(0 0 0/4%) 1px 2px),var(--mx-aluminium);box-shadow:inset 0 0 0 1px rgb(255 255 255/35%),inset 0 -2px 4px rgb(0 0 0/30%),0 0 0 1px rgb(0 0 0/55%),0 10px 24px rgb(0 0 0/65%)}.mx-knob[data-disabled] .mx-knob-cap{filter:brightness(.82)}.mx-knob-turn{position:absolute;inset:0;transition:transform 80ms linear}.mx-knob-turn:after{content:"";position:absolute;top:7%;left:50%;width:3px;height:16%;margin-left:-1.5px;border-radius:2px;background:var(--ink);box-shadow:0 1px 0 rgb(255 255 255/35%)}.mx-knob[data-size=small] .mx-knob-turn:after{top:9%;width:2px;height:26%;margin-left:-1px}.mx-knob-3d{position:absolute;top:50%;left:50%;width:calc(var(--knob) * 1.45);height:calc(var(--knob) * 1.45);translate:-50% -50%;pointer-events:none}.mx-knob[data-size=large]:not([data-flat]) :is(.mx-knob-cap,.mx-knob-turn){visibility:hidden}.mx-knob[data-disabled] .mx-knob-3d{filter:brightness(.82)}.mx-knob[data-detents] .mx-knob-turn{transition:transform .11s cubic-bezier(.34,1.56,.64,1)}.mx-knob:focus-visible{outline:none}.mx-knob:focus-visible:after{content:"";position:absolute;z-index:1;inset:-4px;border:2px solid var(--on-shell);border-radius:50%}.mx-beam{position:absolute;z-index:3;top:calc(var(--beam-y, 0px) - var(--beam-length, 0px));left:calc(var(--beam-x, 50%) - 1.5px);width:3px;height:var(--beam-length,0);background:linear-gradient(to top,var(--white),var(--mx-led) 35%,transparent);filter:blur(1.5px);opacity:0;pointer-events:none;rotate:var(--beam-angle,0rad);transform-origin:50% 100%}.mx-unit[data-absorb] .mx-beam{animation:mx-beam 1.6s cubic-bezier(.5,0,.75,0) forwards}@keyframes mx-beam{0%{opacity:0;scale:1 0}40%{opacity:1}to{opacity:.85;scale:1 1}}.mx-unit[data-absorb] :is(.mx-meter,.mx-zone,.mx-control-text){opacity:0;filter:blur(6px);translate:0 -.5rem;transition:opacity 1.1s cubic-bezier(.55,0,.85,.25),filter 1.1s cubic-bezier(.55,0,.85,.25),translate 1.1s cubic-bezier(.55,0,.85,.25)}@container mx-unit (max-width: 68rem){.mx-screen{--mx-cols:6.25rem 12rem minmax(0,1fr) 12rem 6.25rem;--mx-side:6.25rem;--knob:7.25rem}}@container mx-unit (max-width: 56rem){.mx-screen{grid-template-areas:"input centre centre output" "input mix master output" "input chamber chamber output";grid-template-columns:6.25rem minmax(0,1fr) minmax(0,1fr) 6.25rem;grid-template-rows:auto auto auto}.mx-screen>[data-zone]{padding-top:var(--space-3);border-top:1px solid var(--mx-rule)}.mx-center{padding-block:var(--space-2)}.mx-screen{--knob:6.5rem}}@container mx-unit (max-width: 36rem){.mx-screen{--mx-segs:18;--mx-seg:3px;grid-template-areas:"centre centre centre" "input mix output" "master master master" "chamber chamber chamber";grid-template-columns:3.25rem minmax(0,1fr) 3.25rem;padding:var(--space-2)}.mx-screen>.mx-meter{padding-top:var(--space-3);border-top:1px solid var(--mx-rule)}.mx-screen>.mx-meter[data-side=input]{border-left:0}.mx-screen>[data-zone=mix]{border-left:1px solid var(--mx-rule)}.mx-screen>[data-zone=master]{border-left:0}.mx-led-tag,.mx-readouts{display:none}.mx-ladders{gap:var(--space-1)}.mx-ladder{width:.5rem}.mx-center{padding:var(--space-2) 0 var(--space-3);border-left:0}.mx-chamber{height:3.25rem;margin:0}.mx-screen{--knob:5rem}.mx-control-text{min-width:calc(10rem + var(--space-3) * 2);padding-inline:var(--space-3)}.mx-zone{padding:var(--space-3)}.mx-balance{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.mx-band{gap:var(--space-1)}.mx-band,.mx-band dd{grid-template-columns:minmax(0,1fr)}.mx-band .mx-num{text-align:left}.mx-wave{height:2.25rem}.mx-chain{display:flex;gap:var(--space-3)}.mx-chain span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mx-chain i{width:.5rem;height:.5rem}.mx-unit[data-phase=done] .mx-screen{grid-template-areas:"result" "scope" "chamber";grid-template-columns:minmax(0,1fr)}.mx-unit[data-phase=done] .mx-meter{display:none}.mx-unit[data-phase=done] .mx-screen>[data-zone=result]{padding-inline:var(--space-3);border-left:0}.mx-screen>.mx-scope{margin:var(--space-4) var(--space-3)}}.mx-drop{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:var(--space-3);background:rgb(8 8 9/55%);font-size:var(--studio-text-emphasis);font-weight:600;pointer-events:none}.mx-drop svg{width:32px;height:32px}@media (max-width:767px){.mx-head{left:var(--space-4)}.mx-head,.mx-theme{top:var(--space-4);right:var(--space-4)}.mx-head p{font-size:var(--studio-text-meta)}.mx-unit{bottom:var(--space-3);width:calc(100% - var(--space-3) * 2)}}.studio-shell[data-reduce-motion=true] :is(.mx-head,.mx-unit){animation:none}@media (prefers-reduced-motion:reduce){.mx-head,.mx-unit{animation:none}.mx-unit[data-absorb] :is(.mx-meter,.mx-zone,.mx-control-text){opacity:1;filter:none;translate:none;transition:none}.mx-chain li[data-state=active] i,.mx-unit[data-absorb] .mx-beam{animation:none}.mx-canvas,.mx-head,.mx-jaw,.mx-knob-turn{transition:none}.mx-crt-roll{display:none}}.mx[data-theme=light],.studio-main:has(.mx[data-theme=light]){background:var(--surface)}.studio-main:has(.mx[data-theme=light]) .studio-topbar,.studio-main:has(.mx[data-theme=light]) .studio-topbar .icon-button{color:var(--ink)}.mx[data-theme=light]{color:var(--ink)}.mx[data-theme=light] :focus-visible{outline-color:var(--blue)}.mx[data-theme=light] .mx-unit :focus-visible{outline-color:var(--on-shell)}.mx[data-theme=light] .mx-head p{color:var(--muted)}.mx[data-theme=light] .mx-unit{--mx-accent:color-mix(in oklch,var(--blue) 75%,var(--white))}.mx[data-theme-fade] .mx-unit{transition:--mx-accent var(--mx-theme-fade) var(--ease-out)}.mx[data-theme=light] .mx-drop{background:rgb(245 245 247/72%);color:var(--ink)}