.code{--code-h:166px;--out-h:38px;--cfs:12px;--clh:16px;--gut:30px;box-sizing:border-box;height:var(--code-h);grid-template-columns:minmax(0,1fr);grid-template-rows:var(--key) minmax(0, 1fr) var(--out-h);gap:6px;padding:4px 0 8px;display:grid;position:relative}.code[data-size=mid]{--code-h:186px}.code[data-size=tall]{--code-h:230px;--out-h:53px}.code .drawer-head h2:after{content:"";vertical-align:2px;background:var(--led-off);border-radius:50%;width:6px;height:6px;margin-left:8px;display:inline-block}.code:is([data-py=ready],[data-py=running]) .drawer-head h2:after{background:var(--led-on);box-shadow:0 0 6px 1px var(--led-glow)}.code[data-py=running] .drawer-head h2:after,.code[data-py=loading] .drawer-head h2:after{animation:.9s steps(2,jump-none) infinite code-blink}.code[data-py=broken] .drawer-head h2:after{background:var(--color-danger)}.btn.code-go{min-width:72px}.code-ed,.code-out{border:1px solid var(--well-line);border-radius:var(--r-well);background:linear-gradient(var(--well-top), var(--well-bot) 40%);min-width:0;min-height:0;box-shadow:inset 0 2px 3px -1px var(--well-shade), 0 1px 0 0 var(--well-lip);text-transform:none;position:relative;overflow:clip}.code-ed{isolation:isolate;grid-area:2/1}.code-ed:before{content:"";z-index:1;top:0;bottom:0;left:var(--gut);background:var(--well-line);pointer-events:none;width:1px;position:absolute}.code-ed:focus-within{border-color:var(--color-border-focus);box-shadow:inset 0 2px 3px -1px var(--well-shade), 0 1px 0 0 var(--well-lip), 0 0 0 3px var(--focus-glow)}.code-hl,.code-in{box-sizing:border-box;padding:4px 8px 4px calc(var(--gut) + 7px);font-family:var(--mono);font-size:var(--cfs);line-height:var(--clh);letter-spacing:0;font-variant-ligatures:none;text-transform:none;tab-size:4;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;border:0;margin:0;font-weight:400}.code-hl{z-index:-1;color:var(--color-foreground);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;right:0}.code-ln{min-height:var(--clh);position:relative}.code-ln:before{content:attr(data-n);top:0;left:calc(-1 * var(--gut) - 7px);width:calc(var(--gut) - 6px);text-align:right;color:var(--color-foreground-subtle);opacity:.8;font-size:10px;position:absolute}.code-ln[data-err]:after{content:"";z-index:-1;inset:0 -8px 0 calc(-1 * var(--gut) - 7px);background:color-mix(in srgb, var(--color-danger) 18%, transparent);position:absolute}.code-ln[data-err]:before{color:var(--color-danger-text);opacity:1}.c-kw{font-weight:600}.c-api{color:var(--color-primary-text);font-weight:500}.c-bi{color:var(--color-foreground-muted)}.c-str{color:var(--color-warning-text)}.c-num{color:var(--color-danger-text)}.c-com{color:var(--color-foreground-subtle);font-style:italic}.code-in{resize:none;color:#0000;-webkit-text-fill-color:transparent;width:100%;height:100%;caret-color:var(--color-foreground);appearance:none;touch-action:none;background:0 0;border-radius:0;outline:none;display:block;position:absolute;inset:0;overflow:hidden}.code-in::placeholder{color:var(--color-foreground-subtle);-webkit-text-fill-color:var(--color-foreground-subtle);text-transform:none}.code-in::selection{background:color-mix(in srgb, var(--color-primary) 32%, transparent);-webkit-text-fill-color:transparent}.code-out{grid-area:3/1}.code[data-wide] .code-out{z-index:1;grid-area:2/1/-1/-1}.code-log{flex-direction:column;justify-content:flex-end;padding:3px 28px 3px 8px;font-size:11px;line-height:15px;display:flex;position:absolute;inset:0;overflow:clip}.btn.code-more{--h:20px;--d:2px;--r:var(--r-chip);position:absolute;top:3px;right:3px}.btn.code-more .icon{width:12px;height:12px}.code-log>p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-foreground);flex:none}.code-log>[data-tone=cmd]{color:var(--color-foreground-subtle)}.code-log>[data-tone=cmd]:before{content:"> "}.code-log>:is([data-tone=info],[data-tone=live]){color:var(--color-foreground-muted)}.code-log>[data-tone=ok]{color:var(--color-success-text)}.code-log>[data-tone=warn]{color:var(--color-warning-text)}.code-log>[data-tone=err]{color:var(--color-danger-text)}.code-log>[data-tone=idle]:before{content:"> ";color:var(--color-foreground-subtle)}.code[data-py=ready] .code-log>p:last-child:not([data-tone=live]):after{content:"";vertical-align:-1px;background:var(--color-primary-text);width:6px;height:11px;margin-left:4px;animation:1.1s steps(2,jump-none) infinite code-blink;display:inline-block}.code-log>[data-tone=idle]:after{margin-left:0}.code-ex{z-index:2;grid-area:2/1/-1/-1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:var(--key);background:var(--plate-bot);animation:code-in .22s var(--spring-settle) backwards;align-content:start;gap:6px 8px;padding-top:2px;display:grid}.code-ex>:last-child:nth-child(odd){grid-column:1/-1}.btn.code-ex-key>.cap{justify-content:flex-start;gap:8px;padding:0 10px}.btn.code-ex-key .icon{color:var(--color-primary-text);flex:none}.code-coach{z-index:2;left:calc(var(--gut) + 4px);border:1px solid var(--plate-line);border-radius:var(--r-float);background:linear-gradient(var(--plate-top), var(--plate-bot));box-shadow:inset 0 1px 0 0 var(--plate-bevel), 0 2px 0 0 var(--plate-wall), 2px 6px 12px -4px var(--plate-ao);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--color-foreground);text-transform:none;animation:code-in .26s var(--spring-settle) backwards;gap:4px;padding:6px 6px 6px 10px;display:grid;position:absolute;bottom:6px;right:6px}.code-coach[data-at=top]{top:6px;bottom:auto}.code-coach>p{text-wrap:pretty}.code-coach-foot{justify-content:flex-end;align-items:center;gap:6px;display:flex}.code-coach-at{font-size:var(--fs-xs);color:var(--color-foreground-subtle);margin-right:auto}.code-coach .btn{--h:26px}.code :is(.code-ed,.code-out)[data-coach]{border-color:var(--color-border-focus);box-shadow:inset 0 2px 3px -1px var(--well-shade), 0 0 0 3px var(--focus-glow)}.code .btn[data-coach]{z-index:1;--ring-gap:var(--surface-under,var(--plate-bot));--ring:var(--color-border-focus)}.dock:not([data-lifted])[style*=--code-lift]{translate:0 calc(-1 * var(--code-lift));transition:opacity var(--duration-base) var(--ease-standard), translate var(--duration-base) var(--ease-standard)}@container (min-width:520px){.code{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-template-rows:var(--key) minmax(0, 1fr)}.code>.drawer-head{grid-column:1/-1}.code-out{grid-area:2/2}.code-ex{grid-template-columns:repeat(3,minmax(0,1fr))}.code-ex>:last-child:nth-child(odd){grid-column:auto}}@container (max-width:340px){.btn.code-go{min-width:0}}@keyframes code-blink{0%{opacity:1}to{opacity:.25}}@keyframes code-in{0%{opacity:0;translate:0 6px}}@media (prefers-reduced-motion:reduce){.code-ex,.code-coach,.code[data-py=ready] .code-log>p:last-child:after{animation:none}}
.tour{--tour-dim:#0808084d;z-index:calc(var(--z-chrome) + 50);padding:max(8px, var(--safe-top)) max(8px, var(--safe-right)) max(8px, var(--safe-bottom)) max(8px, var(--safe-left));pointer-events:none;transition:opacity .18s var(--ease-standard);animation:fade-in .28s var(--ease-standard) backwards;position:fixed;inset:0}[data-theme=dark] .tour{--tour-dim:#00000080}.tour[data-leaving]{opacity:0}.tour[data-away]{opacity:0;visibility:hidden;transition:none}.tour-scrim{width:100%;height:100%;position:absolute;inset:0}.tour-dim{fill:var(--tour-dim)}.tour-ring{border-radius:var(--rr,10px);box-shadow:0 0 0 2px var(--color-border-focus), 0 0 0 6px var(--focus-glow);pointer-events:none;animation:fade-in .18s ease-out backwards, tour-ring var(--t-jelly) var(--spring-jelly) backwards;position:absolute;top:0;left:0}.tour-ring:after{content:"";border-radius:inherit;box-shadow:0 0 0 2px var(--color-border-focus);opacity:0;animation:tour-halo 1.8s var(--ease-standard) .5s infinite;position:absolute;inset:0}.tour-ghost{pointer-events:none;position:absolute;top:0;left:0}.tour-ghost>i{width:var(--len,48px);transform-origin:0;height:2px;animation:tour-wire 2.4s var(--ease-standard) infinite;position:absolute;top:-1px;left:0}.tour-ghost>i:first-child{background:linear-gradient(to right, transparent, var(--color-border-focus));border-radius:1px}.tour-ghost>i:last-child{animation-name:tour-tip}.tour-ghost>i:last-child:after{content:"";border:2px solid var(--color-border-focus);background:var(--focus-glow);border-radius:50%;width:18px;height:18px;position:absolute;top:-8px;left:-9px}.tour-card{pointer-events:auto;width:316px;position:absolute;top:0;left:0;container-type:inline-size}.tour-card[data-glide]{transition:translate var(--t-settle) var(--spring-settle)}.tour-plate{--surface-under:var(--plate-bot);--pd:4px;border:1px solid var(--plate-line);border-radius:var(--r-card);background:var(--grain) 0 0 / 96px 96px, radial-gradient(130% 90% at 0 0, var(--plate-sheen), transparent 55%), linear-gradient(var(--plate-top), var(--plate-bot));box-shadow:inset 0 1px 0 0 var(--plate-bevel), inset 0 -1px 0 0 var(--plate-shade), 0 var(--pd) 0 0 var(--plate-wall), 0 calc(var(--pd) + 1px) 0 0 var(--plate-rim), 2px calc(var(--pd) + 3px) 6px 0 var(--plate-ao), 7px calc(var(--pd) + 12px) 28px -8px var(--plate-drop);color:var(--color-foreground);animation:fade-in .16s ease-out backwards, plate-in var(--t-bouncy) var(--spring-bouncy) backwards;gap:10px;padding:12px 10px 10px 14px;display:grid}.tour[data-leaving] .tour-plate{transition:translate .18s var(--ease-standard);translate:0 8px}.tour-text{font-size:var(--fs-md);line-height:var(--lh-md);color:var(--color-foreground-muted);text-wrap:pretty;margin:0}.tour-text>span{animation:tour-text .26s var(--ease-enter) backwards;display:block}.tour-text strong{color:var(--color-foreground);font-weight:500}.tour-keys{vertical-align:top;white-space:nowrap;gap:6px;display:inline-flex}.tour-keys>span{gap:2px;display:inline-flex}.tour-foot{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 6px;display:flex}.tour-leds{gap:5px;margin-right:auto;padding-left:1px;display:flex}.tour-leds>i{background:var(--led-off);border-radius:50%;width:6px;height:6px;box-shadow:inset 0 1px 1px #00000059}.tour-leds>i[data-done]{background:var(--led-on);opacity:.5;box-shadow:inset 0 -1px #0003}.tour-leds>i[data-on]{background:var(--led-on);box-shadow:0 0 5px 1px var(--led-glow), inset 0 -1px 0 #0003;animation:tour-led var(--t-jelly) var(--spring-jelly) backwards}@container (max-width:279px){.tour-leds{flex-basis:100%}}html[data-tour] .dock-hint{display:none}.menu-drawer .key-grid>.menu-tour+.menu-stats{grid-column:span 2}html[data-lite] .tour-ring:after,html[data-lite] .tour-ghost{display:none}@keyframes tour-ring{0%{scale:var(--ix,1.2) var(--iy,1.2)}}@keyframes tour-halo{0%{opacity:.7;scale:1}70%,to{opacity:0;scale:var(--sx,1.1) var(--sy,1.1)}}@keyframes tour-wire{0%,12%{opacity:1;scale:0 1}62%,82%{opacity:1;scale:1}to{opacity:0;scale:1}}@keyframes tour-tip{0%{opacity:0;translate:0;scale:.5}12%{opacity:1;translate:0;scale:1}62%,82%{opacity:1;translate:100%;scale:1}to{opacity:0;translate:100%;scale:1}}@keyframes tour-text{0%{opacity:0;translate:0 4px}}@keyframes tour-led{0%{scale:.3}}
.frame-main>.navroom{inset:8px calc(8px + var(--safe-right)) 8px calc(8px + var(--safe-left));z-index:calc(var(--z-dock) - 1);pointer-events:none;position:absolute}.frame-main>.navroom[data-lifted]{z-index:calc(var(--z-dock) + 2)}.navpad{--np-x:#e3262f;--np-y:#3fae2a;--np-z:#1d5fd6;--np-on:#fff;--np-spec:#fffffff2;--np-rim:#c9c9c9;--np-core:#08080833;--np-ring:#08080833;--np-ball:120px;--np-kw:40px;--np-kh:var(--key);--np-gap:4px;--np-r:var(--r-plate);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:opacity var(--duration-base) var(--ease-standard);position:absolute;top:0;left:0}[data-theme=dark] .navpad{--np-x:#ff6b6b;--np-y:#6fd65a;--np-z:#7aa7ff;--np-on:#0b0b0b;--np-spec:#fff3;--np-rim:#101010;--np-core:#000000b3;--np-ring:#ffffff29}@media (pointer:coarse){.navpad{--np-ball:128px;--np-kw:44px;--np-kh:34px;--np-gap:6px}}@media (pointer:coarse) and (max-width:440px),(pointer:coarse) and (max-height:500px){.navpad{--np-ball:112px;--np-kw:40px;--np-kh:32px;--np-gap:5px}}.navpad[data-ready]{transition:translate var(--t-settle) var(--spring-settle), opacity var(--duration-base) var(--ease-standard)}.navpad[data-puck]{--np-r:50%}.navpad:after{content:"";z-index:-1;border-radius:var(--np-r);box-shadow:10px 30px 44px -14px var(--plate-drop);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard);position:absolute;inset:0}.navpad[data-lifted]:after{opacity:1}.navpad[data-drawing]{opacity:.16;pointer-events:none}.ws[data-solo] .navpad{opacity:0;pointer-events:none}.navpad-plate{--surface-under:var(--plate-bot);--pd:5px;grid-template-columns:var(--np-ball) calc(2 * var(--np-kw) + var(--np-gap));border:1px solid var(--plate-line);border-radius:var(--np-r);background:var(--grain) 0 0 / 96px 96px, radial-gradient(130% 90% at 0 0, var(--plate-sheen), transparent 55%), linear-gradient(var(--plate-top), var(--plate-bot));box-shadow:inset 0 1px 0 0 var(--plate-bevel), inset 0 -1px 0 0 var(--plate-shade), 0 var(--pd) 0 0 var(--plate-wall), 0 calc(var(--pd) + 1px) 0 0 var(--plate-rim), 2px calc(var(--pd) + 3px) 6px 0 var(--plate-ao), 6px calc(var(--pd) + 10px) 24px -8px var(--plate-drop);transform-origin:calc(var(--fx,1) * 100%) calc(var(--fy,1) * 100%);animation:fade-in .16s ease-out backwards, navpad-in var(--t-settle) var(--spring-settle) backwards;align-items:center;gap:6px 8px;padding:4px 8px 8px;display:grid}@keyframes navpad-in{0%{scale:.5}}.navpad-head{grid-column:1/-1;align-items:center;gap:4px;height:26px;display:flex}.navpad-grip{cursor:grab;height:26px}.navpad[data-lifted] .navpad-grip{cursor:grabbing;color:var(--color-primary-text)}.navpad-head .btn{--h:24px;--r:5px}.navpad-ball{width:var(--np-ball);height:var(--np-ball);border:1px solid var(--well-line);background:linear-gradient(var(--well-top), var(--well-bot));box-shadow:inset 0 3px 6px -2px var(--well-shade), 0 1px 0 0 var(--well-lip);cursor:grab;touch-action:none;border-radius:50%;padding:5px;display:grid;position:relative}.navpad-ball:after{content:"";box-shadow:0 0 0 2px var(--color-border-focus), 0 0 12px 2px var(--lit-glow);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard);border-radius:50%;position:absolute;inset:-4px}.navpad-ball[data-grab]{cursor:grabbing}.navpad-ball[data-grab]:after{opacity:1}.navpad-sphere{background:radial-gradient(circle at 33% 25%, var(--np-spec), transparent 24%), radial-gradient(circle at 42% 36%, var(--cap-top), var(--cap-bot) 56%, var(--np-rim) 100%);box-shadow:inset -6px -9px 16px -6px var(--np-core), inset 2px 3px 4px -2px var(--cap-bevel), 0 3px 5px -1px var(--cap-contact);transition:scale var(--t-bouncy) var(--spring-bouncy);border-radius:50%;position:relative}.navpad-ball[data-grab] .navpad-sphere{transition:scale var(--t-squash) var(--squash-ease);scale:.97}.navgizmo{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.navgizmo-ring{fill:none;stroke:var(--np-ring);stroke-width:1px}.navgizmo g[data-axis=x]{--c:var(--np-x)}.navgizmo g[data-axis=y]{--c:var(--np-y)}.navgizmo g[data-axis=z]{--c:var(--np-z)}.navgizmo line{stroke:var(--c);stroke-width:2.4px;stroke-linecap:round}.navgizmo circle{fill:var(--c)}.navgizmo text{fill:var(--np-on);text-anchor:middle;font-size:10px;font-weight:700}.navgizmo g[data-neg] circle{fill:color-mix(in srgb, var(--c) 28%, transparent);stroke:var(--c);stroke-width:1.4px}.navgizmo g[data-neg] :is(line,text){display:none}.navpad-keys{grid-template-columns:repeat(2, var(--np-kw));grid-auto-rows:var(--np-kh);gap:var(--np-gap);padding-bottom:3px;display:grid}.navpad-keys .btn{--h:var(--np-kh);width:100%;font-size:var(--fs-md);font-weight:600}.navpad-keys .btn>.cap{padding:0}.navpad-keys .btn[data-axis=x]{--ink:var(--np-x)}.navpad-keys .btn[data-axis=y]{--ink:var(--np-y)}.navpad-keys .btn[data-axis=z]{--ink:var(--np-z)}.navpad-puck.btn{--h:48px;--r:50%;--d:var(--depth-lg);width:var(--h);transform-origin:50%;animation:fade-in .16s ease-out backwards, navpad-in var(--t-jelly) var(--spring-jelly) backwards}.navpad-puck.btn>.cap{color:var(--color-primary-text);padding:0}@media (pointer:coarse){.navpad-puck.btn{--h:52px}}
.dock-drawer-body:has(.music){overflow:hidden}.music{--gap:6px;--cgap:6px;--hd:32px;--big:52px;--keyh:32px;--line:32px;--knob:36px;--mini:22px;--mfs:11px;--sfs:9px;--jack:24px;--jack-mini:14px;--chip-s:15px;grid-template-rows:var(--hd) minmax(0, 1fr);gap:var(--gap);overflow-clip-margin:4px;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:186px;display:grid;position:relative;overflow:clip}.music[data-density=dense]{--gap:4px;--cgap:4px;--big:44px;--keyh:28px;--line:26px;--knob:28px;--mini:20px;--mfs:10px;--jack:20px;--chip-s:13px;height:160px}.music[data-density=tight]{--gap:8px;--cgap:4px;--big:44px;--keyh:44px;--line:44px;--knob:28px;--mini:20px;--mfs:10px;--jack:20px;--chip-s:13px;height:84px}.music .btn{--sq-x:1.04;--sq-y:.9}.music-head{grid-template-columns:32px 52px 28px minmax(0,1fr) 28px 32px;gap:4px;min-width:0;padding-top:1px;display:grid}.music-head>.btn{--h:28px;min-width:0}.music-head>.mplay,.music-head>.mclose{width:32px}.music-head>.mnav{width:28px}.mlane{width:52px}.mlane>.cap{gap:3px;padding:0 2px;font-size:10px}.mlane-dot{background:var(--tone,var(--color-primary));width:6px;height:6px;box-shadow:inset 0 0 0 1px #00000038, 0 0 0 1px var(--cap-bevel);border-radius:50%;flex:none}.mlane-text{min-width:0;overflow:hidden}.mtitle,.mhalf{min-width:0}.mtitle{border:1px solid var(--well-line);border-radius:var(--r-well);background:linear-gradient(var(--well-top), var(--well-bot));height:30px;box-shadow:inset 0 2px 3px -1px var(--well-shade), 0 1px 0 0 var(--well-lip);color:var(--color-foreground);font:inherit;font-size:var(--mfs);cursor:pointer;transition:scale var(--t-jelly) var(--spring-jelly);place-items:center;padding:0 6px;line-height:12px;display:grid;position:relative;overflow:hidden}.mtitle:active{transition:scale var(--t-squash) var(--squash-ease);scale:.97}.mtitle:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.mscope{width:100%;height:100%;color:var(--color-primary-text);opacity:.55;pointer-events:none;position:absolute;inset:0}.mtitle-text{-webkit-line-clamp:2;text-align:center;max-width:100%;text-shadow:0 0 3px var(--well-top), 0 0 1px var(--well-top);-webkit-box-orient:vertical;display:-webkit-box;position:relative;overflow:hidden}.mtitle-text[data-notice]{-webkit-line-clamp:3;font-size:var(--sfs);color:var(--color-primary-text);line-height:9.5px}.mtitle-page{color:var(--color-foreground-subtle)}.mhalf>.cap{font-size:var(--sfs);justify-content:space-between;gap:4px;padding:0 6px;line-height:10px}.mhalf-text{-webkit-line-clamp:2;white-space:normal;text-align:start;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.mhalf-at{color:var(--color-foreground-subtle);flex:none}.music-body{min-width:0;min-height:0;position:relative}.mscreen{gap:var(--gap);align-content:start;height:100%;display:grid}.mscreen[data-dir]{animation:music-in var(--t-glide) var(--spring-glide) both}.mscreen[data-dir=next]{--from:18px}.mscreen[data-dir=prev]{--from:-18px}@keyframes music-in{0%{translate:var(--from,0) 0;opacity:0}}.mrow{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));gap:var(--gap) var(--cgap);min-width:0;min-height:0;display:grid}.mrow>.btn,.mstep>.btn{min-width:0;height:auto;margin-bottom:calc(var(--d) + 1px);align-self:stretch}.mrow .btn>.cap{padding:0 1px}.mrow[data-cols="5"] .mkey-text{letter-spacing:-.03em}.mkey-text{text-align:center;justify-items:center;gap:1px;min-width:0;max-width:100%;display:grid}.mkey-label{max-width:100%;font-size:var(--mfs);white-space:normal;line-height:1.15;overflow:hidden}.mkey-sub{max-width:100%;font-size:var(--sfs);color:var(--color-foreground-subtle);white-space:nowrap;line-height:1.15;overflow:hidden}.btn[aria-pressed=true] .mkey-sub{color:inherit}.mkey-more{color:var(--color-foreground-subtle)}.mrow[data-size=line] .mkey-label,.mkey-scale .mkey-label{font-size:var(--sfs);line-height:10px}.mrow[data-size=line] .mkey-sub{font-size:8px;line-height:9px}.mkey .icon{width:14px;height:14px}.mkey>.cap{gap:4px}.btn.mkey[data-dim]:disabled{--ink:var(--color-foreground-subtle)}.music .btn[aria-pressed=false]:not([data-variant=primary],.pkey)>.cap:after{content:"";background:var(--led-off);border-radius:50%;width:4px;height:4px;position:absolute;top:4px;right:4px;box-shadow:inset 0 1px 1px #00000059}.mblank{min-width:0}.mstep{grid-template-columns:22px minmax(0,1fr) 22px;align-items:stretch;gap:2px;min-width:0;display:grid}.mstep>.btn{width:22px}.mstep>.btn .icon{width:14px;height:14px}.mstep-value{min-width:0;padding-bottom:calc(var(--d) + 1px);text-align:center;align-content:center;justify-items:center;display:grid}.mstep-name{font-size:var(--sfs);color:var(--color-foreground-subtle);line-height:11px}.mstep-text{max-width:100%;font-size:var(--mfs);white-space:nowrap;font-weight:500;line-height:13px;overflow:hidden}.mrow[data-size=key] .mstep-name,.mrow[data-size=line] .mstep-name{display:none}.music[data-density=tight] .mstep-name{display:block}.mslide{min-width:0;height:20px}.mfind{grid-column:1/-1;min-width:0;height:calc(100% - 2px)}.knob{grid-template-rows:var(--knob) 14px;min-width:0;transition:opacity var(--duration-base) var(--ease-standard);align-content:center;justify-items:center;display:grid}.knob-dial{width:var(--knob);height:var(--knob);cursor:ns-resize;touch-action:none;border-radius:50%;outline:none;position:relative}.knob-dial:focus-visible{box-shadow:0 0 0 2px var(--surface-under), 0 0 0 4px var(--color-border-focus)}.knob[data-disabled] .knob-dial{cursor:default;opacity:.45}.knob-arc{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.knob-track,.knob-fill{fill:none;stroke-width:3.2px;stroke-linecap:round}.knob-track{stroke:var(--well-line)}.knob-fill{stroke:var(--color-primary)}.knob-cap{border:1px solid var(--cap-line);background:var(--grain) 0 0 / 96px 96px, radial-gradient(120% 120% at 30% 22%, var(--cap-sheen), transparent 55%), linear-gradient(var(--cap-top), var(--cap-bot));box-shadow:inset 0 1px 0 0 var(--cap-bevel), inset 0 -2px 0 0 var(--cap-shade), 0 2px 0 0 var(--cap-skirt), 0 3px 0 0 var(--cap-rim), 0 4px 4px -1px var(--cap-contact);transition:translate var(--t-bouncy) var(--spring-bouncy), scale var(--t-jelly) var(--spring-jelly);border-radius:50%;position:absolute;inset:19% 19% 23%}.knob-cap>i{rotate:var(--a);position:absolute;inset:0}.knob-cap>i:before{content:"";background:var(--color-foreground);border-radius:1px;width:2px;height:36%;margin-left:-1px;position:absolute;top:1px;left:50%}.knob[data-active] .knob-cap{translate:0 1px;scale:.97}.knob[data-active] .knob-cap>i:before{background:var(--led-on);box-shadow:0 0 4px 1px var(--led-glow)}.knob-label{max-width:100%;font-size:var(--sfs);color:var(--color-foreground-muted);white-space:nowrap;text-align:center;line-height:14px;overflow:hidden}.music[data-density=roomy] .knob-label{font-size:10px}.knob-label[data-value]{color:var(--color-primary-text);font-weight:500}.knob[data-mini]{grid-template-rows:none;grid-template-columns:var(--mini) minmax(0, 1fr);place-items:center start;gap:4px;padding-bottom:3px}.knob[data-mini] .knob-dial{width:var(--mini);height:var(--mini)}.knob[data-mini] .knob-cap{inset:16% 16% 22%}.knob[data-mini] .knob-label{text-align:start}.knob-bubble{z-index:var(--z-tooltip);background:var(--color-surface-inverse);min-width:48px;height:48px;color:var(--color-foreground-inverse);white-space:nowrap;box-shadow:0 1px 0 var(--tip-rim) inset, 0 6px 16px var(--tip-drop);pointer-events:none;border-radius:24px;place-items:center;padding:0 12px;font-size:13px;font-weight:500;display:grid;position:fixed;translate:-50%}.mlane-name{max-width:100%;color:var(--color-foreground-muted);font:inherit;font-size:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px}.mlane-name:before{content:"";vertical-align:1px;background:var(--tone);border-radius:50%;width:5px;height:5px;margin-right:3px;display:inline-block}.mlane-name[data-mute]{color:var(--color-foreground-subtle);text-decoration:line-through}.mlane-name[data-solo]{color:var(--color-primary-text);font-weight:600}.mchips{grid-template-columns:repeat(3, var(--chip-s));grid-auto-rows:var(--chip-s);place-content:center;gap:3px;min-width:0;display:grid}.mchip,.mchip-more{width:var(--chip-s);height:var(--chip-s);cursor:pointer;border-radius:4px;padding:0}.mchip{background:var(--chip);border:1px solid #00000047;display:block;box-shadow:inset 0 1px #ffffff59,0 2px #00000038}.mchip[data-muted]{opacity:.4;background:linear-gradient(135deg, transparent 44%, var(--color-foreground) 44% 56%, transparent 56%), var(--chip)}.mchip-more{border:1px solid var(--well-line);background:linear-gradient(var(--well-top), var(--well-bot));color:var(--color-foreground-muted);font:inherit;font-size:8px;line-height:1}.mchip-none{color:var(--color-foreground-subtle);font-size:var(--sfs);text-align:center;grid-column:2}.mrow[data-size=line] .mchip{width:18px;height:18px}.piano{height:calc(100% - var(--depth) - 1px);grid-column:1/-1;min-width:0;position:relative}.btn.pkey{--r:4px;--sq-x:1.02;--sq-y:.95;top:0;left:calc(var(--at) * 100% / 7 + 1px);width:calc(14.2857% - 2px);min-width:0;height:100%;position:absolute}.btn.pkey>.cap{align-items:flex-end;padding:0 0 3px}.btn.pkey[data-black]{--face-top:var(--cap-rim);--face-bot:var(--cap-rim);--line:var(--cap-rim);--bevel:#ffffff38;--bevel-side:transparent;--sheen:#ffffff1f;--skirt:var(--cap-line);--emboss:none;--ink:#f1f1f1;z-index:1;left:calc(var(--at) * 100% / 7 - 100% / 7 * .31);width:8.85714%;height:55%}.btn.pkey[data-black][aria-pressed=true]{--ink:var(--color-primary-text)}.pkey-name{font-size:var(--sfs);line-height:10px}.btn.pkey[data-lit]>.cap{box-shadow:inset 0 1px 0 0 var(--bevel), inset 0 -3px 0 0 var(--color-primary), var(--inner)}.mslot{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(var(--knob), 1.1fr);align-items:center;gap:2px;min-width:0;height:100%;display:grid;position:relative}.mslot[data-mini]{grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.4fr)}.jack{min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-content:center;justify-items:center;gap:2px;padding:0;display:grid}.jack:disabled{cursor:default;opacity:.5}.jack:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px;border-radius:6px}.jack-nut{width:var(--jack);height:var(--jack);border:1px solid var(--plate-rim);background:radial-gradient(circle at 35% 28%, var(--plate-top), var(--plate-wall) 75%);box-shadow:inset 0 1px 0 var(--plate-bevel), 0 1px 0 var(--plate-sheen), 0 2px 3px var(--plate-ao);transition:scale var(--t-jelly) var(--spring-jelly);border-radius:50%;place-items:center;display:grid;position:relative}.jack:active:not(:disabled) .jack-nut{transition:scale var(--t-squash) var(--squash-ease);scale:.92}.jack-nut>i{background:radial-gradient(circle at 50% 60%, var(--cap-rim), var(--plate-rim));border-radius:50%;width:46%;height:46%;box-shadow:inset 0 2px 2px #0000008c}.jack[data-plugged] .jack-nut>i{background:radial-gradient(circle at 35% 30%, #ffffff73, transparent 60%), var(--cable);width:56%;height:56%;box-shadow:0 0 0 1px #0000004d,0 1px 2px #00000059}.jack[data-mini] .jack-nut{width:var(--jack-mini);height:var(--jack-mini)}.jack-label{max-width:100%;font-size:var(--sfs);color:var(--color-foreground-muted);white-space:nowrap;line-height:11px;overflow:hidden}.jack[data-mini] .jack-label{font-size:8px;line-height:9px}.mcable{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mcable path{fill:none;stroke:var(--cable);stroke-width:3px;stroke-linecap:round;opacity:.9}.mcable circle{fill:var(--cable);stroke:#0000004d;stroke-width:1px}.mslot[data-mini] .mcable path{stroke-width:2px}.mintro{align-content:center;justify-items:center;gap:var(--space-3);height:100%;padding:0 var(--space-4) calc(var(--depth-lg) + 1px);text-align:center;display:grid}.mintro p{max-width:30ch;font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--color-foreground-muted);margin:0}.mintro-quiet{color:var(--color-foreground-subtle)}.music[data-density=tight] .mintro{text-align:start;grid-template-columns:minmax(0,1fr) auto;place-items:center start;gap:8px;padding:0 0 4px}.music[data-density=tight] .mintro p{max-width:none;font-size:10px;line-height:12px}.music-head,.mrow>*{transition:opacity var(--duration-base) var(--ease-standard)}.ws[data-knob] .frame-head,.ws[data-knob] .frame-foot,.ws[data-knob] .dock-top,.ws[data-knob] .dock-tools,.ws[data-knob] .dock-modes,.ws[data-knob] .dock-hint,.ws[data-knob] .dock-skin,.ws[data-knob] .dock-panel:after,.ws[data-knob] .music-head{opacity:0;pointer-events:none}.ws[data-knob] .mrow>:not(.knob[data-active],:has(.knob[data-active])){opacity:0;pointer-events:none}.ws[data-knob] .dock-drawer[data-open]{background:0 0}.ws[data-knob] .knob[data-active] .knob-label{opacity:0}.btn[data-playing][data-icon-only]:not([data-variant=primary],[data-variant=ghost])>.cap:after,.music[data-playing] .mplay>.cap:after{content:"";background:var(--led-on);width:4px;height:4px;box-shadow:0 0 5px 1px var(--led-glow), inset 0 -1px 0 #0003;animation:music-beat calc(60s / var(--bpm,96)) steps(1, end) infinite;border-radius:50%;position:absolute;top:4px;right:4px}@keyframes music-beat{0%{opacity:1}50%{opacity:.2}}@media (prefers-reduced-motion:reduce){.btn[data-playing][data-icon-only]:not([data-variant=primary],[data-variant=ghost])>.cap:after,.music[data-playing] .mplay>.cap:after{opacity:1;animation:none}}@media (forced-colors:active){.knob-fill{stroke:highlight}.knob-track{stroke:graytext}.mcable path{stroke:canvastext}}