:root{--te-sans: "Univers Next", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--te-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--white: #ffffff;--paper: #f5f5f5;--ink: #0f0e12;--g100: #e5e5e5;--g200: #cccccc;--g500: #a1a7af;--g600: #767676;--g900: #4d4d4d;--orange: #f05a24;--orange-dim: rgba(240, 90, 36, .4);--blue: #0071bb;--lcd: #0f0e12;--pad: 40px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--te-sans);font-weight:300;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}::selection{background:var(--orange);color:var(--white)}kbd{font-family:var(--te-mono);font-size:11px;border:1px solid var(--g200);padding:1px 6px;color:var(--ink);background:var(--white)}.sheet{max-width:920px;margin:0 auto;border-left:1px solid var(--g200);border-right:1px solid var(--g200);min-height:100vh;position:relative}.rule{border:0;border-top:1px solid var(--g100);margin:0}.topbar{display:flex;align-items:baseline;gap:18px;padding:18px var(--pad);border-bottom:1px solid var(--ink)}.wordmark{font-weight:400;font-size:21px;letter-spacing:-.02em}.wordmark sup{font-size:9px;vertical-align:super;color:var(--g600)}.model,.ver{font-family:var(--te-mono);font-size:11px;color:var(--g600);text-transform:lowercase}.topbar .spacer{flex:1}.hero{padding:72px var(--pad) 48px}h1{font-weight:300;font-size:clamp(38px,6vw,62px);line-height:1;letter-spacing:-.025em;margin:0 0 22px;max-width:14ch;text-transform:lowercase}h1 b{font-weight:300;color:var(--orange)}.lead{max-width:52ch;color:var(--g900);font-size:19px;line-height:1.5;margin:0}.kbd{margin:26px 0 0;font-family:var(--te-mono);font-size:12px;color:var(--g600);text-transform:lowercase;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.specs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.specs>div{padding:16px var(--pad);padding-right:16px;border-right:1px solid var(--g100);display:flex;flex-direction:column;gap:8px;min-width:0}.specs>div:not(:first-child){padding-left:16px}.specs>div:last-child{border-right:0}.specs .k{font-family:var(--te-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--g600)}.specs .v{font-family:var(--te-mono);font-size:14px;color:var(--ink);display:flex;align-items:center;gap:8px}@media (max-width: 640px){.specs{grid-template-columns:1fr 1fr}}.btn,.mini{font-family:var(--te-sans);font-weight:400;font-size:14px;text-transform:lowercase;cursor:pointer;background:var(--white);color:var(--ink);border:1px solid var(--ink);border-radius:0;padding:10px 16px;transition:background .12s,color .12s,opacity .12s}.mini{padding:3px 9px;font-size:11px;border-color:var(--g200);color:var(--g600)}.btn:hover{background:var(--ink);color:var(--paper)}.mini:hover{border-color:var(--ink);color:var(--ink)}.btn.solid{background:var(--ink);color:var(--paper)}.btn.solid:hover{opacity:.72}.btn:active{opacity:.6}.btn:focus-visible,.mini:focus-visible,.knob:focus-visible,.tab:focus-visible,.tickchip:focus-visible,.altbtn:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.instrument{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"play scope vol";gap:28px;align-items:stretch;background:var(--paper);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:26px var(--pad)}.play-col{grid-area:play;display:flex;flex-direction:column;gap:12px;align-items:center}.scope-col{grid-area:scope}.fader{grid-area:vol}.knob.play{width:112px;height:112px;border-radius:50%;border:1.5px solid var(--ink);background:var(--white);color:var(--ink);cursor:pointer;position:relative;display:grid;place-items:center;font-family:var(--te-mono);font-size:13px;text-transform:lowercase;transition:background .12s,color .12s}.knob.play:before{content:"";position:absolute;top:9px;left:50%;width:2.5px;height:15px;background:var(--orange);transform:translate(-50%)}.knob.play:hover{background:var(--paper)}.knob.play:active{background:var(--ink);color:var(--paper)}.play-glyph{position:relative;z-index:1}.pulse{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:1.5px solid var(--orange);pointer-events:none}.key{width:112px;text-align:center}.scope-col{display:flex;flex-direction:column;min-width:0}.scope-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.lcd-label{font-family:var(--te-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--g600)}.tabs{display:flex;border:1px solid var(--g200)}.tab{position:relative;background:var(--white);border:0;border-right:1px solid var(--g200);color:var(--g600);font-family:var(--te-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;cursor:pointer}.tab:last-child{border-right:0}.tab[aria-pressed=true]{color:var(--white)}.tabsel{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);z-index:0}.tablabel{position:relative;z-index:1}.scope{display:block;width:100%;height:150px;background:var(--lcd);border:1px solid var(--ink)}.noaudio{display:grid;place-items:center;color:var(--g600);font-family:var(--te-mono);font-size:12px}@media (max-width: 620px){.instrument{grid-template-columns:1fr auto;grid-template-areas:"play vol" "scope scope";gap:18px 20px;align-items:start}.play-col{flex-direction:row;align-items:stretch}.knob.play,.key{width:auto;flex:1}.knob.play{height:84px}}section{padding:44px var(--pad)}.shead{display:flex;align-items:baseline;gap:14px;margin-bottom:28px}.shead .idx{font-family:var(--te-mono);font-size:12px;color:var(--orange)}.shead h2{font-weight:400;font-size:18px;letter-spacing:.01em;text-transform:lowercase;margin:0}.shead .note{margin-left:auto;font-family:var(--te-mono);font-size:11px;color:var(--g600);text-transform:lowercase}.presets{display:flex;flex-wrap:wrap;gap:0}.presets button{font-family:var(--te-mono);font-size:13px;text-transform:lowercase;cursor:pointer;background:var(--white);color:var(--ink);border:1px solid var(--ink);border-radius:0;padding:9px 16px;margin:0 -1px -1px 0;transition:background .12s,color .12s}.presets button:hover{background:var(--paper)}.presets button.on{background:var(--orange);color:var(--white);border-color:var(--orange);position:relative;z-index:1}.knob{cursor:ns-resize;touch-action:none;user-select:none;-webkit-user-select:none;display:block}.knob-dial{position:relative;width:100%;height:100%;border-radius:50%;border:1.5px solid var(--ink);background:var(--white);transition:border-color .15s}.knob-dial:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:1px solid var(--g200)}.knob-needle-wrap{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%}.knob-needle{position:absolute;left:50%;top:9%;width:2.5px;height:34%;background:var(--ink);transform:translate(-50%);transition:background .15s}.knob[data-accent=true] .knob-dial{border-color:var(--orange)}.knob[data-accent=true] .knob-needle{background:var(--orange)}.master-knob{display:flex;align-items:center;gap:24px}.knob-labels{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.master-knob .knob-labels{align-items:flex-start;text-align:left}.pl{font-size:15px;color:var(--g500);text-transform:lowercase;transition:color .15s}.pl.active{color:var(--ink)}.sl{font-size:14px;color:var(--orange-dim);text-transform:lowercase;transition:color .15s}.sl.active{color:var(--orange)}.val{font-family:var(--te-mono);font-size:12px;color:var(--g600);margin-top:3px}.tickbar{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-bottom:34px}.tickchip{position:relative;font-family:var(--te-mono);font-size:13px;text-transform:lowercase;background:var(--white);color:var(--ink);border:1px solid var(--ink);padding:9px 16px;margin:0 -1px 0 0;cursor:pointer;min-width:50px}.tickchip.on{color:var(--white);border-color:var(--orange);z-index:1}.chipsel{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--orange);z-index:0}.chiplabel{position:relative;z-index:1}.tickchip.add{font-size:16px;min-width:44px}.tickchip.del{margin-left:14px;border-color:var(--g200);color:var(--g600);text-transform:lowercase}.tickchip.del:hover{color:var(--orange);border-color:var(--orange)}.knobrow{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;justify-items:center;margin-bottom:34px}@media (max-width: 560px){.knobrow{grid-template-columns:repeat(2,1fr);gap:36px 16px}}.knobcell{display:flex;flex-direction:column;align-items:center;gap:14px}.altbar{display:flex;align-items:center;gap:16px}.altbtn{font-family:var(--te-mono);font-size:13px;text-transform:uppercase;letter-spacing:.08em;background:var(--white);color:var(--ink);border:1px solid var(--ink);padding:9px 20px;cursor:pointer;transition:background .12s,color .12s}.altbtn.on{background:var(--orange);color:var(--white);border-color:var(--orange)}.altbar .note{font-family:var(--te-mono);font-size:11px;color:var(--g600);text-transform:lowercase}pre{background:var(--white);border:1px solid var(--g200);border-radius:0;padding:16px 18px;overflow-x:auto;font-family:var(--te-mono);font-size:12.5px;line-height:1.65;color:var(--ink);margin:0 0 10px}.wrap-pre{white-space:pre-wrap;word-break:break-all}.codeblock{height:220px;overflow:auto}.explabel{font-family:var(--te-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--g600);margin:16px 0 8px}.exportbtns{display:flex;flex-wrap:wrap;gap:0;margin-top:14px}.exportbtns .btn{margin:0 -1px 0 0}.cols{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--ink)}.cols>div{padding:18px;border-right:1px solid var(--g100);min-width:0}.cols>div:last-child{border-right:0}.cols pre{border:0;padding:0;background:transparent}@media (max-width: 640px){.cols{grid-template-columns:1fr}.cols>div{border-right:0;border-bottom:1px solid var(--g100)}.cols>div:last-child{border-bottom:0}}.credits p{color:var(--g900);max-width:72ch;font-size:15px;margin:0}.credits a,.lead a{color:var(--blue);text-decoration:none}.credits a:hover{text-decoration:underline}.credits em{font-style:normal;color:var(--ink)}code{font-family:var(--te-mono);font-size:.92em}.credits code{color:var(--orange)}footer{padding:26px var(--pad) 48px;border-top:1px solid var(--ink);color:var(--g600);font-family:var(--te-mono);font-size:11px;text-transform:lowercase;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.fader{display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:flex-start}.fader-track{position:relative;width:34px;height:150px;border:1px solid var(--ink);background:var(--white);cursor:ns-resize;touch-action:none}.fader-fill{position:absolute;left:0;right:0;bottom:0;background:var(--paper);pointer-events:none}.fader-mark{position:absolute;left:-4px;right:-4px;height:1px;background:var(--g200);pointer-events:none}.fader-cap{position:absolute;left:-3px;right:-3px;height:8px;background:var(--ink);transform:translateY(50%);pointer-events:none}.fader-cap[data-boost]{background:var(--orange)}.fader-track:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.fader-val{font-family:var(--te-mono);font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums}.fader-lab{font-family:var(--te-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--g600)}.histbar{display:flex;align-items:stretch;gap:10px;min-width:0}.btn:disabled{opacity:.3;cursor:not-allowed}.btn:disabled:hover{background:var(--white);color:var(--ink)}.histstrip{display:flex;gap:0;overflow-x:auto;border:1px solid var(--g100);flex:1;min-width:0}.histchip{display:flex;align-items:baseline;gap:7px;flex:none;background:var(--white);border:0;border-right:1px solid var(--g100);color:var(--g900);font-family:var(--te-mono);font-size:12px;text-transform:lowercase;padding:9px 14px;cursor:pointer;white-space:nowrap}.histchip:hover{background:var(--paper)}.histchip.on{background:var(--orange);color:var(--white);border-color:var(--orange)}.histchip .hn{color:var(--g500);font-size:10px}.histchip.on .hn{color:var(--white)}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);font-family:var(--te-mono);font-size:12px;text-transform:lowercase;padding:10px 18px;z-index:40}.shead.sub{margin-top:1.4rem}.shead.sub h2{opacity:.75}
