.hbtn{appearance:none;justify-content:center;align-items:center;gap:calc(7 * var(--g));min-height:calc(30 * var(--g));padding:0 calc(11 * var(--g));border:1px solid var(--line);font-family:var(--font-ui);font-size:var(--fs-s);letter-spacing:.01em;white-space:nowrap;color:var(--text-2);cursor:pointer;background:0 0;border-radius:2px;margin:0;font-weight:450;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.hbtn:hover:not(:disabled){color:var(--text);border-color:var(--line-strong);background-color:var(--surface-hover)}.hbtn:active:not(:disabled){background-color:color-mix(in srgb, var(--accent) 12%, transparent)}.hbtn:disabled{opacity:var(--key-off)}.hbtn[aria-pressed=true]{color:var(--hb-on,var(--accent));border-color:color-mix(in srgb, var(--hb-on,var(--accent)) 50%, transparent)}.hbtn.dot:before{content:"";width:calc(5 * var(--g));height:calc(5 * var(--g));box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:50%;flex:none;transition:background-color .2s,box-shadow .2s}.hbtn.dot[aria-pressed=true]:before{background:var(--hb-on,var(--accent));box-shadow:var(--hb-glow,0 0 6px color-mix(in srgb, var(--accent) 60%, transparent))}.brk{position:relative}.brk:before{content:"";pointer-events:none;--l:calc(10 * var(--g));--w:1.5px;--c:var(--frame);background:linear-gradient(var(--c), var(--c)) left top / var(--l) var(--w), linear-gradient(var(--c), var(--c)) left top / var(--w) var(--l), linear-gradient(var(--c), var(--c)) right top / var(--l) var(--w), linear-gradient(var(--c), var(--c)) right top / var(--w) var(--l), linear-gradient(var(--c), var(--c)) left bottom / var(--l) var(--w), linear-gradient(var(--c), var(--c)) left bottom / var(--w) var(--l), linear-gradient(var(--c), var(--c)) right bottom / var(--l) var(--w), linear-gradient(var(--c), var(--c)) right bottom / var(--w) var(--l);background-repeat:no-repeat;position:absolute;inset:-1px}.lab{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--track);color:var(--pl-lab);line-height:1.2}.lab.caps{text-transform:uppercase}.lab.dim{color:var(--text-3)}.lab b{color:var(--pl-tx);letter-spacing:.02em;text-transform:none;font-weight:450}:lang(zh) .lab{letter-spacing:.08em}.field{width:100%;min-width:0;height:calc(30 * var(--g));padding:0 calc(8 * var(--g));border:1px solid var(--line);background:var(--disp-bg);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-s);font-variant-numeric:tabular-nums;text-align:center;border-radius:2px;transition:border-color .15s}.field:hover{border-color:var(--line-strong)}.field:focus-visible{border-color:var(--accent);outline:none}.fader{height:calc(86 * var(--g));position:relative}.fader>.fader-scale{position:absolute;top:0;left:0}.fader-scale .tk{stroke:var(--pl-lab);stroke-width:.75px;opacity:.4}.fader-scale .tk.mid{opacity:.6}.fader-scale .tk.big{stroke-width:1.1px;opacity:.85}.fader-scale .rule{stroke:var(--pl-lab);opacity:.55}.fader-scale text{fill:var(--pl-lab);font-family:var(--font-mono);font-size:var(--fs-2xs)}.fader-scale text.mid{font-size:calc(7.5 * var(--u));opacity:.75}.fader-scale text.hit{fill:var(--pl-tx)}.fader-slot{left:0;right:0;top:calc(61 * var(--g));height:calc(8 * var(--g));border-radius:calc(4 * var(--g));background:var(--pl-tray);box-shadow:inset 0 1px 2px var(--pl-tsh), 0 1px 0 var(--pl-tlip);position:absolute}.fader-fill{left:calc(3 * var(--g));top:calc(3.5 * var(--g));background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--lf-on,var(--c-h)) 70%, transparent));border-radius:1px;height:1px;position:absolute}.fader-cur{top:calc(18 * var(--g));width:calc(44 * var(--g));height:calc(62 * var(--g));margin-left:calc(-22 * var(--g));pointer-events:none;position:absolute}.fader-cur,.fader-fill{will-change:transform}.fader-cur .lip{height:calc(4 * var(--g));border-radius:calc(4 * var(--g)) calc(4 * var(--g)) 0 0;background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:inset 0 1px 0 var(--pl-hi), 0 0 0 .5px var(--pl-edge);position:absolute;top:0;left:0;right:0}.fader-cur .glass{left:0;right:0;top:calc(4 * var(--g));height:calc(24 * var(--g));background:linear-gradient(var(--pl-gtint), var(--pl-gtint)), var(--noise), var(--fader-bg,var(--pl-bg));box-shadow:inset 1px 0 0 var(--pl-ge1), inset -1px 0 0 var(--pl-ge2), inset 0 -1px 0 var(--pl-ge3), 0 0 0 .5px var(--pl-edge), 0 calc(10 * var(--g)) calc(14 * var(--g)) calc(-8 * var(--g)) var(--pl-drop2);position:absolute;overflow:hidden}.fader-cur .mag{top:calc(-22 * var(--g));position:absolute;transform:scale(1.5)}.fader-cur .mag text{display:none}.fader-cur .glass i{pointer-events:none;display:block;position:absolute}.fader-cur .hsh{background:var(--pl-hsh);filter:blur(.6px);width:1px;margin-left:1.2px;top:0;bottom:0;left:50%}.fader-cur .sheen{background:linear-gradient(104deg, var(--pl-sh1) 0%, var(--pl-sh2) 30%, transparent 55%, transparent 82%, var(--pl-sh2));inset:0}.fader-cur .vig{box-shadow:inset 4px 0 6px -3px var(--pl-gv), inset -4px 0 6px -3px var(--pl-gv);inset:0}.fader-cur .hair{background:var(--lf-on,var(--c-h));width:1px;margin-left:-.5px;top:0;bottom:0;left:50%}:root[data-theme=dark] .fader-cur .hair,:root:not([data-theme]) .fader-cur .hair{box-shadow:0 0 2px color-mix(in srgb, var(--lf-on,var(--c-h)) 55%, transparent)}.fader-cur .tab{left:calc(9 * var(--g));right:calc(9 * var(--g));top:calc(28 * var(--g));border-radius:2px 2px calc(7 * var(--g)) calc(7 * var(--g));background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 0 0 .5px var(--pl-edge), 0 1px 1.5px var(--pl-drop), 0 calc(12 * var(--g)) calc(14 * var(--g)) calc(-6 * var(--g)) var(--pl-drop2);position:absolute;bottom:0}.fader-cur .tab:after{content:"";left:calc(5 * var(--g));right:calc(5 * var(--g));top:calc(8 * var(--g));bottom:calc(8 * var(--g));background:repeating-linear-gradient(90deg, var(--pl-rib-hi) 0 1px, var(--pl-rib-lo) 1px 2px, transparent 2px 3.6px);border-radius:2px;position:absolute}.fader-input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.fader.snap .fader-cur,.fader.snap .mag{transition:left 80ms var(--ease-out)}.fader.snap .fader-fill{transition:width 80ms var(--ease-out)}.fader.jump .fader-cur,.fader.jump .mag{transition:left var(--jump,.3s) var(--ease-travel)}.fader.jump .fader-fill{transition:width var(--jump,.3s) var(--ease-travel)}.knob{width:var(--control-knob);height:var(--control-knob);touch-action:none;cursor:grab;outline:none;flex:none;position:relative}.knob.turning{cursor:grabbing}.knob>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.knob .tk{stroke:var(--pl-lab);stroke-width:.75px;opacity:.45}.knob .tk.big{stroke-width:1.1px;opacity:.85}.knob .det{fill:var(--pl-tx);opacity:.55}.knob text{fill:var(--pl-lab);font-family:var(--font-mono);font-size:var(--fs-2xs)}.knob text.hit{fill:var(--pl-tx)}.knob .skirt,.knob .idx{border-radius:50%;width:54.2%;height:54.2%;position:absolute;top:22.9%;left:22.9%}.knob .skirt{background:var(--noise), radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--pl-c1) 94%, var(--mix-light)), var(--pl-c2) 75%);box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop), 0 calc(14 * var(--g)) calc(18 * var(--g)) calc(-8 * var(--g)) var(--pl-drop2)}.knob .skirt:before{content:"";background:repeating-conic-gradient(var(--pl-knurl-lo) 0 1deg, var(--pl-knurl-hi) 1deg 1.9deg, transparent 1.9deg 3deg);-webkit-mask:radial-gradient(circle closest-side, transparent 91%, var(--mask-ink) 93%);mask:radial-gradient(circle closest-side, transparent 91%, var(--mask-ink) 93%);border-radius:50%;position:absolute;inset:0}.knob .kface{pointer-events:none;background:repeating-radial-gradient(circle at 50% 50%, var(--pl-spun) 0 .8px, transparent .8px 1.7px), conic-gradient(from 90deg, var(--pl-an), transparent 22%, var(--pl-an) 50%, transparent 78%, var(--pl-an)), conic-gradient(from 90deg, var(--pl-an), transparent 18%, var(--pl-an) 50%, transparent 82%, var(--pl-an)), radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--pl-c1) 94%, var(--mix-light)), var(--pl-c2) 84%);width:48.8%;height:48.8%;box-shadow:inset 0 calc(1.2 * var(--g)) 0 var(--pl-hi), inset 0 calc(-1.4 * var(--g)) calc(1.2 * var(--g)) var(--pl-lo);border-radius:50%;position:absolute;top:25.6%;left:25.6%}.knob .idx:before{content:"";width:calc(3.8 * var(--g));height:24%;margin-left:calc(-1.9 * var(--g));border-radius:calc(1.9 * var(--g));background:linear-gradient(to right, color-mix(in srgb, var(--kn-on,var(--c-a)) 72%, var(--pl-lo)), var(--kn-on,var(--c-a)) 42%, color-mix(in srgb, var(--kn-on,var(--c-a)) 78%, var(--mix-light)) 58%, color-mix(in srgb, var(--kn-on,var(--c-a)) 72%, var(--pl-lo)));box-shadow:0 0 0 .5px var(--pl-edge), 0 0 calc(2 * var(--g)) var(--pl-drop);position:absolute;top:4.8%;left:50%}.knob.jump .idx{transition:transform .16s var(--ease-out)}.knob.snap .idx{transition:transform 80ms var(--ease-out)}.knob.kick .idx{animation:knob-kick .22s var(--ease-out)}@keyframes knob-kick{0%{rotate:0deg}30%{rotate:calc(var(--kick,1) * 2.5deg)}to{rotate:0deg}}.knob.dial{width:var(--control-direction);height:var(--control-direction)}.dial .mk.max{fill:var(--mk-c,var(--c-a))}.dial .mk.min{fill:none;stroke:var(--mk-c,var(--c-a));stroke-width:1.2px}.dial .mk.zero{stroke:var(--mk-c,var(--pl-tx));stroke-width:1.4px;opacity:.7}.dial .bezel{background:var(--noise), radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--pl-c1) 94%, var(--mix-light)), var(--pl-c2) 75%);width:71%;height:71%;box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop), 0 calc(14 * var(--g)) calc(18 * var(--g)) calc(-8 * var(--g)) var(--pl-drop2);border-radius:50%;position:absolute;top:14.5%;left:14.5%}.dial .bz-turn{will-change:transform;border-radius:50%;position:absolute;inset:0}.dial .bz-turn:before{content:"";opacity:.9;background:repeating-conic-gradient(var(--pl-knurl-lo) 0 1.4deg, var(--pl-knurl-hi) 1.4deg 2deg, transparent 2deg 4deg);-webkit-mask:radial-gradient(circle closest-side, transparent 86%, var(--mask-ink) 87.5%);mask:radial-gradient(circle closest-side, transparent 86%, var(--mask-ink) 87.5%);border-radius:50%;position:absolute;inset:0}.dial .bz-turn:after{content:"";width:calc(4 * var(--g));height:6%;margin-left:calc(-2 * var(--g));background:var(--dl-on,var(--c-h));box-shadow:0 0 0 .5px var(--pl-lo);border-radius:1px;position:absolute;top:1%;left:50%}.dial .bezel:after{content:"";pointer-events:none;background:linear-gradient(180deg, var(--pl-hi), transparent 42%, transparent 58%, var(--pl-lo));-webkit-mask:radial-gradient(circle closest-side, transparent 86%, var(--mask-ink) 87.5%);mask:radial-gradient(circle closest-side, transparent 86%, var(--mask-ink) 87.5%);border-radius:50%;position:absolute;inset:0}.dial .dface{background:var(--disp-bg);width:61%;height:61%;box-shadow:inset 0 2px 5px var(--pl-dish-t), inset 0 0 0 1px var(--disp-line), 0 0 0 .5px var(--pl-edge), 0 0 0 calc(2 * var(--g)) color-mix(in srgb, var(--pl-c2) 80%, transparent);border-radius:50%;position:absolute;top:19.5%;left:19.5%}.dial .dface svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dial .w-ring{fill:none;stroke:var(--disp-line)}.dial .w-x{stroke:var(--disp-line);stroke-width:.6px}.dial .w-trace{fill:none;stroke:var(--c-dy);stroke-width:1.1px;opacity:.6;stroke-linecap:round}.dial .w-drop{stroke:var(--pl-lab);stroke-width:.8px;stroke-dasharray:2 1.6}.dial .w-right{fill:none;stroke:var(--pl-lab);stroke-width:.8px}.dial .w-grad line{stroke:var(--c-a);stroke-width:2.2px;stroke-linecap:round}.dial .w-grad path{fill:var(--c-a)}.dial .w-u line{stroke:var(--dl-on,var(--c-h));stroke-width:1.6px;stroke-linecap:round}.dial .w-u path{fill:var(--dl-on,var(--c-h))}.dial .w-proj{stroke:var(--c-dy);stroke-width:3.4px;stroke-linecap:round}.dial .w-foot{fill:var(--c-dy)}.dial .w-hub{fill:var(--pl-tx)}.pbtn{width:var(--control-primary);--travel:calc(3 * var(--g));align-content:start;justify-items:center;row-gap:calc(5 * var(--g));flex:none;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.pbtn .pb-body{width:100%;height:var(--control-primary);position:relative}.pbtn .bez{background:repeating-radial-gradient(circle at 50% 50%, var(--pl-spun) 0 .7px, transparent .7px 1.4px), conic-gradient(from 90deg, var(--pl-an), transparent 25%, var(--pl-an) 50%, transparent 75%, var(--pl-an)), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 1.5px var(--pl-drop), 0 calc(6 * var(--g)) calc(10 * var(--g)) calc(-6 * var(--g)) var(--pl-drop2);border-radius:50%;position:absolute;inset:6%}.pbtn .gap{background:var(--pl-tray);box-shadow:inset 0 2px 4px var(--pl-tsh), 0 0 0 0 transparent;transition:box-shadow var(--dur-travel) ease;border-radius:50%;position:absolute;inset:13%}.pbtn.run .gap{box-shadow:inset 0 2px 4px var(--pl-tsh), inset 0 0 0 1.5px var(--c-h), 0 0 9px color-mix(in srgb, var(--c-h) 40%, transparent)}:root[data-theme=light] .pbtn.run .gap{background:radial-gradient(circle closest-side, var(--c-h) 82%, color-mix(in srgb, var(--c-h) 55%, var(--pl-tray)) 91%, color-mix(in srgb, var(--c-h) 14%, var(--pl-tray)) 100%);box-shadow:inset 0 1px 3px var(--pl-tsh), 0 0 0 1px color-mix(in srgb, var(--c-h) 30%, transparent), 0 0 10px color-mix(in srgb, var(--c-h) 22%, transparent)}.pbtn .pcap{inset:calc(17% - var(--travel) / 2) 17% calc(17% + var(--travel) / 2);cursor:pointer;background:radial-gradient(120% 90% at 50% 18%, var(--cap-hi), transparent 55%), radial-gradient(circle at 50% 40%, var(--cap-1), var(--cap-2) 92%);box-shadow:0 0 0 .5px var(--cap-edge), inset 0 -1.5px 2px var(--cap-lo), 0 var(--travel) 0 var(--cap-side), 0 var(--travel) 0 .5px var(--cap-edge), 0 calc(var(--travel) + 2px) 4px var(--pl-drop);transition:transform .22s var(--ease-spring), box-shadow .22s var(--ease-spring), filter var(--dur-state);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.pbtn .pb-word{font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;font-weight:600;font-size:min(var(--fs-s), max(calc(10 * var(--u)), calc(12.5 * var(--g))));color:var(--cap-ink);text-shadow:0 -1px 0 var(--cap-lo)}.pbtn.pb-below .pb-word{clip-path:inset(50%);width:1px;position:absolute;overflow:hidden}.pbtn .pb-mark{font-family:var(--font-mono);letter-spacing:0;white-space:nowrap;font-style:normal;font-weight:600;font-size:min(calc(17 * var(--u)), max(calc(10 * var(--u)), calc(17 * var(--g))));color:var(--cap-ink);text-shadow:0 -1px 0 var(--cap-lo)}.pbtn .pb-mark.long{font-size:min(calc(14 * var(--u)), max(calc(10 * var(--u)), calc(14 * var(--g))))}.pbtn .pb-prime{margin-inline-start:-.2em;font-style:normal}.pbtn .pb-play{width:calc(24 * var(--g));height:calc(24 * var(--g));fill:var(--cap-ink);filter:drop-shadow(0 -1px 0 var(--cap-lo))}.pbtn .pb-name{text-align:center;text-wrap:balance;hyphens:manual;overflow-wrap:normal;width:100%;line-height:1.25;font-size:min(var(--fs-2xs), max(calc(10 * var(--u)), calc(11 * var(--g))))}.pbtn .pb-name.tight{letter-spacing:.03em}.pbtn .pb-name.hyph{hyphens:auto;overflow-wrap:anywhere}html[dir=rtl] .pbtn .pb-name.tight{letter-spacing:normal}.pbtn.run .pcap{transform:translateY(calc(var(--travel) / 2));box-shadow:0 0 0 .5px var(--cap-edge), inset 0 -1px 1.5px var(--cap-lo), 0 calc(var(--travel) / 2) 0 var(--cap-side), 0 calc(var(--travel) / 2) 0 .5px var(--cap-edge), 0 calc(var(--travel) / 2 + 1px) 1.5px var(--pl-drop)}.pbtn .pcap.down{transform:translateY(var(--travel));box-shadow:0 0 0 .5px var(--cap-edge), inset 0 -1px 1.5px var(--cap-lo), 0 0 0 var(--cap-side), 0 0 0 .5px var(--cap-edge), 0 1px 1px var(--pl-drop);transition:transform 80ms var(--ease-press), box-shadow 80ms var(--ease-press), filter var(--dur-state)}.pbtn.run .pcap{filter:brightness(1.08)saturate(1.05)}.pbtn .led{width:calc(5 * var(--g));height:calc(5 * var(--g));margin-left:calc(-2.5 * var(--g));background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in);border-radius:50%;transition:background .45s,box-shadow .45s;position:absolute;top:0;left:50%}.pbtn.run .led{background:var(--c-h);box-shadow:0 0 5px color-mix(in srgb, var(--c-h) 55%, transparent);transition-duration:40ms}.pbtn.cue:not(.run) .led{animation:1.2s step-end pbtn-cue}@keyframes pbtn-cue{0%,30%,60%{background:var(--c-h);box-shadow:0 0 6px color-mix(in srgb, var(--c-h) 65%, transparent)}15%,45%,to{background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in)}}.pbtn.cue-still:not(.run) .led{background:var(--c-h)}.pbtn:has(.pcap:disabled) .pcap{filter:saturate(.3)brightness(.62)}:root[data-theme=light] .pbtn:has(.pcap:disabled) .pcap{filter:saturate(.5)contrast(.72)brightness(1.1)}.pbtn:has(.pcap:disabled) :is(.pb-word,.pb-mark){opacity:.6}.pbtn:has(.pcap:disabled) .pb-name{opacity:var(--off-ink)}.pbtn:has(.pcap:disabled) .led{background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in);animation:none}.zring{width:var(--control-zoom);height:var(--control-zoom);--turn:-135deg;--zr-travel:calc(2 * var(--g));flex:none;position:relative}.zr-scale{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.zr-scale .tk{stroke:var(--pl-lab);stroke-width:.75px;opacity:.5}.zr-scale .tk.big{stroke-width:1.1px;opacity:.9}.zr-scale text{fill:var(--pl-lab);font-family:var(--font-mono);font-size:var(--fs-2xs)}.zr-scale tspan{font-size:var(--fs-2xs)}.zr-ring{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:50%;outline:none;width:62.86%;height:62.86%;position:absolute;top:18.57%;left:18.57%}.zring.turning .zr-ring{cursor:grabbing}.zr-ring>i{pointer-events:none;border-radius:50%;display:block;position:absolute}.zr-body{background:var(--noise), radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--pl-c1) 94%, var(--mix-light)), var(--pl-c2) 75%);box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop), 0 calc(12 * var(--g)) calc(16 * var(--g)) calc(-8 * var(--g)) var(--pl-drop2);inset:0}.zr-turn{transform:rotate(var(--turn));transition:transform .12s var(--ease-out);will-change:transform;inset:0}.zring.turning .zr-turn,.zring.run .zr-turn{transition:none}.zring.sweep .zr-turn{transition:transform .6s var(--ease-out)}.zring.kick .zr-turn{animation:knob-kick .24s var(--ease-out)}.zr-turn:before{content:"";background:repeating-conic-gradient(var(--pl-knurl-lo) 0 2.2deg, var(--pl-knurl-hi) 2.2deg 3deg, transparent 3deg 6deg);-webkit-mask:radial-gradient(circle closest-side, transparent 67%, var(--mask-ink) 68.5%, var(--mask-ink) 97%, transparent 98.5%);mask:radial-gradient(circle closest-side, transparent 67%, var(--mask-ink) 68.5%, var(--mask-ink) 97%, transparent 98.5%);border-radius:50%;position:absolute;inset:0}.zr-mark{width:calc(2 * var(--g));height:10%;margin-left:calc(-1 * var(--g));background:color-mix(in srgb, var(--pl-tx) 70%, transparent);border-radius:1px;position:absolute;top:3%;left:50%}.zr-lit{background:linear-gradient(180deg, var(--zr-lit-top), transparent 42%, transparent 58%, var(--zr-lit-bot));-webkit-mask:radial-gradient(circle closest-side, transparent 67%, var(--mask-ink) 68.5%);mask:radial-gradient(circle closest-side, transparent 67%, var(--mask-ink) 68.5%);inset:0}.zr-well{background:var(--pl-tray);box-shadow:inset 0 2px 4px var(--pl-tsh);inset:19%}.zr-key{inset:calc(33.66% - var(--zr-travel) / 2) 33.66% calc(33.66% + var(--zr-travel) / 2);cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(120% 90% at 50% 18%, var(--pl-hi), transparent 55%), radial-gradient(circle at 50% 40%, var(--pl-c1), var(--pl-c2) 92%);box-shadow:0 0 0 .5px var(--pl-edge), inset 0 -1.5px 2px var(--pl-lo), 0 var(--zr-travel) 0 var(--zr-side), 0 var(--zr-travel) 0 .5px var(--pl-edge), 0 calc(var(--zr-travel) + 2px) 4px var(--pl-drop);transition:transform .2s var(--ease-spring), box-shadow .2s var(--ease-spring);border:0;border-radius:50%;outline:none;padding:0;position:absolute}.zr-key:after{content:"";border:1.5px solid var(--pl-tray);box-shadow:inset 0 1px 1px var(--pl-tsh), 0 1px 0 var(--pl-hi);border-radius:50%;transition:border-color .3s,box-shadow .3s;position:absolute;inset:21%}.zring.run .zr-key{transform:translateY(calc(var(--zr-travel) / 2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 -1px 1.5px var(--pl-lo), 0 calc(var(--zr-travel) / 2) 0 var(--zr-side), 0 calc(var(--zr-travel) / 2) 0 .5px var(--pl-edge), 0 calc(var(--zr-travel) / 2 + 1px) 2px var(--pl-drop)}.zring.run .zr-key:after{border-color:var(--accent);box-shadow:0 0 5px color-mix(in srgb, var(--accent) 60%, transparent), inset 0 0 4px color-mix(in srgb, var(--accent) 45%, transparent);transition-duration:40ms}.zr-key.down{transform:translateY(var(--zr-travel));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 -1px 1.5px var(--pl-lo), 0 0 0 var(--zr-side), 0 1px 1px var(--pl-drop);transition-duration:70ms}.zring:not(.run) .zr-key:not(.down):where(:not(:disabled)):hover{transform:translateY(.5px)}.zring:not(.run) .zr-key:where(:not(:disabled)):hover:after{border-color:var(--zr-breath);transition-duration:.15s}.zr-key:disabled:after{opacity:.3;animation:none!important}.zring.breathe:not(.run) .zr-key:after{animation:4.8s ease-in-out infinite zr-breathe}.zring.breathe:not(.run) .zr-key:hover:after{animation:none}@keyframes zr-breathe{0%,to{border-color:var(--pl-tray);box-shadow:inset 0 1px 1px var(--pl-tsh), 0 1px 0 var(--pl-hi)}50%{border-color:var(--zr-breath);box-shadow:inset 0 1px 1px var(--pl-tsh), 0 1px 0 var(--pl-hi), 0 0 4px var(--zr-breath-glow)}}.zr-ring:focus:not([data-pointer]) .zr-body,.zr-key:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.zr-turn,.zr-key{transition:none!important}.zring.kick .zr-turn,.zring.breathe .zr-key:after{animation:none}}.plk{justify-items:center;gap:calc(4 * var(--g));--plk-on:var(--accent);--plk-tilt:7deg;--plk-wall:calc(8 * var(--g));--plk-sun:1;--plk-dim:0;--plk-cast:1;--plk-glow:0;flex:none;display:inline-grid}.plk-body{width:calc(50 * var(--g));height:calc(80 * var(--g));perspective:calc(190 * var(--g));perspective-origin:50% 165%;position:relative}.plk-body:before{content:"";left:0;right:0;top:calc(6 * var(--g));border-radius:calc(6 * var(--g));pointer-events:none;box-shadow:0 0 calc(6 * var(--g)) color-mix(in srgb, var(--plk-on) var(--plk-spill), transparent);opacity:var(--plk-glow);transition:opacity .45s var(--ease-out);position:absolute;bottom:0}.plk-slot{left:0;right:0;top:calc(6 * var(--g));border-radius:calc(6 * var(--g));background:color-mix(in srgb, var(--pl-tray) 70%, var(--pl-tsh));box-shadow:0 0 0 .5px var(--pl-edge), 0 1px 0 var(--pl-tlip);position:absolute;bottom:0;overflow:hidden}.plk-slot:after{content:"";border-radius:inherit;box-shadow:inset 0 2px 4px var(--pl-tsh), inset 0 0 0 1px var(--pl-lo);pointer-events:none;position:absolute;inset:0}.plk-leak{left:calc(5 * var(--g));right:calc(5 * var(--g));top:0;bottom:calc(7 * var(--g));border-radius:calc(4 * var(--g));box-shadow:0 0 calc(4 * var(--g)) calc(.5 * var(--g)) color-mix(in srgb, var(--plk-on) var(--plk-core), transparent), 0 0 calc(10 * var(--g)) calc(3 * var(--g)) color-mix(in srgb, var(--plk-on) var(--plk-halo), transparent);opacity:var(--plk-glow);transition:opacity .45s var(--ease-out);position:absolute}.plk.run .plk-leak,.plk.run .plk-body:before{transition-duration:40ms}.plk-contact{left:calc(6 * var(--g));right:calc(6 * var(--g));bottom:calc(4 * var(--g));height:calc(3 * var(--g));background:linear-gradient(180deg, var(--plk-contact), color-mix(in srgb, var(--plk-contact) 30%, transparent) 35%, transparent);-webkit-mask:linear-gradient(90deg, transparent, var(--mask-ink) 10%, var(--mask-ink) 90%, transparent);mask:linear-gradient(90deg, transparent, var(--mask-ink) 10%, var(--mask-ink) 90%, transparent);opacity:var(--plk-cast);transform:scaleY(var(--plk-cast));transform-origin:50% 0;transition:opacity .18s var(--ease-spring), transform .18s var(--ease-spring);position:absolute}.plk-key{left:calc(5 * var(--g));right:calc(5 * var(--g));top:calc(5 * var(--g));bottom:calc(7 * var(--g));padding:0 0 calc(9 * var(--g));border-radius:calc(2 * var(--g)) calc(2 * var(--g)) calc(4 * var(--g)) calc(4 * var(--g));cursor:pointer;-webkit-tap-highlight-color:transparent;transform-origin:50% 0;transform:rotateX(var(--plk-tilt));transform-style:preserve-3d;background:var(--noise), linear-gradient(180deg, var(--pl-c2), var(--pl-c1) 26%, var(--pl-c1));box-shadow:0 0 0 .5px var(--pl-edge), inset 1.5px 0 0 var(--pl-hi), inset -1.5px 0 0 var(--pl-lo), inset 0 -1px 0 var(--pl-hi);transition:transform .18s var(--ease-spring);border:0;outline:none;justify-content:center;align-items:flex-end;margin:0;display:flex;position:absolute}.plk-key>i{pointer-events:none;position:absolute}.plk-lit{border-radius:inherit;background:linear-gradient(180deg, transparent 20%, var(--plk-sheen));opacity:var(--plk-sun);transition:opacity .18s var(--ease-spring);inset:0;transform:translateZ(.2px)}.plk-shade{border-radius:inherit;background:var(--pl-tsh);opacity:var(--plk-dim);transition:opacity .18s var(--ease-spring);inset:0;transform:translateZ(.3px)}.plk-key>.plk-glyph{width:calc(9 * var(--g));height:calc(11 * var(--g));margin-left:calc(2 * var(--g));background:var(--pl-eng);clip-path:polygon(0 0,100% 50%,0 100%);position:relative;transform:translateZ(.4px)}.plk-front{height:var(--plk-wall);border-radius:0 0 calc(2 * var(--g)) calc(2 * var(--g));transform-origin:50% 0;background:linear-gradient(180deg, color-mix(in srgb, var(--zr-side) 80%, var(--pl-hi)), var(--zr-side));box-shadow:0 0 0 .5px var(--pl-edge);transition:height .18s var(--ease-spring);top:100%;left:0;right:0;transform:rotateX(-90deg)}.plk-lip{z-index:2;left:calc(-2 * var(--g));right:calc(-2 * var(--g));height:calc(15 * var(--g));border-radius:calc(4 * var(--g)) calc(4 * var(--g)) calc(2 * var(--g)) calc(2 * var(--g));background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 1.5px var(--pl-drop), 0 calc(3 * var(--g)) calc(4 * var(--g)) calc(-1 * var(--g)) var(--pl-tsh);pointer-events:none;place-items:center;display:grid;position:absolute;top:0}.plk-lamp{width:calc(5 * var(--g));height:calc(5 * var(--g));background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in);transition:background-color .45s var(--ease-out), box-shadow .45s var(--ease-out);border-radius:50%}.plk.run .plk-lamp{background:var(--plk-on);box-shadow:0 0 5px color-mix(in srgb, var(--plk-on) 60%, transparent);transition-duration:40ms}.plk:not(.run):has(.plk-key:not(.down):not(:disabled):hover){--plk-tilt:6.6deg}.plk:not(.run):has(.plk-key:not(:disabled):hover) .plk-lamp{background:color-mix(in srgb, var(--plk-on) 32%, var(--pl-led))}.plk.run{--plk-tilt:1.5deg;--plk-wall:calc(1.5 * var(--g));--plk-sun:.15;--plk-dim:.2;--plk-cast:.15;--plk-glow:1}.plk:has(.plk-key.down){--plk-tilt:0deg;--plk-wall:calc(.5 * var(--g));--plk-sun:0;--plk-dim:.3;--plk-cast:0}.plk:has(.plk-key.down) :is(.plk-key,.plk-lit,.plk-shade,.plk-front,.plk-contact){transition-duration:70ms;transition-timing-function:var(--ease-press)}.plk-key:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}.plk:has(.plk-key:disabled) :is(.plk-name,.plk-glyph){opacity:var(--off-ink)}.plk.run:has(.plk-key:disabled){--plk-glow:.45}.plk.run:has(.plk-key:disabled) .plk-lamp{background:color-mix(in srgb, var(--plk-on) 52%, var(--pl-led));box-shadow:none}@media (prefers-reduced-motion:reduce){.plk-key,.plk-key>i,.plk-contact,.plk-leak,.plk-lamp,.plk-body:before{transition:none!important}}.screen{padding:calc(14 * var(--g)) calc(16 * var(--g));background:var(--disp-bg);border:1px solid var(--disp-line);color:var(--text);border-radius:2px;position:relative}.hbtn.small{min-height:calc(28 * var(--g));padding:0 calc(9 * var(--g));gap:calc(7 * var(--g));font-size:var(--fs-xs);justify-content:flex-start}.hbtn.num{font-family:var(--font-mono)}.hbtn[aria-expanded=true]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.step-lab{white-space:nowrap;font-family:var(--font-ui);font-size:var(--fs-m);letter-spacing:.01em;color:var(--engrave-name);text-shadow:var(--engrave-sh);align-items:baseline;gap:.42em;font-weight:600;display:inline-flex}.step-lab i{font-variant-numeric:tabular-nums;color:var(--engrave);font-style:normal}.step-lab i:after{content:"."}.sec-head{align-items:center;gap:calc(10 * var(--g));min-height:calc(28 * var(--g));display:flex}.sec-head>.step-lab{margin-right:auto}.strip-head .sp{display:none}.sec-val{font-size:var(--fs-l);color:var(--text);white-space:nowrap}.sec-read{white-space:nowrap;align-items:baseline;gap:.35em;display:inline-flex}.sec-sym{font-size:var(--fs-l);color:var(--text-2);line-height:1}.sec-sym .katex{font-size:1em}.sec-read .field.val{text-align:left;min-inline-size:1ch;padding-left:0}.sec-val .katex{font-size:1.05em}.sec-head .field.val{text-align:right;font-size:var(--fs-l);padding-right:0}.sec-head .field.val:hover,.sec-head .field.val:focus-visible{padding-right:calc(6 * var(--g))}.field.val{width:auto;min-width:0;height:calc(28 * var(--g));padding:0 calc(6 * var(--g));font-size:var(--fs-l);color:var(--text);text-align:left;field-sizing:content;min-inline-size:calc(40 * var(--g));background:0 0;border-color:#0000;flex:none}.field.val:hover{border-color:var(--line);background:var(--disp-bg)}.field.val:focus-visible{border-color:var(--accent);background:var(--disp-bg)}.field.val.fixed,.sec-read .field.val.fixed{field-sizing:fixed;min-inline-size:0;inline-size:calc(var(--fv-ch) * 1ch + 12 * var(--g) + 2px)}.sec-head .sec-read .field.val.fixed{text-align:left}.field.select{width:auto;padding:0 calc(6 * var(--g))}.link{appearance:none;color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.link:disabled{color:var(--text-3);opacity:.75;text-decoration-style:dotted}.view-buttons{border:1px solid var(--line);background:color-mix(in srgb, var(--plot-bg) 86%, transparent);backdrop-filter:blur(8px);opacity:.75;transition:opacity .2s;display:flex;position:relative}.view-buttons:hover,.view-buttons:focus-within{opacity:1}.view-buttons button{appearance:none;min-width:28px;height:28px;color:var(--text-2);font-family:var(--font-mono);font-size:var(--fs-s);cursor:pointer;background:0 0;border:0;padding:0 6px}.view-buttons button.txt{font-family:var(--font-ui);font-size:var(--fs-xs);padding:0 10px}.view-buttons button[aria-pressed=true]{color:var(--accent)}.view-buttons button+button{border-left:1px solid var(--line)}.view-buttons button:hover:where(:not(:disabled)){background:var(--surface-hover);color:var(--text)}.view-buttons button:disabled{color:color-mix(in srgb, var(--text-2) 38%, transparent);cursor:default}.vb-tip{right:calc(100% + 8 * var(--g));padding:calc(5 * var(--g)) calc(10 * var(--g));border:1px solid var(--line-strong);background:var(--surface-strong);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);border-radius:2px;position:absolute;top:50%;transform:translate(4px,-50%)}.vb-tip.on{opacity:1;transform:translateY(-50%)}.hl-nav{align-items:center;gap:calc(2 * var(--g));padding:calc(2 * var(--g));border:1px solid var(--line-strong);background:color-mix(in srgb, var(--plot-bg) 90%, transparent);font-family:var(--font-mono);font-size:var(--fs-xs);display:flex}.hl-nav.idle{background:0 0;border-color:#0000}.hl-nav.idle .hl-step{display:none}.hl-nav .hl-count{padding:0 calc(6 * var(--g));color:var(--accent);letter-spacing:.06em;white-space:nowrap}.hl-nav .hl-name{min-width:0;padding:0 calc(8 * var(--g)) 0 calc(2 * var(--g));color:var(--text);font-family:var(--font-ui);font-size:var(--fs-m);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.hl-nav.idle .hl-name{color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--track);text-transform:uppercase}.hl-nav .hl-step{appearance:none;min-width:calc(28 * var(--g));height:calc(28 * var(--g));color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0}.hl-nav .hl-step:hover:where(:not(:disabled)){color:var(--text);background:var(--surface-hover)}.hl-nav .hl-step:disabled{color:color-mix(in srgb, var(--text-2) 38%, transparent);cursor:default}.hl-nav .hl-x{border-left:1px solid var(--line);margin-left:calc(2 * var(--g))}.hl-nav.stacked:not(.idle){flex-wrap:wrap}.hl-nav.stacked:not(.idle) .hl-count{margin-right:auto}.hl-nav.stacked:not(.idle) .hl-name{padding:calc(2 * var(--g)) calc(8 * var(--g)) calc(6 * var(--g));flex:1 0 100%;order:9}.hl-nav>*{transition:none}.hl{appearance:none;text-align:left;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:border-color .2s var(--ease), background .2s var(--ease);border-radius:2px;align-content:start;gap:6px;padding:16px 18px 18px;display:grid;position:relative}.hl:before,.hl:after{content:"";border-color:var(--accent);opacity:0;border-style:solid;width:10px;height:10px;transition:opacity .2s;position:absolute}.hl:before{border-width:1.5px 0 0 1.5px;top:-1px;left:-1px}.hl:after{border-width:0 1.5px 1.5px 0;bottom:-1px;right:-1px}.hl:hover:where(:not(:disabled)){border-color:var(--line-strong);background:var(--accent-grad), var(--surface)}.hl:hover:where(:not(:disabled)):before,.hl:hover:where(:not(:disabled)):after{opacity:1}.hl:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}.hl .hl-no{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.16em;color:var(--accent)}.hl .hl-title{font-weight:500;font-size:var(--fs-l)}.hl .hl-caption{color:var(--text-2);font-size:var(--fs-m);line-height:1.5}.hl:disabled{cursor:default;background:0 0}.hl:disabled .hl-no{color:var(--text-3)}.hl:disabled .hl-title{color:var(--text-2)}.hl:disabled .hl-caption{color:var(--text-3)}.hl .hl-why{gap:calc(8 * var(--g));border-top:1px solid var(--line);font-size:var(--fs-s);color:var(--text-2);align-items:baseline;margin-top:4px;padding-top:10px;line-height:1.45;display:flex}.handle{--hd-c:var(--c-a);background:0 0;border:0;border-radius:50%;width:44px;height:44px;padding:0;position:absolute;top:0;left:0}.handle.tone-h{--hd-c:var(--c-h)}.handle.tone-ink{--hd-c:var(--curve)}.handle:focus-visible{outline:1.5px solid var(--hd-c);outline-offset:-6px}.handle.grab{pointer-events:auto;cursor:grab;touch-action:none}.handle.grab:active{cursor:grabbing}.handle.grab:before{content:"";border:1.5px solid var(--hd-c);opacity:0;transition:opacity .15s, transform .18s var(--ease-out);pointer-events:none;border-radius:50%;position:absolute;inset:8px;transform:scale(.7)}.handle.grab:hover:before,.handle.grab:active:before{opacity:.75;transform:none}.handle.keys{pointer-events:none;width:32px;height:32px}.handle.keys:focus-visible{outline-offset:0}.handle.slide{pointer-events:auto;cursor:ew-resize;touch-action:none;border-radius:4px;width:28px;height:28px}.handle.slide:after{content:"";left:calc(14px - 5 * var(--g));top:calc(14px - 2 * var(--g));border:calc(5 * var(--g)) solid transparent;border-bottom:calc(8 * var(--g)) solid var(--hd-c);opacity:.85;position:absolute}.handle.slide.y{cursor:ns-resize}.handle.slide.y:after{left:calc(14px - 6 * var(--g));top:calc(14px - 5 * var(--g));border:calc(5 * var(--g)) solid transparent;border-left:calc(8 * var(--g)) solid var(--hd-c);border-right:0}.handle.turn{pointer-events:auto;cursor:grab;touch-action:none}.handle.turn:active{cursor:grabbing}.handle.turn:before{content:"";border:1.5px solid #0000;border-top-color:var(--hd-c);border-bottom-color:var(--hd-c);opacity:0;transition:opacity .15s, transform .22s var(--ease-out);pointer-events:none;border-radius:50%;position:absolute;inset:7px;transform:rotate(-40deg)scale(.8)}.handle.turn:hover:before,.handle.turn:active:before,.handle.turn:focus-visible:before{opacity:.75;transform:rotate(45deg)}.mode{align-items:center;gap:calc(12 * var(--g));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.mlab{appearance:none;padding:calc(4 * var(--g)) calc(2 * var(--g));font:inherit;gap:calc(4 * var(--g));text-align:left;color:var(--pl-lab);cursor:pointer;background:0 0;border:0;display:grid}.mlab:disabled>*{opacity:var(--off-ink)}.mlab[aria-pressed=true]:disabled .lamp{background:var(--off-lit);box-shadow:none}.mlab:hover:not([aria-pressed=true]):not(:disabled) .lamp{background:color-mix(in srgb, var(--accent) 30%, var(--pl-led))}.mlab b{align-items:center;gap:calc(9 * var(--g));font-family:var(--font-mono);font-size:var(--fs-s);letter-spacing:var(--track);text-transform:uppercase;font-weight:450;display:flex}.mlab-sub{font-size:var(--fs-s);padding-left:calc(15 * var(--g));line-height:1.35}.mlab:first-child{text-align:right}.mlab:first-child b{flex-direction:row-reverse}.mlab:first-child .mlab-sub{padding:0 calc(15 * var(--g)) 0 0}.mlab .lamp{width:calc(6 * var(--g));height:calc(6 * var(--g));background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in);transition:background .3s var(--ease-out), box-shadow .3s var(--ease-out);border-radius:50%}.mlab[aria-pressed=true] .lamp{background:var(--accent);box-shadow:0 0 7px color-mix(in srgb, var(--accent) 65%, transparent);transition-duration:40ms}:lang(zh) .mlab b{letter-spacing:.12em;font-size:var(--fs-m)}.mode-dial{--size:var(--control-mode);width:var(--size);height:var(--size);cursor:grab;touch-action:none;background:0 0;border:0;flex:none;padding:0;position:relative}.mode.turning .mode-dial{cursor:grabbing}.mode-dial:before,.mode-dial:after{content:"";left:50%;top:calc(-5 * var(--g));width:1.5px;height:calc(7 * var(--g));background:var(--pl-lab);opacity:.8;transform-origin:50% calc(5 * var(--g) + var(--size) / 2);margin-left:-.75px;position:absolute}.mode-dial:before{transform:rotate(-50deg)}.mode-dial:after{transform:rotate(50deg)}.mode-dial .ring{inset:calc(7 * var(--g));background:var(--noise), radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--pl-c1) 94%, var(--mix-light)), var(--pl-c2) 75%);box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop), 0 calc(12 * var(--g)) calc(16 * var(--g)) calc(-8 * var(--g)) var(--pl-drop2);border-radius:50%;position:absolute}.mode-dial .bar{left:50%;top:calc(4 * var(--g));bottom:calc(4 * var(--g));width:calc(18 * var(--g));margin-left:calc(-9 * var(--g));border-radius:calc(9 * var(--g));background:var(--noise), linear-gradient(90deg, var(--pl-c2), var(--pl-c1) 45%, var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), 0 2px 3px var(--pl-drop), 0 calc(8 * var(--g)) calc(10 * var(--g)) calc(-6 * var(--g)) var(--pl-drop2);transition:transform .3s cubic-bezier(.35,1.4,.6,1);position:absolute;transform:rotate(-50deg)}.mode.turning .mode-dial .bar{transition:transform 60ms var(--ease-out)}.mode.turning.flip .mode-dial .bar{transition:transform .3s cubic-bezier(.35,1.4,.6,1)}.mode-dial .bar:after{content:"";left:50%;top:calc(5 * var(--g));width:2px;height:calc(14 * var(--g));background:var(--accent);box-shadow:0 0 4px color-mix(in srgb, var(--accent) 50%, transparent);border-radius:1px;margin-left:-1px;position:absolute}.mode[data-pos="1"] .mode-dial .bar{transform:rotate(50deg)}.mode.multi{--size:var(--control-mode);--R:calc(var(--size) / 2 + 15 * var(--g));height:calc(var(--size) + 38 * var(--g));display:block;position:relative}.mode.multi .mode-dial{margin-left:calc(var(--size) / -2);--size:var(--control-mode);position:absolute;bottom:0;left:50%}.mode.multi .mode-dial:before,.mode.multi .mode-dial:after{display:none}.mode.multi .mode-dial .bar,.mode.multi[data-pos] .mode-dial .bar{transform:rotate(var(--sel,0deg))}.md-tick{left:50%;top:calc(-5 * var(--g));width:1.5px;height:calc(7 * var(--g));background:var(--pl-lab);opacity:.8;transform-origin:50% calc(5 * var(--g) + var(--size) / 2);transform:rotate(var(--a));margin-left:-.75px;position:absolute}.mode.multi .mlab{left:50%;bottom:calc(var(--size) / 2);padding:calc(3 * var(--g)) calc(2 * var(--g));white-space:nowrap;transform:translate(calc(sin(var(--a)) * var(--R)), calc(-1 * cos(var(--a)) * var(--R)));position:absolute}.mode.multi .mlab.at-m{translate:-50%}.mode.multi .mlab.at-l{translate:-100% 50%}.mode.multi .mlab.at-r{translate:0 50%}.mode.multi .mlab.at-l b{flex-direction:row-reverse}.mode.multi .mlab.at-r b{flex-direction:row}.kbars{gap:calc(14 * var(--g));min-width:0;display:grid}.kb-group{gap:calc(6 * var(--g));display:grid}.kb-name{white-space:nowrap;padding-left:calc(2 * var(--g))}.keybar{border-radius:calc(10 * var(--g));background:var(--pl-tray);box-shadow:0 0 0 .5px var(--pl-edge), 0 1px 2px var(--pl-drop), 0 calc(10 * var(--g)) calc(14 * var(--g)) calc(-8 * var(--g)) var(--pl-drop2);flex-wrap:wrap;gap:1px;display:flex;overflow:hidden}.kb-seg{flex:1 1 calc((100% - (var(--kb-cols,4) - 1) * 1px) / var(--kb-cols,4));appearance:none;align-content:center;justify-items:center;gap:calc(4 * var(--g));min-width:0;padding:calc(10 * var(--g)) calc(3 * var(--g)) calc(9 * var(--g));color:var(--pl-lab);font-family:var(--font-ui);font-size:var(--fs-s);cursor:pointer;background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));--t:0px;box-shadow:inset 0 calc(var(--t) * .8) calc(var(--t) * 1.4) var(--pl-lo), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo);transition:color .2s, box-shadow .18s var(--ease-spring), background .18s;border:0;margin:0;display:grid}.kb-seg>*{transform:translateY(calc(var(--t) * .4));transition:transform .18s var(--ease-spring)}.kb-seg>svg{width:calc(52 * var(--g));max-width:100%;height:calc(22 * var(--g))}.kb-seg:hover:where(:not(:disabled)){--t:.75px}.kb-seg[aria-pressed=true]{--t:2px;background:var(--noise), linear-gradient(180deg, var(--pl-c2), var(--pl-c1))}.kb-seg.down{--t:2.5px;background:var(--noise), linear-gradient(180deg, var(--pl-c2), var(--pl-c1));transition:color .2s, box-shadow 70ms var(--ease-press), background 70ms}.kb-seg.down>*{transition:transform 70ms var(--ease-press)}.keybar{position:relative}.kb-ind{bottom:var(--kb-bottom,0px);height:calc(2 * var(--g));left:var(--kb-left,0px);width:var(--kb-width,0px);background:var(--accent);box-shadow:0 0 6px color-mix(in srgb, var(--accent) 55%, transparent);opacity:0;pointer-events:none;transition:left .24s cubic-bezier(.2,.7,.2,1),opacity .16s;position:absolute}.kb-ind.on{opacity:1}.kb-seg[aria-pressed=true]>svg{color:var(--accent)}:root:not([data-theme=light]) .kb-seg[aria-pressed=true]>svg{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--accent) 60%, transparent))}.kb-seg:disabled>*{opacity:var(--off-ink)}.keybar:has(.kb-seg[aria-pressed=true]:disabled) .kb-ind{background:var(--off-lit);box-shadow:none}:root .kb-seg[aria-pressed=true]:disabled>svg{filter:none}.kb-label{white-space:nowrap;align-items:center;max-width:100%;min-height:1.3em;line-height:1.3;display:flex}.kb-label .katex{font-size:1.12em}.kb-label.text{white-space:normal;text-align:center;line-height:1.25}.kb-label.text:is(:lang(es),:lang(fr),:lang(pt)){hyphens:auto}.toggle{align-items:center;gap:calc(10 * var(--g));display:flex}.tg-lab{appearance:none;padding:calc(2 * var(--g));font:inherit;gap:calc(3 * var(--g));cursor:pointer;color:var(--pl-lab);text-align:left;background:0 0;border:0;display:grid}.tg-lab:hover:not(:disabled):not([aria-pressed=true]) .lamp{background:color-mix(in srgb, var(--accent) 30%, var(--pl-led))}.tg-lab:disabled>*{opacity:var(--off-ink)}.tg-lab[aria-pressed=true]:disabled .lamp{background:var(--off-lit);box-shadow:none}.tg-lab b{align-items:center;gap:calc(8 * var(--g));font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--track);text-transform:uppercase;white-space:nowrap;font-weight:450;display:flex}.tg-lab>span{font-size:var(--fs-s);padding-left:calc(14 * var(--g));white-space:nowrap}.tg-lab b.math{text-transform:none;letter-spacing:.02em}.tg-lab b.math .katex{font-size:1.3em}.tg-lab:first-child{text-align:right}.tg-lab:first-child b{flex-direction:row-reverse}.tg-lab:first-child>span{padding:0 calc(14 * var(--g)) 0 0}:lang(zh) .tg-lab b{letter-spacing:.08em}.tg-lab .lamp{width:calc(6 * var(--g));height:calc(6 * var(--g));background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in);transition:background .3s var(--ease-out), box-shadow .3s var(--ease-out);border-radius:50%}.tg-lab[aria-pressed=true] .lamp{background:var(--accent);box-shadow:0 0 6px color-mix(in srgb, var(--accent) 60%, transparent);transition-duration:40ms}.tg-sw{width:calc(52 * var(--g));height:calc(56 * var(--g));cursor:grab;touch-action:none;background:0 0;border:0;flex:none;padding:0;position:relative}.toggle.throwing .tg-sw{cursor:grabbing}.tg-sw .nut{width:calc(30 * var(--g));height:calc(30 * var(--g));margin:calc(-15 * var(--g)) 0 0 calc(-15 * var(--g));background:repeating-radial-gradient(circle, var(--pl-spun) 0 .7px, transparent .7px 1.4px), conic-gradient(from 90deg, var(--pl-an), transparent 25%, var(--pl-an) 50%, transparent 75%, var(--pl-an)), radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--pl-c1) 92%, var(--mix-light)), var(--pl-c2) 82%);box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), 0 2px 3px var(--pl-drop), 0 0 0 calc(4 * var(--g)) var(--pl-mod), 0 0 0 calc(5 * var(--g)) var(--pl-mod-edge);border-radius:50%;position:absolute;top:58%;left:50%}.tg-sw .nut:after{content:"";background:var(--pl-tray);box-shadow:inset 0 1px 2px var(--pl-tsh);border-radius:50%;position:absolute;inset:30%}.tg-sw .lever{width:calc(9 * var(--g));height:calc(30 * var(--g));margin:calc(-30 * var(--g)) 0 0 calc(-4.5 * var(--g));transform-origin:50% 100%;border-radius:calc(5 * var(--g)) calc(5 * var(--g)) 3px 3px;background:linear-gradient(90deg, var(--pl-c2), color-mix(in srgb, var(--pl-c1) 85%, var(--mix-light)) 45%, var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), 3px 4px 5px -2px var(--pl-drop2);transition:transform .2s cubic-bezier(.35,1.5,.6,1);position:absolute;top:58%;left:50%;transform:rotate(55deg)}.toggle.throwing .tg-sw .lever{transition:transform 60ms var(--ease-out)}.toggle.throwing.flip .tg-sw .lever{transition:transform .2s cubic-bezier(.35,1.5,.6,1)}.tg-sw .lever:before{content:"";left:50%;top:calc(-5 * var(--g));width:calc(13 * var(--g));height:calc(13 * var(--g));margin-left:calc(-6.5 * var(--g));background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--pl-c1) 80%, var(--mix-light)), var(--pl-c2) 80%);box-shadow:0 0 0 .5px var(--pl-edge), 0 2px 3px var(--pl-drop);border-radius:50%;position:absolute}.toggle[data-pos="0"] .tg-sw .lever{transform:rotate(-55deg)}.toggle.three{align-items:center;column-gap:calc(10 * var(--g));row-gap:calc(2 * var(--g));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:".m.""l sw r";display:grid}.toggle.three>.tg-lab.mid{text-align:center;grid-area:m;justify-self:center}.toggle.three>.tg-lab.mid b{flex-direction:row;justify-content:center}.toggle.three>.tg-lab.mid>span{padding:0}.toggle.three>.tg-lab:nth-child(2){text-align:right;grid-area:l;justify-self:end}.toggle.three>.tg-lab:nth-child(2) b{flex-direction:row-reverse}.toggle.three>.tg-lab:nth-child(2)>span{padding:0 calc(14 * var(--g)) 0 0}.toggle.three>.tg-sw{grid-area:sw}.toggle.three>.tg-lab:last-child{grid-area:r;justify-self:start}.toggle[data-pos=m] .tg-sw .lever{transform:rotate(0)}.twheel{height:var(--control-thumbwheel);min-width:calc(80 * var(--g));border-radius:calc(4 * var(--g));touch-action:none;cursor:ew-resize;background:var(--pl-tray);box-shadow:inset 0 1px 3px var(--pl-tsh), 0 1px 0 var(--pl-tlip);outline:none;position:relative}.twheel .tw-drum{inset:calc(3 * var(--g)) calc(5 * var(--g));border-radius:calc(3 * var(--g));background:var(--noise), linear-gradient(180deg, color-mix(in srgb, var(--pl-c1) 90%, var(--mix-light)), var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi);position:absolute}.twheel svg{inset:calc(3 * var(--g)) calc(5 * var(--g));width:calc(100% - 10 * var(--g));height:calc(100% - 6 * var(--g));position:absolute;overflow:hidden}.twheel svg line{stroke:var(--pl-rib-lo);stroke-width:1.2px}.twheel .tw-shade{inset:calc(3 * var(--g)) calc(5 * var(--g));border-radius:calc(3 * var(--g));pointer-events:none;background:linear-gradient(90deg, var(--pl-lo), transparent 22%, transparent 78%, var(--pl-lo)), linear-gradient(180deg, var(--pl-hi), transparent 45%);position:absolute}.twheel :is(.tw-drum,svg,.tw-shade){transform-origin:50%;transition:transform var(--dur-press) var(--ease-out), box-shadow var(--dur-press) var(--ease-out)}.twheel{transition:box-shadow var(--dur-press) var(--ease-out)}.twheel.turning{box-shadow:inset 0 1px 6px var(--pl-tsh), 0 1px 0 var(--pl-tlip)}.twheel.turning :is(.tw-drum,svg,.tw-shade){transform:scale(.96)}.twheel.turning .tw-drum{box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), 0 0 3px 1px var(--pl-tsh)}.twheel.kick svg{animation:tw-kick .22s var(--ease-out)}@keyframes tw-kick{0%{translate:0}30%{translate:calc(var(--kick,1) * 2px) 0}to{translate:0}}.smeter{width:calc(92 * var(--g));height:calc(14 * var(--g));flex:none;position:relative}.smeter .sm-track{left:0;right:0;top:calc(6 * var(--g));background:var(--line-strong);height:1px;position:absolute}.smeter .sm-track:before,.smeter .sm-track:after{content:"";top:calc(-3 * var(--g));width:1px;height:calc(7 * var(--g));background:var(--line-strong);position:absolute}.smeter .sm-track:before{left:0}.smeter .sm-track:after{right:0}.smeter .sm-zero{width:1px;height:calc(13 * var(--g));background:var(--line-strong);position:absolute;top:0;left:50%}.smeter .sm-bar{top:calc(4 * var(--g));height:calc(5 * var(--g));background:var(--sm-c,var(--c-slope));position:absolute}.smeter.na .sm-bar{display:none}.smeter.na .sm-track{background:repeating-linear-gradient(90deg, var(--line-strong) 0 3px, transparent 3px 6px)}.gap-meter{gap:calc(2 * var(--g));width:100%;max-width:calc(220 * var(--g));display:flex}.gap-meter b{height:calc(5 * var(--g));background:color-mix(in srgb, var(--line) 80%, transparent);border-radius:1px;flex:1;transition:background-color .18s}.gap-meter b.on{background:var(--gm-on,var(--c-slope))}:root:not([data-theme=light]) .gap-meter b.on{box-shadow:0 0 5px color-mix(in srgb, var(--c-slope) 45%, transparent)}.gap-meter.na b{background:repeating-linear-gradient(135deg, var(--line) 0 2px, transparent 2px 4px)}.console-panel{isolation:isolate;background:var(--pn-face);box-shadow:var(--pn-shadow);backdrop-filter:blur(16px)saturate(140%);border:0;border-radius:18px;position:relative}.console-panel:before,.console-panel:after{content:"";border-radius:inherit;-webkit-mask:linear-gradient(var(--mask-ink) 0 0) content-box, linear-gradient(var(--mask-ink) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(var(--mask-ink) 0 0) content-box exclude, linear-gradient(var(--mask-ink) 0 0);pointer-events:none;z-index:-1;padding:1px;position:absolute}.console-panel:before{background:var(--pn-rim);inset:0}.console-panel:after{background:var(--pn-rim2);border-radius:17px;inset:1px}.console-panel.on-picture{background:var(--pn-face), var(--pn-under)}@media (prefers-reduced-transparency:reduce){.console-panel.on-picture{background:var(--pn-face), var(--bg);-webkit-backdrop-filter:none}}@media (width<=980px){.console-panel.on-picture{box-shadow:none;-webkit-backdrop-filter:none;background:0 0}.console-panel.on-picture:before,.console-panel.on-picture:after{display:none}}.pplane{--pp-mark:var(--pl-tx);column-gap:calc(4 * var(--g));row-gap:calc(2 * var(--g));color:var(--text);grid-template-rows:auto auto auto auto;grid-template-columns:auto minmax(0,1fr);display:grid}.pp-axis{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;color:var(--pl-lab);white-space:nowrap}.pp-axis.y{margin-right:calc(8 * var(--g));grid-area:1/1;justify-self:end}.pp-axis.x{grid-area:4/2;justify-self:end}.pp-scale{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--pl-lab);position:relative}.pp-scale.y{width:calc(27 * var(--g));margin:calc(5 * var(--g)) 0;grid-area:2/1}.pp-scale.x{height:calc(7 * var(--g) + 1lh);margin:0 calc(5 * var(--g));grid-area:3/2}.pp-scale span{white-space:nowrap;position:absolute}.pp-scale.y span{right:calc(8 * var(--g));transform:translateY(-50%)}.pp-scale.y span:after{content:"";left:calc(100% + 3 * var(--g));width:calc(4 * var(--g));background:var(--pl-lab);opacity:.6;height:1px;position:absolute;top:50%}.pp-scale.x span{top:calc(7 * var(--g));transform:translate(-50%)}.pp-scale.x span:before{content:"";left:50%;top:calc(-6 * var(--g));width:1px;height:calc(4 * var(--g));background:var(--pl-lab);opacity:.6;position:absolute}.pp-ptr{border:calc(4 * var(--g)) solid transparent;width:0;height:0;position:absolute}.pp-scale.y .pp-ptr{right:calc(-4 * var(--g));margin-top:calc(-4 * var(--g));border-left-color:var(--pp-mark);border-right-width:0}.pp-scale.x .pp-ptr{top:calc(-4 * var(--g));margin-left:calc(-4 * var(--g));border-bottom-color:var(--pp-mark);border-top-width:0}.pplane.off-map .pp-ptr,.pplane.off-map .pp-x,.pplane.off-map .pp-g{visibility:hidden}.pp-bezel{padding:calc(5 * var(--g));border-radius:calc(10 * var(--g));background:var(--noise), var(--pl-tray);box-shadow:inset 0 1px 3px var(--pl-tsh), 0 1px 0 var(--pl-tlip), 0 0 0 .5px var(--pl-edge);grid-area:2/2}.pp-screen{aspect-ratio:var(--pp-aspect,1.25);border-radius:calc(5 * var(--g));box-shadow:0 0 0 .5px var(--pl-edge);cursor:crosshair;touch-action:none;outline:none;position:relative;overflow:hidden}.pp-screen>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pp-screen:focus-visible{box-shadow:0 0 0 1.5px var(--accent)}.pp-sheen,.pp-vig{pointer-events:none;position:absolute;inset:0}.pp-sheen{background:linear-gradient(104deg, var(--pl-sh1) 0%, var(--pl-sh2) 26%, transparent 48%, transparent 84%, var(--pl-sh2))}.pp-vig{border-radius:inherit;box-shadow:inset 1px 1px 0 var(--pl-ge1), inset -1px 0 0 var(--pl-ge2), inset 0 -1px 0 var(--pl-ge3), inset 0 0 calc(14 * var(--g)) var(--pl-gv)}.pp-mark{pointer-events:none;z-index:1;position:absolute;transform:translate(-50%,-50%)}.pp-mark i{width:calc(6 * var(--g));height:calc(6 * var(--g));border:1px solid var(--text);background:color-mix(in srgb, var(--bg) 55%, transparent);border-radius:50%;display:block}.pp-mark b{left:calc(9 * var(--g));padding:1px calc(4 * var(--g));background:color-mix(in srgb, var(--bg) 78%, transparent);font-family:var(--font-ui);font-size:var(--fs-2xs);white-space:nowrap;color:var(--text);opacity:0;transition:opacity var(--dur-state);border-radius:2px;font-weight:450;position:absolute;top:50%;transform:translateY(-50%)}.pp-mark.near b,.pp-mark.on b{opacity:1}.pp-mark.on i{border-color:var(--pp-mark);background:var(--pp-mark)}.pp-mark.disabled{opacity:.4}.pp-guide{border-left:1px dashed color-mix(in srgb, var(--text) 40%, transparent);pointer-events:none;width:0;position:absolute;top:0;bottom:0}.pp-guide b{top:calc(4 * var(--g));left:calc(4 * var(--g));font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-2);white-space:nowrap;font-weight:400;position:absolute}.pp-x,.pp-g{pointer-events:none;width:0;height:0;position:absolute}.pp-x{z-index:2}.pp-g{z-index:0}.pp-g i{display:block;position:absolute}.pp-g .h,.pp-g .v{filter:drop-shadow(0 0 .6px color-mix(in srgb, var(--mask-ink) 60%, transparent))}.pp-g .h{background:linear-gradient(90deg, color-mix(in srgb, var(--on-dark-text) 42%, transparent) 0 calc(50% - 22px), transparent 0 calc(50% + 22px), color-mix(in srgb, var(--on-dark-text) 42%, transparent) 0);width:4000px;height:1px;top:-.5px;left:-2000px}.pp-g .v{background:linear-gradient(color-mix(in srgb, var(--on-dark-text) 42%, transparent) 0 calc(50% - 22px), transparent 0 calc(50% + 22px), color-mix(in srgb, var(--on-dark-text) 42%, transparent) 0);width:1px;height:4000px;top:-2000px;left:-.5px}.pp-loupe{left:calc(-20 * var(--g));top:calc(-20 * var(--g));width:calc(40 * var(--g));height:calc(40 * var(--g));box-sizing:border-box;padding:calc(3 * var(--g));background:repeating-radial-gradient(circle at 50% 50%, var(--pl-spun) 0 .7px, transparent .7px 1.4px), radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--pl-c1) 90%, var(--mix-light)), var(--pl-c2) 85%);box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), 0 2px 4px var(--pl-drop), 0 calc(6 * var(--g)) calc(10 * var(--g)) calc(-4 * var(--g)) var(--pl-drop2);transition:transform .14s var(--ease-out);border-radius:50%;position:absolute}.pp-lens{background:var(--pl-bg);width:100%;height:100%;box-shadow:inset 0 0 0 .5px var(--pl-edge);border-radius:50%;display:block;position:relative;overflow:hidden}canvas.pp-lens-img{width:100%;height:100%;display:block;position:absolute;inset:0}.pp-lens-img:not(canvas){display:block;position:absolute;top:50%;left:50%}.pp-lens:after{content:"";pointer-events:none;background:radial-gradient(circle at 34% 26%, var(--pl-sh1), transparent 46%);box-shadow:inset 0 2px 4px var(--pl-gv), inset 0 0 0 1px var(--pl-ge2);border-radius:50%;position:absolute;inset:0}.pp-etch{pointer-events:none;background:linear-gradient(90deg, transparent calc(50% - .5px), color-mix(in srgb, var(--on-dark-text) 70%, transparent) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(transparent calc(50% - .5px), color-mix(in srgb, var(--on-dark-text) 70%, transparent) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px));-webkit-mask:radial-gradient(circle, transparent 3px, var(--mask-ink) 3.5px, var(--mask-ink) 60%, transparent 61%);mask:radial-gradient(circle, transparent 3px, var(--mask-ink) 3.5px, var(--mask-ink) 60%, transparent 61%);filter:drop-shadow(0 0 .6px color-mix(in srgb, var(--mask-ink) 70%, transparent));position:absolute;inset:0}.pplane.over .pp-screen{cursor:grab}.pplane.dragging .pp-screen{cursor:grabbing}.pplane.over .pp-loupe,.pplane.dragging .pp-loupe{transform:scale(1.08)}.pp-mark.on b{left:calc(25 * var(--g))}.pp-mark.flip b{left:auto;right:calc(9 * var(--g))}.pp-mark.on.flip b{right:calc(25 * var(--g))}.pplane.snap .pp-x,.pplane.snap .pp-g,.pplane.snap .pp-ptr{transition:left 80ms var(--ease-out), top 80ms var(--ease-out)}.pplane.jump .pp-x,.pplane.jump .pp-g,.pplane.jump .pp-ptr{transition:left var(--jump,.3s) var(--ease-travel), top var(--jump,.3s) var(--ease-travel)}@media (prefers-reduced-motion:reduce){.pplane .pp-x,.pplane .pp-g,.pplane .pp-ptr,.pp-loupe{transition:none!important}}.dkeys{--dk-on:var(--c-h);gap:calc(12 * var(--g));min-width:0;display:grid}.dk-group{gap:calc(6 * var(--g));display:grid}.dk-name{white-space:nowrap;padding-left:calc(2 * var(--g))}.dk-row{gap:calc(8 * var(--g));grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.dk-key{appearance:none;align-content:start;gap:calc(6 * var(--g));width:100%;min-width:0;color:var(--pl-lab);font-family:var(--font-ui);font-size:var(--fs-2xs);cursor:pointer;transition:color var(--dur-state);background:0 0;border:0;justify-items:center;margin:0;padding:0;display:grid}.dk-key:focus-visible{outline:1px solid var(--accent);outline-offset:2px;border-radius:2px}.dk-key:disabled .dk-label{opacity:var(--off-ink)}.dk-key:disabled .dk-dish img{opacity:.4;filter:grayscale(.7)}.dk-key[aria-pressed=true]:disabled .dk-rim:before{opacity:.45}.dk-label{text-align:center;max-width:100%;line-height:1.25}.dk-label:is(:lang(es),:lang(fr),:lang(pt)){hyphens:auto}.dk-rim{aspect-ratio:1;box-sizing:border-box;width:86%;padding:calc(4 * var(--g));background:repeating-radial-gradient(circle at 50% 50%, var(--pl-spun) 0 .7px, transparent .7px 1.4px), radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--pl-c1) 92%, var(--mix-light)), var(--pl-c2) 82%);box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), 0 2px 3px var(--pl-drop), 0 calc(6 * var(--g)) calc(10 * var(--g)) calc(-3 * var(--g)) var(--pl-drop2);border-radius:50%;display:block;position:relative}.dk-rim:before{content:"";pointer-events:none;opacity:0;transition:opacity .3s var(--ease-out);background:repeating-radial-gradient(circle at 50% 50%, var(--pl-spun) 0 .7px, transparent .7px 1.4px), radial-gradient(circle at 50% 35%, oklch(from var(--dk-on) .66 calc(c * .85) h), oklch(from var(--dk-on) .45 calc(c * .85) h) 82%);box-shadow:inset 0 1px 0 oklch(from var(--dk-on) .82 calc(c * .5) h), inset 0 -1px 0 oklch(from var(--dk-on) .35 calc(c * .8) h);border-radius:50%;position:absolute;inset:0}.dk-key[aria-pressed=true] .dk-rim:before{opacity:1}.dk-dish{background:var(--pl-bg);width:100%;height:100%;transition:transform .18s var(--ease-spring);box-shadow:0 0 0 .5px var(--pl-edge), 0 -1px 0 var(--pl-dish-t), 0 1px 0 var(--pl-dish-b);border-radius:50%;display:block;position:relative;overflow:hidden}.dk-dish img{object-fit:cover;width:100%;height:100%;display:block}.dk-glass{pointer-events:none;background:radial-gradient(circle at 32% 24%, var(--pl-sh1), var(--pl-sh2) 32%, transparent 52%);box-shadow:inset 0 2px 4px var(--pl-gv), inset 0 0 0 1px var(--pl-ge2);border-radius:50%;position:absolute;inset:0}.dk-iris{pointer-events:none;position:absolute;inset:0;container-type:size}.dk-iris i{transform-origin:0 0;width:110cqw;height:60cqw;transform:rotate(calc(var(--b) * 60deg - 28deg)) translate(-22cqw, 53cqw);background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:inset 0 1px 0 var(--pl-hi), 0 -1px 3px var(--pl-tsh);transition:transform .4s var(--ease-out);position:absolute;top:50%;left:50%}.dk-key:hover:not(:disabled):not([aria-pressed=true]) .dk-iris i{transform:rotate(calc(var(--b) * 60deg - 15deg)) translate(-22cqw, 44cqw)}.dk-key[aria-pressed=true] .dk-iris i{transform:rotate(calc(var(--b) * 60deg)) translate(-22cqw, 34cqw);transition:transform .3s cubic-bezier(.3,1.35,.55,1)}.dk-key.down .dk-dish{transition:transform 70ms var(--ease-press);transform:translateY(1.5px)}.dk-glass{transition:box-shadow .18s var(--ease-out)}.dk-key.down .dk-glass{box-shadow:inset 0 3px 6px var(--pl-gv), inset 0 0 0 1px var(--pl-ge2);transition-duration:70ms}.dk-key[aria-pressed=true] .dk-rim:before{transition-duration:80ms}@media (prefers-reduced-motion:reduce){.dk-iris i,.dk-rim:before,.dk-dish,.dk-glass{transition:none!important}}.knob,.twheel,.mode-dial,.pbtn .pcap,.kb-seg,.fader-cur .glass,.knob:focus-visible,.twheel:focus-visible,.mode-dial:focus-visible,.pbtn .pcap:focus-visible,.kb-seg:focus-visible{outline:none}.knob:focus:not([data-pointer]) :is(.skirt,.bezel),.mode-dial:focus-visible .ring,.pbtn:has(.pcap:focus-visible) .bez,.fader:has(.fader-input:focus-visible) .fader-cur .glass,.twheel:focus:not([data-pointer]){outline:1.5px solid var(--accent);outline-offset:2px}.kb-seg:focus-visible{outline:1.5px solid var(--accent);outline-offset:-3px}.pkey,.lkey,.akey{appearance:none;font-family:var(--font-ui);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;margin:0}.pkey:focus-visible,.lkey:focus-visible,.akey:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}.key-t{white-space:nowrap;line-height:1.2}.key-t .katex{font-size:1.08em}.pkeys{gap:calc(8 * var(--g));padding:calc(2 * var(--g));min-width:0;font-family:var(--font-mono);font-size:var(--fs-xs);display:flex}.pkeys.grid{grid-template-columns:repeat(var(--pk-cols,2), minmax(0, 1fr));display:grid}.pkey{justify-content:center;align-items:center;gap:calc(6 * var(--g));min-width:0;height:calc(28 * var(--g));padding:0 calc(8 * var(--g));border-radius:calc(4 * var(--g));background:var(--noise), linear-gradient(180deg, color-mix(in srgb, var(--pl-c1) 70%, var(--pl-c2)), var(--pl-c2));box-shadow:0 0 0 calc(1.5 * var(--g)) var(--pl-tray), 0 0 0 calc(2 * var(--g)) var(--pl-edge), 0 1px 0 calc(2 * var(--g)) var(--pl-tlip), inset 0 1px 0 var(--pl-hi);font:inherit;color:var(--pl-eng);text-shadow:var(--pl-eng-sh);transition:color var(--dur-state), box-shadow .14s var(--ease-out), background .14s;flex:1 1 0;display:flex}.pkey:has(.katex){height:auto;min-height:calc(28 * var(--g));padding-block:calc(3 * var(--g))}.pkey[aria-pressed=true]{background:var(--noise), var(--pl-c2);box-shadow:0 0 0 calc(1.5 * var(--g)) var(--pl-tray), 0 0 0 calc(2 * var(--g)) var(--pl-edge), 0 1px 0 calc(2 * var(--g)) var(--pl-tlip), inset 0 1px 2px var(--pl-lo)}.pkey:hover:not([aria-pressed=true]):where(:not(:disabled)) .lamp{background:color-mix(in srgb, var(--accent) 32%, var(--pl-led))}.pkey.down{background:var(--noise), var(--pl-c2);box-shadow:0 0 0 calc(1.5 * var(--g)) var(--pl-tray), 0 0 0 calc(2 * var(--g)) var(--pl-edge), 0 1px 0 calc(2 * var(--g)) var(--pl-tlip), inset 0 2px 3px var(--pl-lo);transition-duration:var(--dur-state), 50ms, 50ms}.pkey>*{transition:transform .14s var(--ease-spring)}.pkey[aria-pressed=true]>*,.pkey.down>*{transform:translateY(.5px)}.pkey.down>*{transition-duration:50ms;transition-timing-function:var(--ease-press)}.pkey .lamp,.lkey .slot{background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in);transition:background-color .3s var(--ease-out), box-shadow .3s var(--ease-out), transform .14s var(--ease-spring);flex:none;display:block}.pkey.down .lamp{transition:background-color .3s var(--ease-out), box-shadow .3s var(--ease-out), transform 50ms var(--ease-press)}.pkey .lamp{width:calc(5 * var(--g));height:calc(5 * var(--g));border-radius:50%}.pkey[aria-pressed=true] .lamp{background:var(--accent);box-shadow:0 0 5px color-mix(in srgb, var(--accent) 60%, transparent);transition-duration:40ms,40ms,.14s}.lkey,.akey{height:calc(32 * var(--g));border-radius:calc(5 * var(--g));background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop), 0 calc(5 * var(--g)) calc(8 * var(--g)) calc(-4 * var(--g)) var(--pl-drop2);color:var(--pl-lab);transition:color var(--dur-state), transform .16s var(--ease-spring), box-shadow .16s var(--ease-spring);justify-content:center;align-items:center;display:inline-flex}.akey:hover:not(.down):not(:disabled){box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 .5px 1.5px var(--pl-drop), 0 calc(3 * var(--g)) calc(6 * var(--g)) calc(-4 * var(--g)) var(--pl-drop2);transform:translateY(.5px)}.lkey.down,.akey.down,.lkey[aria-pressed=true]{box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 2px var(--pl-lo), 0 .5px 1px var(--pl-drop);transform:translateY(1px)}.lkey.down,.akey.down{transition-duration:var(--dur-state), 60ms, 60ms;transition-timing-function:var(--ease-out), var(--ease-press), var(--ease-press)}.lkey{gap:calc(8 * var(--g));padding:0 calc(12 * var(--g));font-size:var(--fs-s)}.lkey .slot{width:calc(3.5 * var(--g));height:calc(13 * var(--g));border-radius:2px}.lkey:not([aria-pressed=true]) .slot{background:var(--latch-slot);box-shadow:inset 0 1px 1.5px var(--pl-tsh), 0 .5px 0 var(--is-lip), 0 -.5px 0 var(--pl-lo)}.lkey:hover:not(:disabled):not([aria-pressed=true]) .slot{background:color-mix(in srgb, var(--accent) 32%, var(--pl-led))}.lkey[aria-pressed=true] .slot{background:var(--accent);box-shadow:0 0 5px color-mix(in srgb, var(--accent) 60%, transparent);transition-duration:40ms}.akey{min-width:calc(32 * var(--g));padding:0 calc(8 * var(--g));font-size:var(--fs-xl)}.akey.word{font-size:var(--fs-s);padding:0 calc(12 * var(--g))}:is(.akey,.lkey,.pkey):disabled .key-t,.akey:disabled>:not(.key-t){opacity:var(--off-ink)}.lkey[aria-pressed=true]:disabled .slot,.pkey[aria-pressed=true]:disabled .lamp{background:var(--off-lit);box-shadow:none}@media (prefers-reduced-motion:reduce){.pkey,.pkey>*,.lkey,.akey,.wkey,.dw-key,.sdr-key,.kb-seg,.kb-seg>*,.pbtn .pcap{transition:none}}:is(.akey,.lkey,.pkey,.vkey,.wkey,.setting-switch,.dk-key,.mlab,.tg-lab,.kb-seg,.vrow,.pb-key,.sdr-key,.zr-key,.plk-key,.hl,.link):disabled,.pbtn .pcap:disabled,.view-buttons button:disabled,.hl-nav .hl-step:disabled{pointer-events:none}.off-note{gap:calc(7 * var(--g));min-width:0;font-size:var(--fs-xs);color:var(--text-2);transition:color .5s var(--ease-out);align-items:baseline;margin:0;line-height:1.45;display:flex}.off-note[hidden]{display:none}.off-note.idle{visibility:hidden}.off-note:before,.hl-why:before{content:"";width:calc(6 * var(--g));height:calc(6 * var(--g));background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in), 0 0 0 .5px var(--pl-edge);transition:background-color .5s var(--ease-out);border-radius:50%;flex:none;transform:translateY(-1px)}.off-note.flash{color:var(--text);transition-duration:60ms}.off-note.flash:before{background:color-mix(in srgb, var(--text-2) 55%, var(--pl-led));transition-duration:60ms}.vkeys{gap:calc(6 * var(--g));min-width:0;padding:calc(2 * var(--g));font-family:var(--font-mono);font-size:var(--fs-xs);display:flex}.vkeys.grid{grid-template-columns:repeat(var(--pk-cols,2), minmax(0, 1fr));display:grid}.vkey{appearance:none;padding:0 calc(8 * var(--g));cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:0;height:calc(24 * var(--g));border-radius:calc(12 * var(--g));min-height:24px;font:inherit;color:var(--pl-eng);text-shadow:var(--pl-eng-sh);background:0 0;background:color-mix(in srgb, var(--pl-tray) 32%, transparent);box-shadow:inset 0 1px 3px color-mix(in srgb, var(--pl-tsh) 75%, transparent), inset 0 -.5px 0 var(--pl-hi), 0 1px 0 var(--pl-hi);transition:box-shadow .15s var(--ease-out), background-color .15s;border:0;flex:1 1 0;justify-content:center;align-items:center;margin:0;display:flex}.vkey:hover:where(:not(:disabled)){box-shadow:inset 0 1.5px 4px var(--pl-tsh), inset 0 -.5px 0 var(--pl-hi), 0 1px 0 var(--pl-hi)}.vkey.down{background:color-mix(in srgb, var(--pl-tray) 62%, transparent);box-shadow:inset 0 2px 5px var(--pl-tsh), inset 0 -.5px 0 var(--pl-hi), 0 1px 0 var(--pl-hi);transition-duration:50ms}.vkey:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}.vkey:disabled{color:color-mix(in srgb, var(--pl-eng) 45%, transparent);text-shadow:none}.vrows{--vr-on:var(--c-dy);--vr-lim:var(--c-a);gap:calc(5 * var(--g));min-width:0;font-family:var(--font-mono);font-size:var(--fs-xs);display:grid}.vrow-cols,.vrow{grid-template-columns:minmax(0, 1fr) auto var(--vr-win,calc(96 * var(--g)));column-gap:calc(10 * var(--g));align-items:center;display:grid}.vrow-cols{padding:0 calc(3 * var(--g)) 0 calc(12 * var(--g));color:var(--pl-lab)}.vrow-cols span{text-align:right;font-family:var(--font-ui);font-size:var(--fs-2xs)}.vrow{appearance:none;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:calc(30 * var(--g));padding:0 calc(3 * var(--g)) 0 calc(12 * var(--g));border-radius:calc(15 * var(--g));background:color-mix(in srgb, var(--pl-tray) 32%, transparent);box-shadow:inset 0 1px 3px color-mix(in srgb, var(--pl-tsh) 75%, transparent), inset 0 -.5px 0 var(--pl-hi), 0 1px 0 var(--pl-hi);transition:box-shadow .15s var(--ease-out), background-color .15s;border:0;margin:0}.vrow:hover:where(:not(:disabled)){box-shadow:inset 0 1.5px 4px var(--pl-tsh), inset 0 -.5px 0 var(--pl-hi), 0 1px 0 var(--pl-hi)}.vrow.down{background:color-mix(in srgb, var(--pl-tray) 62%, transparent);box-shadow:inset 0 2px 5px var(--pl-tsh), inset 0 -.5px 0 var(--pl-hi), 0 1px 0 var(--pl-hi);transition-duration:50ms}.vrow:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}.vrow.still{cursor:default;box-shadow:none;background:0 0}.vrow:disabled :is(.vrow-name,.vrow-val){opacity:var(--off-ink)}.vrow-name{font-family:var(--font-ui);font-size:var(--fs-s);color:var(--pl-eng);text-shadow:var(--pl-eng-sh);white-space:nowrap;text-overflow:clip;overflow:hidden}.vrow-val{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--pl-eng);text-shadow:var(--pl-eng-sh);text-align:right;font-variant-numeric:tabular-nums}.vrow-win{height:calc(24 * var(--g));line-height:calc(24 * var(--g));padding:0 calc(8 * var(--g));border-radius:calc(12 * var(--g));font-family:var(--font-mono);font-size:var(--fs-xs);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--disp-bg);box-shadow:inset 0 1px 2px var(--pl-tsh), inset 0 0 0 1px var(--disp-line);display:block;overflow:hidden}.vrow.still .vrow-win{box-shadow:none;background:0 0}.vrow-win b{color:var(--vr-on);font-weight:400}.vrow-win i{color:color-mix(in srgb, var(--vr-on) 42%, transparent);font-style:normal}:root[data-theme=light] .vrow-win b{color:color-mix(in srgb, var(--vr-on) 68%, var(--pl-tx))}:root[data-theme=light] .vrow-win i{color:color-mix(in srgb, var(--vr-on) 46%, transparent)}.vrow.still .vrow-win b{color:var(--vr-lim)}@media (prefers-reduced-motion:reduce){.vrow{transition:none}}.rec-screen{--rec-fs:var(--fs-xs);--rec-row:calc(var(--fs-xs) * 1.6);--rec-gw:calc(var(--rec-fs) * .95);--rec-cp:calc(var(--rec-fs) * .9);--rec-barw:calc(56 * var(--g));--rec-bz:calc(3 * var(--g));--rec-pl:calc(4 * var(--g));--rec-pr:calc(12 * var(--g));min-width:0;font-family:var(--font-mono);font-size:var(--fs-xs);grid-template-columns:minmax(0,1fr);display:grid}.rec-screen.tight{--rec-fs:var(--fs-2xs);font-size:var(--fs-2xs)}.rec-screen,.rec-screen *{transition:none}.rec-win,.rec-lcd{min-width:0;position:relative}.rec-lcd{padding:calc(4 * var(--g)) 0 calc(3 * var(--g));overflow:hidden}.rec-head,.rec-row{grid-template-columns:var(--rec-tpl);justify-content:var(--rec-just,space-between);white-space:nowrap;display:grid}.rec-head{font-family:var(--font-ui);font-size:var(--fs-2xs);line-height:1.3}.rec-head .katex{font-size:1.05em}.rec-hc,.rec-v{padding-left:var(--rec-cp)}.rec-head>:first-child,.rec-row>:first-child{padding-left:0}.rec-view{position:relative}.rec-body{height:calc(var(--rec-rows) * var(--rec-row));overscroll-behavior:contain;scrollbar-width:none;outline:none;position:relative;overflow:hidden auto}.rec-body::-webkit-scrollbar{display:none}.rec-body:focus-visible{box-shadow:inset 0 0 0 1.5px var(--accent)}.rec-list{padding:0 var(--rec-pr) 0 calc(var(--rec-pl) + var(--rec-gw))}.rec-row{height:var(--rec-row);line-height:var(--rec-row);font-variant-numeric:tabular-nums;box-shadow:inset 0 -1px 0 var(--lcd-rule);position:relative}.rec-row.last{background:var(--lcd-band)}.rec-row.fresh{animation:rec-in var(--dur-state) var(--ease-out) both}@keyframes rec-in{0%{opacity:0}}.rec-v b,.rec-v i{font-weight:inherit;font-style:normal}.rec-v b{text-align:right;display:inline-block}.rec-v.word{font-family:var(--font-ui)}.rec-v.is-bar{align-items:center;display:flex}.rec-bar{height:calc(4 * var(--g));background:currentColor;border-radius:1px;display:block}.rec-empty{font-family:var(--font-ui);font-size:var(--fs-2xs);color:var(--text-3);text-align:center;white-space:normal;place-items:center;padding:0 1em;line-height:1.4;display:grid;position:absolute;inset:0}.rec-empty[hidden]{display:none}.rec-rail{right:calc(6 * var(--g));top:calc(2 * var(--g));bottom:calc(2 * var(--g));background:color-mix(in srgb, var(--text-3) 16%, transparent);pointer-events:none;border-radius:1px;width:2px;position:absolute}.rec-rail[hidden]{display:none}.rec-thumb{background:color-mix(in srgb, var(--text-3) 70%, transparent);border-radius:1px;position:absolute;left:0;right:0}.rec-more{z-index:1;right:calc(6 * var(--g));bottom:calc(3 * var(--g));appearance:none;padding:0 calc(5 * var(--g));cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-2xs);line-height:calc(15 * var(--g));color:var(--text-2);background:color-mix(in srgb, var(--disp-bg) 88%, transparent);box-shadow:inset 0 0 0 1px var(--disp-line);border:0;border-radius:2px;margin:0;position:absolute}.rec-more[hidden]{display:none}.rec-more:focus-visible{outline:1.5px solid var(--accent);outline-offset:1px}.rec-foot{height:calc(var(--rec-foot) * 1.35 * var(--fs-2xs));padding:calc(3 * var(--g)) var(--rec-pr) 0 calc(var(--rec-pl) + var(--rec-gw));box-sizing:content-box;font-family:var(--font-ui);font-size:var(--fs-2xs);color:var(--text-3);box-shadow:inset 0 1px 0 var(--lcd-rule);line-height:1.35;overflow:hidden}.rec-foot[hidden]{display:none}.rec-screen.scrolls .rec-foot{padding-right:calc(var(--rec-pr) + 30 * var(--g))}.rec-screen.in-panel .rec-v.t-h{color:color-mix(in srgb, var(--c-h) var(--lcd-ink-k), var(--lcd-ink))}.rec-screen.in-panel .rec-v.t-y{color:color-mix(in srgb, var(--c-dy-text) var(--lcd-ink-k), var(--lcd-ink))}.rec-screen.in-panel .rec-v.t-a{color:color-mix(in srgb, var(--c-a) var(--lcd-ink-k), var(--lcd-ink))}.rec-screen.in-panel .rec-v.t-ink{color:color-mix(in srgb, var(--text) var(--lcd-ink-k), var(--lcd-ink))}.rec-screen.in-panel .rec-v{text-shadow:var(--lcd-ink-shadow)}.rec-screen.in-panel>.rec-head{padding:0 calc(var(--rec-bz) + var(--rec-pr)) calc(5 * var(--g)) calc(var(--rec-bz) + var(--rec-pl) + var(--rec-gw))}.rec-screen.in-panel>.rec-head .rec-hc{color:var(--pl-eng);text-shadow:var(--pl-eng-sh);letter-spacing:.04em;position:relative}.rec-screen.in-panel>.rec-head .rec-hc.t-h{color:var(--engrave)}.rec-screen.in-panel>.rec-head .rec-hc.t-y{color:color-mix(in srgb, var(--c-dy-text) 64%, var(--pl-eng))}.rec-screen.in-panel>.rec-head .rec-hc.t-a{color:color-mix(in srgb, var(--c-a) 64%, var(--pl-eng))}.rec-screen.in-panel>.rec-head .rec-hc:after{content:"";left:var(--rec-cp);bottom:calc(-5 * var(--g));width:1px;height:calc(3 * var(--g));background:var(--pl-lab);opacity:.55;position:absolute}.rec-screen.in-panel>.rec-head .rec-hc:first-child:after{left:0}.rec-screen.in-panel .rec-win{padding:var(--rec-bz);border-radius:calc(4 * var(--g));background:var(--pl-tray);box-shadow:inset 0 calc(2 * var(--g)) calc(3 * var(--g)) var(--pl-tsh), 0 1px 0 var(--pl-tlip), 0 0 0 .5px var(--pl-edge)}.rec-screen.in-panel .rec-lcd{border-radius:calc(1.5 * var(--g));background:var(--lcd-grain), repeating-linear-gradient(0deg, var(--lcd-px) 0 1px, transparent 1px calc(3 * var(--g))), repeating-linear-gradient(90deg, var(--lcd-px) 0 1px, transparent 1px calc(3 * var(--g))), radial-gradient(45% 60% at 0% 100%, var(--lcd-led), transparent 70%), radial-gradient(45% 60% at 100% 100%, var(--lcd-led), transparent 70%), linear-gradient(0deg, var(--lcd-led), transparent 45%), radial-gradient(120% 70% at 50% 0%, var(--lcd-lift), transparent 70%), var(--lcd-bg);box-shadow:inset 0 0 0 calc(3 * var(--g)) var(--lcd-off), inset 0 calc(2 * var(--g)) calc(4 * var(--g)) var(--lcd-wall), inset 0 0 0 .5px var(--pl-edge)}.rec-screen.in-window{--rec-pl:0px;--rec-pr:calc(8 * var(--g));--lcd-rule:color-mix(in srgb, var(--text-3) 14%, transparent);--lcd-band:color-mix(in srgb, var(--text-3) 12%, transparent)}.rec-screen.in-window .rec-lcd{padding:0}.rec-screen.in-window .rec-head{padding:0 var(--rec-pr) calc(4 * var(--g)) calc(var(--rec-pl) + var(--rec-gw));box-shadow:inset 0 -1px 0 var(--lcd-rule);margin-bottom:calc(2 * var(--g))}.rec-screen.in-window .rec-hc{color:var(--text-3)}.rec-screen.in-window .rec-hc.t-h{color:color-mix(in srgb, var(--c-h) 78%, var(--text-3))}.rec-screen.in-window .rec-hc.t-y{color:color-mix(in srgb, var(--c-dy-text) 78%, var(--text-3))}.rec-screen.in-window .rec-hc.t-a{color:color-mix(in srgb, var(--c-a) 78%, var(--text-3))}.rec-screen.in-window .rec-v.t-h{color:var(--c-h)}.rec-screen.in-window .rec-v.t-y{color:var(--c-dy-text)}.rec-screen.in-window .rec-v.t-a{color:var(--c-a)}.rec-screen.in-window .rec-v.t-ink{color:var(--text)}.rec-screen.in-window .rec-rail{right:calc(2 * var(--g))}.rec-screen.in-window .rec-more{right:calc(10 * var(--g));bottom:calc(2 * var(--g))}@media (prefers-reduced-motion:reduce){.rec-row.fresh{animation:none}}.wkey,.setting-switch{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:calc(8 * var(--g));font-family:var(--font-ui);font-size:var(--fs-s);color:var(--pl-lab);white-space:nowrap;background:0 0;border:0;margin:0;padding:0;display:inline-flex}:is(.wkey,.setting-switch):not(:last-child){margin-inline-end:calc(8 * var(--g))}.wkey--below{align-self:flex-start;gap:calc(5 * var(--g));flex-direction:column}.wkey--below .wk-name{white-space:normal;text-align:center;max-width:7em;line-height:1.25}.wkey:focus-visible,.setting-switch:focus-visible{outline:none}.wkey:focus-visible .wk-key{outline:1.5px solid var(--accent);outline-offset:3px}.wkey:disabled :is(.wk-icon,.wk-name),.setting-switch:disabled>span:last-child,.setting-switch:disabled .ss-ring{opacity:var(--off-ink)}.wkey[aria-pressed=true]:disabled .wk-lens:after{opacity:.5}.wkey[aria-pressed=true]:disabled .wk-lens{box-shadow:0 0 0 1px var(--wk-gap), 0 0 0 1.5px var(--wk-chamfer), inset 0 0 calc(4 * var(--g)) color-mix(in srgb, var(--accent) 18%, transparent)}.setting-switch[aria-checked=true]:disabled .ss-slit{background:var(--off-lit);box-shadow:none}.wk-key{width:calc(36 * var(--g));height:calc(36 * var(--g));box-sizing:border-box;padding:calc(3 * var(--g));border-radius:calc(5.5 * var(--g));background:var(--noise), linear-gradient(180deg, var(--wk-collar-1), var(--wk-collar-2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--wk-collar-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 1.5px var(--pl-drop), 0 1px 0 .5px var(--is-lip);flex:none;display:grid;position:relative}.wk-lens{isolation:isolate;border-radius:calc(3 * var(--g));background:radial-gradient(70% 95% at 50% 55%, color-mix(in srgb, var(--mix-light) 5%, transparent), transparent 75%), var(--wk-glass);height:100%;box-shadow:0 0 0 1px var(--wk-gap), 0 0 0 1.5px var(--wk-chamfer), inset 0 0 calc(3.5 * var(--g)) var(--wk-rim);transition:transform .16s var(--ease-spring), box-shadow .3s var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.wk-lens:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg, var(--wk-spec) 0 1px, transparent 1px), radial-gradient(130% 75% at 50% -18%, var(--wk-spec), transparent 62%), radial-gradient(70% 45% at 50% 115%, var(--wk-caustic), transparent 75%);position:absolute;inset:0}.wk-lens:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(115% 160% at 50% 48%, var(--wk-lit-0), var(--wk-lit-1) 58%, var(--wk-lit-2));transition:opacity .3s var(--ease-out);position:absolute;inset:0}.wk-grain{z-index:1;border-radius:inherit;pointer-events:none;background:var(--noise), var(--noise);opacity:.9;position:absolute;inset:0}.wk-icon{z-index:2;width:calc(21.6 * var(--g));aspect-ratio:22/18;color:var(--wk-print);flex:none;display:block;position:relative}.wk-icon svg{width:100%;height:100%;display:block;overflow:visible}.wkey[aria-pressed=true] .wk-lens:after{opacity:1;transition-duration:40ms}.wkey:hover:not([aria-pressed=true]):not(.down):not(:disabled) .wk-lens:after{opacity:.12}.wkey.down:not(:disabled) .wk-lens,.wkey[aria-pressed=true] .wk-lens{transform:translateY(1px)}.wkey.down:not(:disabled) .wk-lens{transition-duration:60ms,.3s;transition-timing-function:var(--ease-press), var(--ease-out)}.wkey[aria-pressed=true] .wk-lens{box-shadow:0 0 0 1px var(--wk-gap), 0 0 0 1.5px var(--wk-chamfer), inset 0 0 calc(4 * var(--g)) color-mix(in srgb, var(--accent) 34%, transparent), var(--wk-halo);transition-duration:.16s,40ms}.setting-switch{min-height:calc(32 * var(--g))}.setting-switch:focus-visible .ss-bezel{outline:1.5px solid var(--accent);outline-offset:2px}.ss-bezel{width:calc(42 * var(--g));height:calc(22 * var(--g));border-radius:calc(3.5 * var(--g));background:var(--pl-tray);box-shadow:inset 0 1px 3px var(--pl-tsh), 0 0 0 .5px var(--pl-edge), 0 1px 0 var(--pl-tlip);flex:none;display:block;position:relative}.ss-bezel i{font-style:normal;display:block}.ss-rocker{inset:calc(2 * var(--g));border-radius:calc(2 * var(--g));background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop);grid-template-columns:1fr 1fr;position:absolute;overflow:hidden;display:grid!important}.ss-half{place-items:center;transition:background .13s;position:relative;display:grid!important}.ss-rocker:after{content:"";background:var(--pl-lo);width:1px;position:absolute;top:2px;bottom:2px;left:50%}.ss-off{background:linear-gradient(90deg, color-mix(in srgb, var(--pl-tray) 60%, transparent), color-mix(in srgb, var(--pl-tray) 22%, transparent) 65%, color-mix(in srgb, var(--pl-tray) 8%, transparent))}.ss-on{background:linear-gradient(90deg, color-mix(in srgb, var(--mix-light) 2%, transparent), color-mix(in srgb, var(--mix-light) 10%, transparent) 85%)}.ss-off:before,.ss-on:after{content:"";width:calc(2.5 * var(--g));opacity:0;transition:opacity .13s;position:absolute;top:0;bottom:0}.ss-off:before{background:linear-gradient(90deg, color-mix(in srgb, var(--pl-tray) 70%, transparent), color-mix(in srgb, var(--pl-c2) 60%, transparent));left:0}.ss-on:after{background:linear-gradient(270deg, color-mix(in srgb, var(--pl-tray) 70%, transparent), color-mix(in srgb, var(--pl-c2) 60%, transparent));opacity:1;right:0}.setting-switch[aria-checked=true] .ss-off{background:linear-gradient(270deg, color-mix(in srgb, var(--mix-light) 2%, transparent), color-mix(in srgb, var(--mix-light) 10%, transparent) 85%)}.setting-switch[aria-checked=true] .ss-on{background:linear-gradient(270deg, color-mix(in srgb, var(--pl-tray) 60%, transparent), color-mix(in srgb, var(--pl-tray) 22%, transparent) 65%, color-mix(in srgb, var(--pl-tray) 8%, transparent))}.setting-switch[aria-checked=true] .ss-off:before{opacity:1}.setting-switch[aria-checked=true] .ss-on:after{opacity:0}.ss-ring{width:calc(6 * var(--g));height:calc(6 * var(--g));box-shadow:inset 0 0 0 1.2px var(--pl-eng), 0 .5px 0 var(--pl-tlip);border-radius:50%}.ss-slit{width:calc(1.8 * var(--g));height:calc(8 * var(--g));background:var(--ss-slit);box-shadow:inset 0 .5px .5px var(--pl-led-in), 0 .5px 0 var(--pl-tlip);transition:background-color .3s var(--ease-out), box-shadow .3s var(--ease-out);border-radius:1px}.setting-switch:hover:not(:disabled):not([aria-checked=true]) .ss-slit{background:color-mix(in srgb, var(--accent) 32%, var(--pl-led))}.setting-switch[aria-checked=true] .ss-slit{background:var(--accent);box-shadow:0 0 5px color-mix(in srgb, var(--accent) 60%, transparent);transition-duration:40ms}.setting-switch.down:not(:disabled) .ss-rocker{box-shadow:inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 .5px 1px var(--pl-drop)}:root[data-theme=light] .ss-bezel{box-shadow:inset 0 1px 1.5px var(--pl-tsh), 0 0 0 .5px var(--pl-edge), 0 1px 0 var(--pl-tlip)}:root[data-theme=light] .ss-rocker{background:linear-gradient(180deg, var(--pl-c1) 45%, color-mix(in srgb, var(--pl-c1) 55%, var(--pl-c2)));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 -1px 0 var(--pl-lo), 0 1px 0 var(--pl-lo)}:root[data-theme=light] .setting-switch .ss-half{box-shadow:none;background:0 0}:root[data-theme=light] .setting-switch:not([aria-checked=true]) .ss-off,:root[data-theme=light] .setting-switch[aria-checked=true] .ss-on{background:var(--ss-flat)}:root[data-theme=light] .setting-switch:not([aria-checked=true]) .ss-off{box-shadow:inset 1px 0 0 var(--ss-line)}:root[data-theme=light] .setting-switch[aria-checked=true] .ss-on{box-shadow:inset -1px 0 0 var(--ss-line)}:root[data-theme=light] .ss-off:before,:root[data-theme=light] .ss-on:after{width:calc(2 * var(--g));background:var(--ss-wall)}:root[data-theme=light] .setting-switch:hover:not(:disabled):not([aria-checked=true]) .ss-slit{background:color-mix(in srgb, var(--accent) 40%, var(--pl-led))}@media (prefers-reduced-motion:reduce){.wkey *,.wkey :after,.setting-switch *,.setting-switch :before,.setting-switch :after{transition:none!important}}.pbar{justify-content:space-between;align-items:center;gap:calc(8 * var(--g));padding-top:calc(10 * var(--g));border-top:1px solid var(--line);display:flex}.pb-group{align-items:center;gap:calc(6 * var(--g));min-width:0;display:flex}.pb-key,.pbar .sdr-key{appearance:none;align-items:center;gap:calc(6 * var(--g));height:calc(26 * var(--g));min-height:24px;padding:0 calc(9 * var(--g));border-radius:calc(3 * var(--g));cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--pl-eng);text-shadow:var(--pl-eng-sh);white-space:nowrap;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pl-tsh) 55%, transparent), 0 1px 0 var(--pl-tlip);background:0 0;border:0;margin:0;transition:box-shadow .15s,background-color .15s;display:inline-flex;position:relative;transform:none}.pb-key:hover:not(.down):where(:not(:disabled)){background:color-mix(in srgb, var(--pl-tray) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pl-tsh) 55%, transparent), inset 0 1px 2px color-mix(in srgb, var(--pl-tsh) 35%, transparent), 0 1px 0 var(--pl-tlip);transform:none}.pb-key.down{background:color-mix(in srgb, var(--pl-tray) 40%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pl-tsh) 60%, transparent), inset 0 2px 3px var(--pl-tsh), 0 1px 0 var(--pl-tlip);transition-duration:50ms;transform:none}.pb-key:focus-visible,.pbar .sdr-key:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}.pb-key.icon{min-width:calc(26 * var(--g));padding:0 calc(6 * var(--g));font-size:var(--fs-m);justify-content:center}.pbar .sdr-sw{width:calc(16 * var(--g));height:calc(6 * var(--g))}.pbar .sdr-caret{width:calc(5 * var(--g));height:calc(5 * var(--g));border-width:0 1px 1px 0}.pb-lamp{width:calc(5 * var(--g));height:calc(5 * var(--g));background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in), inset 0 0 0 .5px var(--pl-edge);transition:background .3s var(--ease-out), box-shadow .3s var(--ease-out);border-radius:50%;flex:none}.pb-key:hover:not([aria-pressed=true]):where(:not(:disabled)) .pb-lamp{background:color-mix(in srgb, var(--accent) 32%, var(--pl-led))}.pb-key[aria-pressed=true] .pb-lamp{background:var(--accent);box-shadow:0 0 5px color-mix(in srgb, var(--accent) 60%, transparent);transition-duration:40ms}.pb-key:disabled>:not(.pb-lamp),.sdr-key:disabled>*{opacity:var(--off-ink)}.pb-key[aria-pressed=true]:disabled .pb-lamp{background:var(--off-lit);box-shadow:none}.cfader{--cf-on:var(--c-h);touch-action:none;cursor:pointer;outline:none;flex:none;position:relative}.cfader.cf-x{width:100%;height:calc(48 * var(--g));--pad:calc(13.44 * var(--g))}.cfader.cf-y{width:calc(52 * var(--g));height:calc(150 * var(--g));--pad:calc(14.56 * var(--g))}.cf-slot{border-radius:calc(3 * var(--g));background:var(--pl-tray);box-shadow:inset 0 1px 2px var(--pl-tsh), 0 1px 0 var(--pl-tlip);position:absolute}.cf-x .cf-slot{left:var(--pad);right:var(--pad);top:calc(30 * var(--g));height:calc(5 * var(--g))}.cf-y .cf-slot{top:var(--pad);bottom:var(--pad);left:calc(32 * var(--g));width:calc(5 * var(--g))}.cf-scale{pointer-events:none;font-style:normal;position:absolute}.cf-x .cf-scale{left:var(--pad);right:var(--pad);height:calc(24 * var(--g));top:0}.cf-y .cf-scale{top:var(--pad);bottom:var(--pad);width:calc(26 * var(--g));left:0}.cf-scale .tk{background:var(--pl-lab);opacity:.45;position:absolute}.cf-x .cf-scale .tk{left:calc(var(--t) * 100%);width:1px;height:calc(4 * var(--g));bottom:0}.cf-y .cf-scale .tk{top:calc((1 - var(--t)) * 100%);height:1px;width:calc(4 * var(--g));right:0}.cf-scale .tk.big{opacity:.75}.cf-x .cf-scale .tk.big{height:calc(6 * var(--g))}.cf-y .cf-scale .tk.big{width:calc(6 * var(--g))}.cf-scale .tk.zero{opacity:1}.cf-x .cf-scale .tk.zero{width:1.5px;height:calc(9 * var(--g));margin-left:-.25px}.cf-y .cf-scale .tk.zero{height:1.5px;width:calc(9 * var(--g));margin-top:-.25px}.cf-num{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--pl-lab);white-space:nowrap;line-height:1;position:absolute}.cf-x .cf-num{left:calc(var(--t) * 100%);top:0;transform:translate(-50%)}.cf-y .cf-num{top:calc((1 - var(--t)) * 100%);right:calc(11 * var(--g));transform:translateY(-50%)}.cf-fill{background:var(--cf-on);pointer-events:none;border-radius:1px;position:absolute}:root:not([data-theme=light]) .cf-fill{box-shadow:0 0 4px color-mix(in srgb, var(--cf-on) 55%, transparent)}.cf-x .cf-fill{top:calc(32 * var(--g));height:1.5px;left:calc(var(--pad) + min(var(--v), var(--z)) * (100% - 2 * var(--pad)));width:calc(max(var(--v) - var(--z), var(--z) - var(--v)) * (100% - 2 * var(--pad)))}.cf-y .cf-fill{left:calc(33.75 * var(--g));width:1.5px;top:calc(var(--pad) + (1 - max(var(--v), var(--z))) * (100% - 2 * var(--pad)));height:calc(max(var(--v) - var(--z), var(--z) - var(--v)) * (100% - 2 * var(--pad)))}.cf-cap{cursor:grab;border-radius:calc(3 * var(--g));background:repeating-linear-gradient(var(--cf-rib,90deg), var(--pl-rib-hi) 0 1px, var(--pl-rib-lo) 1px 2px, transparent 2px 3.6px), var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop), 0 calc(8 * var(--g)) calc(10 * var(--g)) calc(-6 * var(--g)) var(--pl-drop2);position:absolute}.cf-x .cf-cap{--cf-rib:90deg;top:calc(18 * var(--g));width:calc(18 * var(--g));height:calc(29 * var(--g));margin-left:calc(-9 * var(--g));left:calc(var(--pad) + var(--v) * (100% - 2 * var(--pad)))}.cf-y .cf-cap{--cf-rib:0deg;left:calc(21.5 * var(--g));width:calc(26 * var(--g));height:calc(18 * var(--g));margin-top:calc(-9 * var(--g));top:calc(var(--pad) + (1 - var(--v)) * (100% - 2 * var(--pad)))}.cf-line{background:var(--cf-on);border-radius:1px;position:absolute}.cf-x .cf-line{left:50%;top:calc(3 * var(--g));bottom:calc(3 * var(--g));width:2px;margin-left:-1px}.cf-y .cf-line{top:50%;left:calc(3 * var(--g));right:calc(3 * var(--g));height:2px;margin-top:-1px}.cfader.moving .cf-cap{cursor:grabbing}.cfader.jump .cf-cap,.cfader.jump .cf-fill{transition:left var(--jump,.3s) var(--ease-travel), top var(--jump,.3s) var(--ease-travel), width var(--jump,.3s) var(--ease-travel), height var(--jump,.3s) var(--ease-travel)}.cfader.snap .cf-cap,.cfader.snap .cf-fill{transition:left 80ms var(--ease-out), top 80ms var(--ease-out), width 80ms var(--ease-out), height 80ms var(--ease-out)}.cfader:focus:not([data-pointer]) .cf-cap{outline:1.5px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cfader .cf-cap,.cfader .cf-fill{transition:none!important}}.dwheel{align-items:center;gap:calc(6 * var(--g));--dw-face:repeating-linear-gradient(90deg, color-mix(in srgb, var(--mix-light) 3.5%, transparent) 0 .5px, transparent .5px 2px), color-mix(in srgb, var(--mask-ink) 86%, var(--on-dark-text));--dw-back:var(--mask-ink);--dw-ink:var(--on-dark-text);--dw-ink-sh:0 -.5px 0 var(--mask-ink);--dw-shade:color-mix(in srgb, var(--mask-ink) 92%, transparent);--dw-spec:color-mix(in srgb, var(--mix-light) 9%, transparent);--dw-ring:color-mix(in srgb, var(--mask-ink) 55%, var(--on-dark-text-2));--dw-side:75%;outline:none;display:inline-flex}:root[data-theme=light] .dwheel{--dw-face:var(--noise), linear-gradient(var(--pl-c1), var(--pl-c1));--dw-back:var(--pl-tray);--dw-ink:var(--pl-tx);--dw-ink-sh:none;--dw-shade:color-mix(in srgb, var(--pl-tx) 40%, transparent);--dw-spec:transparent;--dw-ring:var(--pl-tray);--dw-side:38%}.dw-win{padding:calc(4 * var(--g)) calc(6 * var(--g));border-radius:calc(5 * var(--g));background:var(--pl-tray);box-shadow:inset 0 1px 3px var(--pl-tsh), 0 1px 0 var(--pl-tlip);cursor:ns-resize;touch-action:none;display:inline-flex;position:relative}.dw-win:before,.dw-win:after{content:"";margin-top:calc(-2.5 * var(--g));border:calc(2.5 * var(--g)) solid transparent;position:absolute;top:50%}.dw-win:before{left:calc(1 * var(--g));border-left:calc(3.5 * var(--g)) solid var(--pl-lab);border-right:0}.dw-win:after{right:calc(1 * var(--g));border-right:calc(3.5 * var(--g)) solid var(--pl-lab);border-left:0}.dw-drum{width:calc(24 * var(--g));height:calc(44 * var(--g));perspective:calc(220 * var(--g));background:var(--dw-back);position:relative;overflow:hidden}.dw-cyl{transform-style:preserve-3d;transform:translateZ(calc(-34 * var(--g))) rotateX(calc(var(--a,0) * 36deg));transition:transform .24s var(--ease-spring);position:absolute;inset:0}.dw-cyl i{height:calc(23 * var(--g));margin-top:calc(-11.5 * var(--g));font:500 var(--fs-l) / calc(23 * var(--g)) var(--font-ui);font-variant-numeric:tabular-nums;text-align:center;color:color-mix(in srgb, var(--dw-ink) var(--dw-side), transparent);text-shadow:var(--dw-ink-sh);background:var(--dw-face);backface-visibility:hidden;transform:rotateX(calc(var(--k) * -36deg)) translateZ(calc(34 * var(--g)));transition:color .2s var(--ease-out);font-style:normal;position:absolute;top:50%;left:0;right:0}.dw-cyl i.on{color:var(--dw-ink)}.dw-drum.lead .dw-cyl i{color:color-mix(in srgb, var(--dw-ink) 30%, transparent);text-shadow:none}.dw-drum:after{content:"";pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--dw-shade) 85%, transparent) 0%, color-mix(in srgb, var(--dw-shade) 32%, transparent) 16%, transparent 32%, var(--dw-spec) 42%, transparent 54%, transparent 66%, color-mix(in srgb, var(--dw-shade) 38%, transparent) 84%, color-mix(in srgb, var(--dw-shade) 92%, transparent) 100%);position:absolute;inset:0}.dw-ring{width:calc(3 * var(--g));background:linear-gradient(180deg, var(--dw-shade), var(--dw-ring) 45%, var(--dw-shade));align-self:stretch}.dw-glass{inset:calc(4 * var(--g)) calc(6 * var(--g));pointer-events:none;border-radius:calc(1.5 * var(--g));box-shadow:inset 0 calc(2 * var(--g)) calc(3 * var(--g)) color-mix(in srgb, var(--mask-ink) 40%, transparent), inset 0 0 0 .5px var(--pl-edge);background:linear-gradient(162deg, color-mix(in srgb, var(--mix-light) 8%, transparent) 0%, color-mix(in srgb, var(--mix-light) 2.5%, transparent) 33%, transparent 34%);position:absolute}.dw-keys{gap:calc(4 * var(--g));display:grid}.dw-key{appearance:none;width:calc(30 * var(--g));height:calc(24 * var(--g));border-radius:calc(4 * var(--g));cursor:pointer;-webkit-tap-highlight-color:transparent;background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));min-height:24px;box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop);transition:transform .16s var(--ease-spring), box-shadow .16s var(--ease-spring);border:0;margin:0;padding:0;position:relative}.dw-key:before{content:"";margin:calc(-2.5 * var(--g)) 0 0 calc(-4.5 * var(--g));border:calc(4.5 * var(--g)) solid transparent;border-top:0;border-bottom:calc(5 * var(--g)) solid var(--pl-lab);position:absolute;top:50%;left:50%}.dw-key.held{box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 2px var(--pl-lo);transition-duration:60ms;transition-timing-function:var(--ease-press);transform:translateY(1px)}.dw-key:hover:not(.held){transform:translateY(.5px)}.dw-key:not(.up):before{border-top:calc(5 * var(--g)) solid var(--pl-lab);margin-top:calc(-2.5 * var(--g));border-bottom:0}.dwheel:focus:not([data-pointer]) .dw-win{outline:1.5px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.dw-cyl,.knob .idx,.mode-dial .bar,.tg-sw .lever,.fader .fader-cur,.fader .mag,.fader .fader-fill,.cfader .cf-cap,.cfader .cf-fill{transition:none!important}.knob.kick .idx,.twheel.kick svg{animation:none}}.map-mark{transform:translate(calc(-6 * var(--g)), -50%);align-items:center;gap:calc(6 * var(--g));color:var(--mm-ink,var(--text));font:inherit;font-size:var(--fs-xs);cursor:pointer;pointer-events:auto;text-shadow:0 0 6px var(--mm-halo,var(--bg)), 0 1px 2px var(--mm-halo,var(--bg));background:0 0;border:0;padding:0;display:flex;position:absolute}.map-mark i{width:calc(11 * var(--g));height:calc(11 * var(--g));background:var(--mm-halo,var(--bg));border:1.5px solid;border-radius:50%;flex:none}.map-mark:hover:where(:not(:disabled)) i,.map-mark[aria-pressed=true] i{background:currentColor}.map-mark:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.map-mark:disabled{opacity:var(--key-off)}.inset-screen{isolation:isolate;border-radius:calc(8 * var(--g));box-shadow:0 1px 0 var(--is-lip);position:relative;overflow:hidden}.inset-screen:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--pl-edge), inset 0 3px 14px var(--pl-tsh), inset 0 -1px 0 var(--is-lit);position:absolute;inset:0}.inset-screen>img,.inset-screen>canvas{object-fit:cover;width:100%;height:100%;display:block}.inset-screen.small{border-radius:calc(4 * var(--g))}.inset-screen.small:after{box-shadow:inset 0 0 0 1px var(--pl-edge), inset 0 1px 4px var(--pl-tsh), inset 0 -1px 0 var(--is-lit)}.info-band{z-index:3;align-items:center;gap:calc(24 * var(--g));min-height:calc(68 * var(--g));padding:calc(10 * var(--g)) calc(14 * var(--g)) calc(10 * var(--g)) calc(20 * var(--g));background:color-mix(in srgb, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);box-shadow:inset 0 1px 0 var(--line-strong);display:flex;position:absolute;bottom:0;left:0;right:0}.info-band:before{content:"";height:calc(5 * var(--g));background:repeating-linear-gradient(90deg, var(--accent) 0 1px, transparent 1px calc(10 * var(--g)));opacity:.45;pointer-events:none;position:absolute;bottom:100%;left:0;right:0}.ib-what{gap:calc(3 * var(--g));min-width:0;display:grid}.ib-kicker{font-family:var(--font-mono);font-size:calc(10 * var(--u));letter-spacing:.2em;text-transform:uppercase;color:var(--accent);white-space:nowrap}.ib-title{font-size:calc(20 * var(--u));color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:300;line-height:1.2;overflow:hidden}.ib-mid{align-items:center;gap:calc(16 * var(--g));margin-left:auto;display:flex}.ib-live{align-items:center;gap:calc(7 * var(--g));font-family:var(--font-mono);font-size:calc(10 * var(--u));letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);white-space:nowrap;display:inline-flex}.ib-lamp{width:calc(6 * var(--g));height:calc(6 * var(--g));background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in);border-radius:50%;transition:background-color .3s,box-shadow .3s}.ib-lamp.on{background:var(--accent);box-shadow:0 0 6px var(--accent), inset 0 1px 1px var(--pl-led-in)}.ib-reads{align-items:center;gap:calc(14 * var(--g));font-family:var(--font-mono);font-size:calc(11.5 * var(--u));color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex}.ib-reads i{font-family:var(--font-ui);color:var(--text-3);margin-right:calc(5 * var(--g));font-style:italic}.ib-reads b{color:var(--text);font-weight:400}.ib-actions{align-items:center;gap:calc(8 * var(--g));display:flex}.ib-actions:empty{display:none}.info-band.plate{--lg-shine:.8;gap:calc(18 * var(--g));min-height:0;padding:calc(7 * var(--g)) calc(7 * var(--g)) calc(7 * var(--g)) calc(22 * var(--g));background-color:var(--lg-tint);box-shadow:var(--lg-shadow);background-size:100% 100%;border-radius:999px}.info-band.plate:before,.info-band.plate .ib-kicker{display:none}.info-band.plate[data-glass=frost]{-webkit-backdrop-filter:blur(16px)saturate(1.4)}.info-band.plate[data-glass=solid]{-webkit-backdrop-filter:none;background-color:var(--lg-solid)}.info-band.plate .glass-key{border-radius:999px}.info-band.plate :is(.ib-title,.ib-live,.ib-reads b){color:var(--lg-ink);text-shadow:var(--lg-ink-shadow)}.info-band.plate .ib-reads i{color:var(--lg-ink-2);text-shadow:var(--lg-ink-drop)}.glass-key{align-items:center;gap:calc(10 * var(--g));height:calc(40 * var(--g));padding:0 calc(16 * var(--g));border-radius:calc(8 * var(--g));background:linear-gradient(180deg, var(--pl-gtint), transparent), color-mix(in srgb, var(--bg) 82%, transparent);box-shadow:inset 0 0 0 1px var(--pl-ge1), inset 0 -1px 0 var(--pl-ge3), 0 6px 14px -8px var(--pl-drop2);color:var(--accent);font-family:var(--font-mono);font-size:calc(11.5 * var(--u));letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-state);border:0;text-decoration:none;display:inline-flex}.gk-label,.gk-arrow{text-shadow:0 0 10px color-mix(in srgb, var(--accent) 55%, transparent)}.gk-arrow{font-family:var(--font-ui);font-size:calc(15 * var(--u));letter-spacing:0;line-height:1}.glass-key:hover{background:var(--accent-grad), color-mix(in srgb, var(--bg) 82%, transparent)}.glass-key:active{transform:translateY(1px)}.glass-key:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.search-field{align-items:center;gap:calc(10 * var(--g));height:calc(46 * var(--g));padding:0 calc(14 * var(--g));border:1px solid var(--line-strong);color:var(--text-3);border-radius:2px;display:flex;position:relative}.search-field:focus-within{border-color:var(--accent)}.sf-icon{flex:none;display:flex}.sf-icon svg{width:calc(15 * var(--g));height:calc(15 * var(--g));fill:none;stroke:currentColor;stroke-width:1.4px}.sf-input{min-width:0;height:100%;color:var(--text);font:inherit;font-size:calc(15 * var(--u));background:0 0;border:0;outline:0;flex:1}.sf-input::placeholder{color:var(--text-3)}.sf-input::-webkit-search-cancel-button{display:none}.sf-key{font-family:var(--font-mono);font-size:calc(11 * var(--u));border:1px solid var(--line);padding:1px calc(6 * var(--g));border-radius:3px}@media (hover:none){.sf-key{display:none}}.sf-results{z-index:5;padding:calc(6 * var(--g));background:var(--bg);border:1px solid var(--line-strong);border-radius:2px;margin:0;list-style:none;position:absolute;top:calc(100% + 6px);left:-1px;right:-1px}.sf-row{justify-content:space-between;align-items:baseline;gap:calc(16 * var(--g));padding:calc(8 * var(--g)) calc(10 * var(--g));color:var(--text);border-radius:2px;text-decoration:none;display:flex}a.sf-row:hover,a.sf-row:focus-visible{background:var(--accent-grad);outline:none}.sf-row b{font-weight:500}.sf-row.off b{font-weight:400}.sf-row sup{color:var(--text-3);margin-left:2px;font-size:.75em}.sf-row span{color:var(--text-3);font-size:calc(13 * var(--u))}.sf-none{padding:calc(8 * var(--g)) calc(10 * var(--g));color:var(--text-3);font-size:var(--fs-m)}.sdr-key{appearance:none;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:calc(8 * var(--g));height:calc(32 * var(--g));padding:0 calc(10 * var(--g)) 0 calc(10 * var(--g));border-radius:calc(5 * var(--g));font-size:var(--fs-s);color:var(--pl-lab);background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop), 0 calc(5 * var(--g)) calc(8 * var(--g)) calc(-4 * var(--g)) var(--pl-drop2);transition:color var(--dur-state), transform .16s var(--ease-spring), box-shadow .16s var(--ease-spring);border:0;margin:0;display:inline-flex}.sdr-key:hover:not([aria-expanded=true]):not(.down):where(:not(:disabled)){box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 .5px 1.5px var(--pl-drop), 0 calc(3 * var(--g)) calc(6 * var(--g)) calc(-4 * var(--g)) var(--pl-drop2);transform:translateY(.5px)}.sdr-key[aria-expanded=true],.sdr-key.down{box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 2px var(--pl-lo), 0 .5px 1px var(--pl-drop);transform:translateY(1px)}.sdr-key.down{transition-duration:var(--dur-state), 60ms, 60ms;transition-timing-function:var(--ease-out), var(--ease-press), var(--ease-press)}.sdr-key:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}.pbar .sdr-key:hover:not(.down):where(:not(:disabled)),.pbar .sdr-key[aria-expanded=true]{background:color-mix(in srgb, var(--pl-tray) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pl-tsh) 55%, transparent), inset 0 1px 2px color-mix(in srgb, var(--pl-tsh) 35%, transparent), 0 1px 0 var(--pl-tlip);transform:none}.pbar .sdr-key.down{background:color-mix(in srgb, var(--pl-tray) 40%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pl-tsh) 60%, transparent), inset 0 2px 3px var(--pl-tsh), 0 1px 0 var(--pl-tlip);transition-duration:50ms;transform:none}.sdr-sw{width:calc(22 * var(--g));height:calc(8 * var(--g));border-radius:calc(2 * var(--g));box-shadow:inset 0 0 0 .5px var(--pl-edge), inset 0 1px 1px var(--pl-led-in);flex:none;transition:background .2s}.sdr-caret{width:calc(7 * var(--g));height:calc(7 * var(--g));margin-left:calc(2 * var(--g));opacity:.75;transition:transform .24s var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;flex:none;transform:translateY(-25%)rotate(45deg)}.sdr-key[aria-expanded=true] .sdr-caret{transform:translateY(25%)rotate(225deg)}.sdr-tray{z-index:6;padding:calc(7 * var(--g));border-radius:calc(9 * var(--g));background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), 0 calc(10 * var(--g)) calc(28 * var(--g)) calc(-6 * var(--g)) var(--pl-drop), 0 calc(3 * var(--g)) calc(8 * var(--g)) var(--pl-drop2);transform-origin:50% 100%;opacity:0;transform:translateY(calc(10 * var(--g))) scaleY(.94);clip-path:inset(40% 0 0 0 round calc(9 * var(--g)));transition:opacity .18s ease-in,transform .22s ease-in,clip-path .22s ease-in}.sdr-tray[data-open]{opacity:1;clip-path:inset(-40px -40px -40px -40px round calc(9 * var(--g)));transition:opacity .2s var(--ease-out), transform .34s var(--ease-out), clip-path .34s var(--ease-out);transform:none}.sdr-well{grid-template-columns:repeat(var(--sdr-cols,5), minmax(0, 1fr));gap:calc(8 * var(--g));padding:calc(9 * var(--g)) calc(9 * var(--g)) calc(7 * var(--g));border-radius:calc(6 * var(--g));background:var(--pl-tray);box-shadow:inset 0 2px 5px var(--pl-tsh), 0 1px 0 var(--pl-tlip);display:grid}.sdr-group{align-items:baseline;column-gap:calc(8 * var(--g));padding:calc(2 * var(--g)) calc(2 * var(--g)) 0;font-size:var(--fs-2xs);color:var(--pl-lab);letter-spacing:.08em;flex-wrap:wrap;grid-column:1/-1;display:flex}.sdr-group b{font-weight:600}.sdr-group span{color:var(--text-3);letter-spacing:0}.sdr-well.grouped .sdr-group:not(:first-child){margin-top:calc(4 * var(--g))}.sdr-tile{appearance:none;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;gap:calc(6 * var(--g));min-width:0;color:var(--pl-lab);font-size:var(--fs-2xs);opacity:0;transform:translateY(calc(6 * var(--g)));transition:opacity .12s, transform .12s, color var(--dur-state);background:0 0;border:0;margin:0;padding:0;display:grid}.sdr-tray[data-open] .sdr-tile{opacity:1;transition:opacity .26s var(--ease-out) calc(70ms + var(--i) * 40ms), transform .32s var(--ease-out) calc(70ms + var(--i) * 40ms), color var(--dur-state);transform:none}.sdr-glass{aspect-ratio:1;border-radius:calc(4 * var(--g));background:var(--pl-bg);box-shadow:0 0 0 .5px var(--pl-edge), 0 0 0 0 transparent;transition:transform .14s var(--ease-spring), box-shadow .3s var(--ease-out);display:block;position:relative;overflow:hidden}.sdr-tile.down .sdr-glass{transition:transform 50ms var(--ease-press), box-shadow .3s var(--ease-out);transform:translateY(.5px)}.sdr-tile.down .sdr-glass:after{box-shadow:inset 0 2px 5px var(--pl-gv), inset 0 0 0 .5px var(--pl-ge2)}.sdr-glass canvas{width:100%;height:100%;display:block}.sdr-glass:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(155deg, var(--pl-ge1), transparent 38%);box-shadow:inset 0 0 0 .5px var(--pl-ge2), inset 0 -6px 10px -6px var(--pl-ge3);position:absolute;inset:0}.sdr-name{justify-content:center;align-items:center;gap:calc(5 * var(--g));white-space:nowrap;display:inline-flex;overflow:hidden}.sdr-name .lamp{width:calc(5 * var(--g));height:calc(5 * var(--g));background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in);transition:background-color .3s var(--ease-out), box-shadow .3s var(--ease-out);border-radius:50%;flex:none}.sdr-tile:hover:not([aria-pressed=true]) .lamp{background:color-mix(in srgb, var(--accent) 32%, var(--pl-led))}.sdr-tile[aria-pressed=true] .sdr-glass{box-shadow:0 0 0 .5px var(--pl-edge), 0 0 0 2px var(--accent), 0 0 8px color-mix(in srgb, var(--accent) 35%, transparent);transition:transform .14s var(--ease-spring), box-shadow 80ms var(--ease-out)}.sdr-tile[aria-pressed=true] .lamp{background:var(--accent);box-shadow:0 0 5px color-mix(in srgb, var(--accent) 60%, transparent);transition-duration:40ms}.sdr-tile:focus-visible{outline:none}.sdr-tile:focus-visible .sdr-glass{outline:1.5px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.sdr-tray,.sdr-tray[data-open],.sdr-tile,.sdr-tray[data-open] .sdr-tile,.sdr-glass,.sdr-caret{transition:none}}.brush-trail{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.brush-ring{pointer-events:none;opacity:0;border:1.5px solid var(--accent);box-shadow:0 0 6px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 0 4px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:50%;transition:opacity .15s;position:absolute;top:0;left:0}.brush-ring.on{opacity:1}.brush-ring.erase{border-style:dashed;border-color:var(--bc-ink,var(--text));box-shadow:0 0 4px var(--bc-halo,var(--bg))}.brush-ring b{margin:calc(-5 * var(--g)) 0 0 calc(-5 * var(--g));padding:0 calc(4 * var(--g));background:var(--bc-halo,var(--bg));color:var(--accent);font:500 var(--fs-2xs) / 1.6 var(--font-mono);white-space:nowrap;border-radius:2px;position:absolute;top:100%;left:100%}.brush-ring.erase b{color:var(--bc-ink,var(--text))}@property --win-k{syntax:"<color>";inherits:true;initial-value:#0000}.hud-window{--win-k:var(--frame);min-width:0;transition:--win-k var(--dur-state);grid-template-rows:minmax(0,1fr);display:grid;position:relative}.hud-window[hidden]{display:none}.win-pane{min-width:0;min-height:0;padding:0 calc(12 * var(--g)) calc(12 * var(--g));background:linear-gradient(180deg, var(--win-sheen), transparent 45%), color-mix(in srgb, var(--disp-bg) 86%, transparent);box-shadow:inset 0 0 0 1px var(--disp-line);grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.win-pane:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--win-glint) 22%, var(--win-glint) 78%, transparent);height:1px;position:absolute;top:0;left:0;right:0}.win-head{align-items:center;gap:calc(8 * var(--g));min-width:0;min-height:calc(36 * var(--g));padding-block:calc(6 * var(--g));margin-right:calc(-8 * var(--g));display:flex}.win-title{min-width:0;font-size:var(--fs-s);color:var(--text-2);flex:1;line-height:1.5}.win-body{min-width:0;min-height:0}.win-close{appearance:none;width:calc(24 * var(--g));height:calc(24 * var(--g));color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:2px;flex:none;place-items:center;margin:0 0 0 auto;padding:0;transition:color .15s,background-color .15s;display:grid}.win-close svg{width:calc(10 * var(--g));height:calc(10 * var(--g));overflow:visible}.win-close path{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:square}.win-close:hover{color:var(--text);background:var(--surface-hover)}.hud-window:not(.floating) .win-close{display:none}.win-marks{pointer-events:none;--l:calc(10 * var(--g));--w:1.5px;background:linear-gradient(var(--win-k), var(--win-k)) left top / var(--l) var(--w), linear-gradient(var(--win-k), var(--win-k)) left top / var(--w) var(--l), linear-gradient(var(--win-k), var(--win-k)) right top / var(--l) var(--w), linear-gradient(var(--win-k), var(--win-k)) right top / var(--w) var(--l), linear-gradient(var(--win-k), var(--win-k)) left bottom / var(--l) var(--w), linear-gradient(var(--win-k), var(--win-k)) left bottom / var(--w) var(--l), linear-gradient(var(--win-k), var(--win-k)) right bottom / var(--l) var(--w), linear-gradient(var(--win-k), var(--win-k)) right bottom / var(--w) var(--l);background-repeat:no-repeat;position:absolute;inset:0}.hud-window.floating{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.hud-window.floating .win-pane{-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--disp-line), 0 18px 40px -24px var(--pl-drop2)}.hud-window.floating:hover{--win-k:var(--frame-hi)}.hud-window.floating.dragging{cursor:grabbing;--win-k:var(--accent)}.hud-window.floating:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}.hud-window .win-scroll{touch-action:pan-x pan-y}.mxd{gap:calc(12 * var(--g));min-width:0;display:grid}.mxd-row{align-items:center;gap:calc(14 * var(--g));flex-wrap:wrap;display:flex}.mxd-bezel{padding:calc(5 * var(--g));border-radius:calc(10 * var(--g));background:var(--noise), var(--pl-tray);box-shadow:inset 0 1px 3px var(--pl-tsh), 0 1px 0 var(--pl-tlip), 0 0 0 .5px var(--pl-edge);flex:none}.mxd-screen{width:min(calc(136 * var(--g)), 28vw);aspect-ratio:1;border-radius:calc(5 * var(--g));background:var(--disp-bg);box-shadow:0 0 0 .5px var(--pl-edge);touch-action:none;outline:none;position:relative;overflow:hidden}.mxd-screen:focus-visible{box-shadow:0 0 0 1.5px var(--accent)}.mxd-screen>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.mxd-sheen,.mxd-vig{pointer-events:none;position:absolute;inset:0}.mxd-sheen{background:linear-gradient(104deg, var(--pl-sh1) 0%, var(--pl-sh2) 26%, transparent 48%, transparent 84%, var(--pl-sh2))}.mxd-vig{border-radius:inherit;box-shadow:inset 1px 1px 0 var(--pl-ge1), inset -1px 0 0 var(--pl-ge2), inset 0 -1px 0 var(--pl-ge3), inset 0 0 calc(14 * var(--g)) var(--pl-gv)}.mxd-col{gap:calc(8 * var(--g));flex:none;width:max-content;display:grid}.mxd-br{gap:calc(8 * var(--g)) calc(10 * var(--g));padding:calc(6 * var(--g)) calc(12 * var(--g));align-items:center;display:grid;position:relative}.mxd-br:before,.mxd-br:after{content:"";width:calc(7 * var(--g));border:1.5px solid var(--pl-eng);filter:drop-shadow(0 1px 0 var(--pl-hi));position:absolute;top:0;bottom:0}.mxd-br:before{border-right:0;left:0}.mxd-br:after{border-left:0;right:0}.mxd-bar{background:var(--pl-eng);width:1.5px;filter:drop-shadow(1px 0 0 var(--pl-hi));grid-row:1/span 2;align-self:stretch}.mxd .mxd-num{field-sizing:fixed;width:calc(var(--mxd-chars,6) * 1ch + 8 * var(--g));min-inline-size:0;padding:0 calc(4 * var(--g));text-align:right;white-space:pre;font-family:var(--font-mono);font-size:var(--fs-l);font-variant-numeric:tabular-nums}.mxd .mxd-num.nudge{animation:mxd-nudge .3s var(--ease-out)}@keyframes mxd-nudge{0%,to{translate:0}30%{translate:calc(-3 * var(--g)) 0}60%{translate:calc(2 * var(--g)) 0}}.mxd-sel{margin:calc(-4 * var(--g)) calc(-5 * var(--g));border:1px solid color-mix(in srgb, var(--accent) 70%, transparent);border-radius:calc(4 * var(--g));pointer-events:none;grid-row:1/span 2;place-self:stretch stretch}.mxd-keys{width:0;min-width:calc(100% + 4 * var(--g));margin:0 calc(-2 * var(--g))}.mxd-wheels{gap:calc(8 * var(--g)) calc(10 * var(--g));grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.mxd-ax{font-family:var(--font-serif);font-style:italic;font-size:var(--fs-l);color:var(--text-2)}.fxf{gap:calc(10 * var(--g));min-width:0;display:grid}.fxf-row{align-items:center;gap:calc(8 * var(--g));grid-template-columns:auto minmax(0,1fr);display:grid}.fxf-lab{color:var(--text-2);font-size:var(--fs-m);white-space:nowrap}.fxf-lab .katex{font-size:1.05em}.fxf-box{height:calc(34 * var(--g));min-width:0;padding:0 calc(10 * var(--g));border-radius:calc(5 * var(--g));cursor:text;background:var(--disp-bg);box-shadow:inset 0 1px 3px var(--pl-tsh), 0 1px 0 var(--pl-tlip), 0 0 0 .5px var(--pl-edge);outline:none;align-items:center;display:flex;position:relative;overflow:hidden}.fxf-box:hover{box-shadow:inset 0 1px 4px var(--pl-tsh), 0 1px 0 var(--pl-tlip), 0 0 0 .5px var(--pl-edge)}.fxf-box:focus-visible{box-shadow:inset 0 1px 3px var(--pl-tsh), 0 0 0 1.5px var(--accent)}.fxf-box.editing{box-shadow:inset 0 1px 3px var(--pl-tsh), 0 0 0 1px color-mix(in srgb, var(--accent) 70%, transparent)}.fxf-tex{color:var(--text);font-size:var(--fs-m);white-space:nowrap}.fxf-tex .katex{font-size:1.05em}.fxf-in,.fxf-mirror{padding:0 calc(10 * var(--g));font-family:var(--font-mono);font-size:var(--fs-s);letter-spacing:0;font-weight:450;line-height:calc(34 * var(--g));position:absolute;inset:0}.fxf-in{width:100%;color:var(--text);visibility:hidden;background:0 0;border:0;outline:none}.fxf-box.editing .fxf-in{visibility:visible}.fxf-box.editing .fxf-tex{visibility:hidden}.fxf-mirror{white-space:pre;color:#0000;pointer-events:none}.fxf-mirror mark{color:#0000;text-decoration:underline wavy var(--accent);text-underline-offset:calc(5 * var(--g));background:0 0;text-decoration-thickness:1.5px}.fxf-status{margin:calc(-4 * var(--g)) 0 0;overflow-wrap:anywhere;min-width:0;font-size:var(--fs-s);color:var(--text-3);line-height:1.5}.fxf-status.fx-err{color:var(--text)}.fxf-status.fx-err:before{content:"▲ ";color:var(--accent)}.fxf-status.fx-note{color:var(--text-2)}.fxf-status.nudge{animation:mxd-nudge .3s var(--ease-out)}.ptl{pointer-events:none;position:absolute;inset:0}.handle.ptl-pt{width:calc(30 * var(--g));height:calc(30 * var(--g))}.handle.grab.ptl-pt:before{inset:calc(7 * var(--g))}.handle.grab.ptl-pt:hover:before{opacity:.5;transform:none}.handle.grab.ptl-pt.sel:before{opacity:1;transform:none}.ptl-hud{gap:calc(8 * var(--g));display:flex}.ptl-del svg{width:calc(12 * var(--g));height:calc(12 * var(--g));fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round}.cdraw{pointer-events:none;position:absolute;inset:0}.cdraw-pen{width:calc(12 * var(--g));height:calc(12 * var(--g));margin:calc(-6 * var(--g)) 0 0 calc(-6 * var(--g));border:1.2px solid var(--accent);opacity:0;border-radius:50%;transition:opacity .15s;position:absolute;top:0;left:0}.cdraw-pen.on{opacity:1}.pdraw{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pdraw-armed{cursor:crosshair}.pdraw-guide{fill:none;stroke:var(--text-3);stroke-width:1px;stroke-dasharray:calc(6 * var(--g)) calc(6 * var(--g));opacity:0;transition:opacity var(--dur-state) var(--ease-out)}.pdraw-armed .pdraw-guide{opacity:.8}.pdraw-armed.pdraw-on .pdraw-guide{opacity:.35}.pdraw-prompt{z-index:2;gap:calc(6 * var(--g));text-align:center;width:max-content;max-width:calc(100% - 32px);color:var(--text);font-size:var(--fs-l);pointer-events:none;opacity:0;transition:opacity var(--dur-state) var(--ease-out);justify-items:center;margin:0;line-height:1.4;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pdraw-sub{color:var(--text-3);font-size:var(--fs-s)}.pdraw-armed .pdraw-prompt{opacity:.9}.pdraw-armed.pdraw-on .pdraw-prompt,.pdraw-armed.pdraw-keys .pdraw-prompt{opacity:0}.pdraw-line{fill:none;stroke:var(--text);stroke-width:calc(2.2 * var(--g));stroke-linejoin:round;stroke-linecap:round;opacity:.9}.pdraw-join{stroke:var(--text-2);stroke-width:calc(1.2 * var(--g));stroke-dasharray:calc(4 * var(--g)) calc(5 * var(--g))}.pdraw-dot{fill:none;stroke:var(--text);stroke-width:calc(1.3 * var(--g))}.pdraw-first{fill:none;stroke:var(--accent);stroke-width:calc(1.5 * var(--g))}.pdraw-key{opacity:1;display:none}.pdraw-armed .pdraw-key{display:flex}.handle.pdraw-pen{opacity:0;position:absolute;top:0;left:0}.handle.pdraw-pen.on{opacity:1}.stack-labels{pointer-events:none;z-index:2;position:absolute;inset:0}.stack-label{font-family:var(--font-ui);font-size:var(--fs-s);color:var(--text-2);white-space:nowrap;text-shadow:0 0 3px var(--plot-bg), 0 0 6px var(--plot-bg), 0 0 9px var(--plot-bg);line-height:1.3;position:absolute}.stack-label:empty,.stack-label[hidden]{display:none}.stack-label.stack-x,.stack-label.stack-second{font-size:var(--fs-s);color:var(--text-2)}.stack-label.stack-note{font-size:var(--fs-xs);color:var(--text-3)}.stack-label .katex{font-size:1.05em}@media (width<=600px){.stack-label,.stack-label.stack-x,.stack-label.stack-second{font-size:var(--fs-xs)}}.tg-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tg-lbl{font-size:var(--fs-l);white-space:nowrap;text-shadow:0 0 3px var(--plot-bg), 0 0 3px var(--plot-bg), 0 0 6px var(--plot-bg);line-height:1.15;position:absolute;top:0;left:0}.tg-lbl .katex{font-size:1em}.tg-lbl[hidden]{display:none}.tg-ink{color:var(--curve)}.tg-probe{color:var(--c-a)}.tg-note{color:var(--c-a);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.02em}.tg-step{font-size:var(--fs-m)}.plot-annotation{box-sizing:border-box;width:fit-content;max-width:100%;padding:calc(9 * var(--g)) calc(14 * var(--g));border:1px solid #0000;border-left:2px solid var(--text-3);background:var(--plot-annotation-bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-m);overflow-wrap:anywhere;text-align:start;pointer-events:none;margin:0;line-height:1.55}.plot-annotation[hidden],.plot-annotation:empty,.plot-annotation[data-lines]:not(:has(>.plot-note-line:not([hidden]):not(:empty))){display:none}.plot-annotation .katex{font-size:1em}.plot-note-line{color:inherit;font:inherit;margin:0}.plot-note-line[hidden],.plot-note-line:empty{display:none}.plot-note-line:not([hidden]):not(:empty)~.plot-note-line:not([hidden]):not(:empty){margin-top:calc(5 * var(--g))}.plot-legend{gap:calc(6 * var(--g)) calc(14 * var(--g));color:var(--text-2);font-size:var(--fs-s);flex-wrap:wrap;display:flex}.plot-legend[data-lines]{display:block}.plot-legend-item{align-items:baseline;gap:calc(7 * var(--g));min-width:0;display:inline-flex}.plot-legend-symbol{color:var(--curve);font-family:var(--font-mono);font-size:var(--fs-m);flex:none;align-self:center;line-height:1}.plot-legend-symbol[data-tone=a]{color:var(--c-a)}.plot-legend-symbol[data-tone=h]{color:var(--c-h)}.plot-legend-symbol[data-tone=measured]{color:var(--c-dy-text)}.shp-panel{--shp-key:46px;--shp-gap:8px;--shp-qr:calc(2 * var(--shp-key) + var(--shp-gap));box-sizing:border-box;overscroll-behavior:contain;transform-origin:100% 0;width:min(372px,100vw - 24px);max-height:calc(100dvh - 80px);color:var(--text-2);font-family:var(--font-ui);background:var(--hd-sheet);box-shadow:inset 0 0 0 1px var(--hd-sheet-line), var(--hd-sheet-shadow);backdrop-filter:blur(28px)saturate(1.7);animation:shp-in .22s var(--ease-out);border-radius:18px;grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 16px 12px;display:grid;position:relative;overflow-y:auto}@keyframes shp-in{0%{opacity:0;transform:translateY(-6px)scale(.985)}}.shp-panel [hidden]{display:none!important}.shp-header{gap:10px;display:grid}.shp-title{overflow-wrap:anywhere;letter-spacing:-.005em;min-width:0;color:var(--text);padding-inline:2px;font-size:16px;font-weight:600;line-height:1.3}.shp-sub{font-size:var(--fs-xs);color:var(--text-3);line-height:1.4}.shp-toggle,.shp-btn{appearance:none;font:inherit;cursor:pointer;box-sizing:border-box;text-align:start;border:0;border-radius:12px;align-items:center;margin:0;transition:color .15s,background-color .15s;display:flex}.shp-toggle:focus-visible,.shp-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shp-toggle{background:var(--hd-well);width:100%;min-height:40px;color:var(--text);flex-direction:row-reverse;justify-content:space-between;gap:12px;padding:4px 0;padding-inline:12px 10px;font-size:13.5px;line-height:1.3}.shp-toggle:hover{background:var(--hd-well-strong)}.shp-check{background:color-mix(in srgb, var(--text) 18%, transparent);border-radius:10px;flex:none;width:32px;height:20px;transition:background-color .2s;position:relative}.shp-check:after{content:"";background:var(--mix-light);width:16px;height:16px;box-shadow:var(--hd-switch-shadow);border-radius:50%;transition:transform .22s cubic-bezier(.3,.7,.2,1);position:absolute;top:2px;left:2px}.shp-toggle[aria-checked=true] .shp-check{background:var(--accent)}.shp-toggle[aria-checked=true] .shp-check:after{transform:translate(12px)}.shp-top{grid-template-columns:minmax(0, 1fr) var(--shp-qr);column-gap:14px;row-gap:var(--shp-gap);align-items:start;display:grid}.shp-main{display:contents}.shp-code{grid-area:1/2/span 2}.shp-btn{min-height:var(--shp-key);color:var(--text);justify-content:flex-start;gap:10px;padding:4px 14px;font-size:14px;font-weight:500;line-height:1.2}.shp-btn.shp-primary{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent-ink);font-weight:600}.shp-btn.shp-primary:hover{background:color-mix(in srgb, var(--accent) 24%, transparent)}.shp-btn.shp-primary.is-done{background:var(--accent);color:var(--bg)}.shp-btn:is(.shp-secondary,.shp-native){background:var(--hd-well)}.shp-btn:is(.shp-secondary,.shp-native):hover{background:var(--hd-well-strong)}.shp-btn:disabled{cursor:wait;opacity:.6}.shp-native{grid-column:1/-1;justify-content:center;display:none}@media (pointer:coarse){.shp-btn.shp-native{display:flex}}.shp-glyph{flex:none;width:18px;height:18px;position:relative}.shp-ico{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:opacity var(--dur-state) var(--ease-out);position:absolute;inset:0}.shp-ok,.is-done .shp-ico:not(.shp-ok){opacity:0}.is-done .shp-ok{opacity:1}.shp-plate{box-sizing:border-box;width:var(--shp-qr);min-height:var(--shp-qr);background:var(--mix-light);box-shadow:0 0 0 1px var(--hd-sheet-line);border-radius:12px;display:block;overflow:hidden}.shp-qr{aspect-ratio:1;width:100%;height:auto;fill:color-mix(in srgb, var(--mask-ink) 92%, var(--mix-light));display:block}.shp-qr-note{font-size:var(--fs-2xs);color:var(--mask-ink);padding:8px;line-height:1.35;display:block}.shp-fail{gap:6px;display:grid}.shp-url{box-sizing:border-box;width:100%;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text);background:var(--hd-well);border:0;border-radius:10px;padding:8px 10px}.shp-url:focus{outline:2px solid var(--accent);outline-offset:1px}.shp-plats{border-top:1px solid var(--hd-sheet-line);flex-wrap:wrap;justify-content:space-between;gap:2px;padding-top:10px;display:flex}.shp-plat{width:38px;height:38px;color:var(--text-2);border-radius:50%;place-items:center;transition:color .15s,background-color .15s;display:grid}.shp-plat:hover{color:var(--text);background-color:var(--hd-well)}.shp-plat:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.shp-brand{fill:currentColor;width:17px;height:17px}.shp-hole{fill:var(--disp-bg)}.shp-message{font-size:var(--fs-xs);color:var(--text-2);padding-inline:2px;line-height:1.4}.shp-message:empty{display:none}.shp-live{clip-path:inset(50%);white-space:nowrap;width:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.shp-panel{animation:none}.shp-ico,.shp-check,.shp-check:after{transition:none}}@media (width<=420px){.shp-panel{padding:14px 12px 10px}.shp-top{column-gap:10px}.shp-btn{gap:8px;padding-inline:10px}.shp-plat{width:34px;height:34px}}.hbtn:is(.share-trigger,.present-btn){width:auto;height:32px;color:var(--text-2);cursor:pointer;font-size:var(--fs-s);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:6px 8px}.hbtn:is(.share-trigger,.present-btn):hover,.hbtn.share-trigger[aria-expanded=true]{color:var(--text);border-color:var(--line-strong);background:var(--surface-hover)}.hbtn:is(.share-trigger,.present-btn):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hbtn:is(.share-trigger,.present-btn) svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@media (width<=420px){.hbtn:is(.share-trigger,.present-btn){padding-inline:5px}.hbtn:is(.share-trigger,.present-btn) svg{display:none}}