:root{--paper:#e9e8e0;--ink:#252926;--muted:#656b65;--line:#c7cbc1;--blue:#4d9fd2;--green:#74ad6e;--orange:#e09b4c;--red:#d87765;font-family:"Helvetica Neue",Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}a{color:inherit}button,label,summary{cursor:pointer}button:disabled{cursor:wait;opacity:.5}:focus-visible{outline:3px solid #267bb2;outline-offset:5px}header,footer{display:flex;justify-content:space-between;align-items:center;margin:0 5vw;padding:28px 0;border-bottom:1px solid var(--ink);gap:20px}.wordmark{font-weight:800;font-size:22px;text-decoration:none;letter-spacing:-1px}.wordmark span{margin-left:25px;font-size:11px;letter-spacing:.04em;font-weight:400}.edition,.eyebrow,.section-label,legend,.panel-label,.after>span,footer,.config-actions,.activity{font:11px/1.5 "SFMono-Regular",Consolas,monospace;letter-spacing:.04em}main{max-width:1440px;margin:auto;padding:0 5vw}.intro{position:relative;padding:64px 0 45px}.eyebrow{margin-bottom:20px}h1{font-size:clamp(48px,5.8vw,88px);font-weight:500;line-height:.98;letter-spacing:-.065em;margin:0 0 22px}.intro p{font-size:17px;line-height:1.5;color:var(--muted);margin:0}.signal{position:absolute;right:6%;top:110px;width:32%;height:135px;display:flex;align-items:center;justify-content:space-between;gap:8px;transform:rotate(-8deg)}.signal i{width:7%;height:35%;border-radius:100px;background:var(--blue)}.signal i:nth-child(3n+1){background:var(--green);height:70%}.signal i:nth-child(3n+2){background:var(--orange);height:100%}.signal i:nth-child(4n){background:var(--red);height:50%}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}.base{padding:24px 0 30px;border-top:2px solid var(--ink)}.section-label{display:flex;justify-content:space-between;gap:10px}.included{color:#416746}h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:22px 0 9px}.base p{font-size:14px;line-height:1.6;max-width:520px;color:var(--muted);margin:0 0 12px}.base details{font-size:12px}.base details p{margin-top:14px}fieldset{border:0;border-top:1px solid var(--line);padding:22px 0 30px;margin:0;min-width:0}legend{padding:0 15px 0 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature{position:relative;display:flex;gap:12px;padding:20px 16px 24px;background:#f3f2ec;border:1px solid transparent;min-height:140px;transition:border-color .15s,background .15s}.feature:has(input:checked){border-color:var(--ink);background:#f8f8f1}.feature input,.capacity input{width:18px;height:18px;accent-color:var(--ink);flex-shrink:0;margin:2px 0}.feature strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.6px;margin-bottom:9px}.feature small{display:block;font-size:12px;line-height:1.5;color:var(--muted);max-width:180px;padding-right:8px}.feature:after{content:"";width:10px;height:10px;background:var(--accent);border-radius:100%;position:absolute;bottom:12px;right:12px}.capacity label{display:flex;gap:12px;align-items:flex-start}.capacity strong{font-size:16px;font-weight:500}.capacity small{display:block;font-size:12px;line-height:1.6;margin-top:7px;color:var(--muted);max-width:280px}.capacity-number{margin-left:auto;font-size:46px;letter-spacing:-3px;font-weight:300}.build-panel{background:#daddd3;padding:26px;position:sticky;top:24px;border-radius:3px;box-shadow:0 2px 0 #bbc0b5}.panel-label{display:flex;justify-content:space-between;align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;background:#5d8155}.build-number{font-size:24px;margin:27px 0 25px;letter-spacing:-1px}.build-number>span{font-size:64px;letter-spacing:-5px}.build-number small{font:11px "SFMono-Regular",Consolas,monospace;margin-left:10px}dl{margin:0 0 24px;font-size:12px}dl>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #bbc1b6}dd{font:14px "SFMono-Regular",Consolas,monospace}.file-area{background:#e9ece2;border:1px dashed #909b8c;padding:18px 14px}.file-area.dragover{outline:3px solid var(--blue)}.file-area strong{font-size:14px;display:block}.file-area label>span{font-size:11px;line-height:1.5;display:block;margin:7px 0 12px}input[type=file]{font-size:11px;max-width:100%}#file-name{font:10px/1.4 "SFMono-Regular",Consolas,monospace;overflow-wrap:anywhere;margin:12px 0 0;color:var(--muted)}.privacy{font-size:11px;line-height:1.6;color:#586353;margin:16px 0 20px}#build,.download{display:flex;justify-content:space-between;border:0;background:var(--ink);color:#fff;padding:16px;width:100%;font-size:14px;text-decoration:none}#cancel{margin-top:10px;background:transparent;border:1px solid var(--ink);padding:9px;width:100%}#status{font-size:12px;line-height:1.5;margin:14px 0;overflow-wrap:anywhere}#status.error{color:#9b3026}#downloads a+ a{display:block;font-size:12px;margin-top:12px}.activity{padding-top:8px}.activity pre{max-height:180px;white-space:pre-wrap;overflow:auto;font-size:10px;line-height:1.6}.config-actions{display:flex;justify-content:space-between;border-top:1px solid #bbc1b6;margin-top:20px;padding-top:16px}.config-actions button{font:inherit;border:0;padding:0;background:none;text-decoration:underline}.config-actions label{text-decoration:underline}.after{display:grid;grid-template-columns:1fr 2fr;gap:32px;border-top:1px solid var(--ink);padding:30px 0;margin:48px 0}.after p{max-width:570px;font-size:13px;line-height:1.7;margin:0;color:var(--muted)}footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:10px}[hidden]{display:none!important}@media(max-width:900px){.workspace{gap:25px;grid-template-columns:minmax(0,1fr) 310px}.feature-grid{grid-template-columns:1fr}.feature{min-height:110px}.signal{width:30%;right:0}.wordmark span{display:none}}@media(max-width:640px){header{padding:22px 0}.edition{font-size:9px}.intro{padding-top:40px}.signal{display:none}.workspace{grid-template-columns:1fr;gap:20px}.feature-grid{grid-template-columns:1fr 1fr}.feature{padding:15px 10px;gap:8px;min-height:145px}.feature strong{font-size:19px}.build-panel{position:static}.after{grid-template-columns:1fr;gap:16px;margin:35px 0 15px}footer{align-items:flex-start;flex-direction:column;gap:10px}.capacity-number{font-size:40px}}
/* Compact reference panels: screen above the four physical encoder controls. */
.intro{padding:45px 0 36px}.intro h1{font-size:clamp(38px,4.3vw,65px);letter-spacing:-.055em}.intro p{font-size:15px}.feature-grid{gap:24px 18px}.feature{display:block;padding:0;border:0;background:transparent;min-height:0}.feature:has(input:checked){background:transparent;border:0}.feature:after{display:none}.feature-heading{display:flex;align-items:center;gap:9px;padding:0 0 11px}.feature-heading strong{font-size:22px;margin:0;font-weight:400}.feature-heading input{margin:0}.selection{font:9px "SFMono-Regular",Consolas,monospace;margin-left:auto;color:var(--muted)}.feature-type{display:block;text-align:center;border:1px solid #aaaFA6;border-bottom:0;padding:8px 5px;font-size:10px;line-height:1.4}.feature img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;background:#101013;padding:7px;border:1px solid #aaaFA6}.controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #aaaFA6;border-top:0}.control{display:flex;align-items:center;text-align:center;flex-direction:column;padding:12px 3px 10px;gap:10px;min-width:0}.control+.control{border-left:1px solid #aaaFA6}.knob{display:block;width:29px;height:29px;border:1px solid #a0a69b;border-radius:50%;position:relative;outline:1px solid #bcc1b7;outline-offset:3px}.knob:before{content:"";position:absolute;inset:5px;border:4px solid var(--knob);border-radius:50%}.knob:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:13px;background:var(--knob);transform:translate(-50%,-50%) rotate(-35deg)}.knob-0{--knob:#27a5d8}.knob-1{--knob:#2d9d62}.knob-2{--knob:#696d66}.knob-3{--knob:#e07031}.control>span{font-size:10px;line-height:1.4;margin-top:2px}.control small{font-size:9px;padding:0;max-width:none;line-height:1.4;color:#656b65}.feature-description{display:block;font-size:11px;line-height:1.5;color:var(--muted);padding:9px 0 4px}.feature:not(:has(input:checked)) img{opacity:.5}.feature:not(:has(input:checked)) .controls{opacity:.65}.feature:has(input:focus-visible){outline:3px solid #267bb2;outline-offset:5px}.feature input:focus-visible{outline:none}@media(max-width:1100px) and (min-width:641px){.workspace{grid-template-columns:minmax(0,1fr) 295px;gap:25px}.feature-grid{grid-template-columns:1fr 1fr}.control small{display:none}.feature-heading strong{font-size:19px}.selection{display:none}}@media(max-width:640px){.feature-grid{grid-template-columns:1fr 1fr;gap:22px 12px}.feature-heading strong{font-size:18px}.selection{display:none}.control small{display:none}.control{padding:10px 2px 9px;gap:8px}.knob{width:22px;height:22px;outline-offset:2px}.knob:before{inset:4px;border-width:3px}.knob:after{left:50%;top:50%;width:2px;height:10px}.control>span{font-size:9px}.feature-type{font-size:9px;min-height:40px;display:flex;align-items:center;justify-content:center}.feature img{padding:3px}.feature-description{font-size:10px}.intro{padding:35px 0 28px}.intro p{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.base-details summary{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:12px;border-top:1px solid var(--line)}.base-details summary:before{content:"+";font-size:18px;margin-right:8px}.base-details[open] summary:before{content:"−"}.base-details summary span{margin-left:auto;font:9px "SFMono-Regular",Consolas,monospace;color:var(--muted)}.base-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;margin:14px 0 20px}.base-gallery figure{margin:0}.base-gallery img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;background:#101013}.base-gallery figcaption{padding:8px 0}.base-gallery strong{display:block;font-size:14px;font-weight:500}.base-gallery figcaption span{display:block;font-size:10px;line-height:1.5;margin-top:5px;color:var(--muted)}.base .base-extra{font-size:12px}.base-details>a{font-size:11px}@media(max-width:900px){.base-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.base-details summary span{display:none}}
/* Broad colored dial caps and a recessed slot, like the instrument's encoders. */
.knob{width:34px;height:34px;border-color:#8c918a;outline-color:#aeb4a9;outline-offset:2px;background:transparent}.knob:before{inset:5px;border:0;background:var(--knob)}.knob:after{left:50%;top:50%;width:6px;height:17px;border-radius:3px;background:var(--paper);transform:translate(-50%,-50%) rotate(var(--angle,0deg))}.knob-0{--knob:#22a9e0;--angle:0deg}.knob-1{--knob:#15a852;--angle:90deg}.knob-2{--knob:#fafbf8;--angle:-45deg}.knob-3{--knob:#f36524;--angle:45deg}@media(max-width:640px){.knob{width:26px;height:26px}.knob:before{inset:4px}.knob:after{left:50%;top:50%;width:4px;height:14px}}
.preset-intro{display:inline-flex;align-items:center;gap:12px;margin-top:20px;font-size:12px;text-decoration:none}.preset-intro strong{font:24px "SFMono-Regular",Consolas,monospace;border-bottom:3px solid var(--green)}.preset-intro>span{font-size:18px}.preset-pack{background:#dfe6d7;border-top:2px solid #5b7854;padding:22px;margin:0 0 30px}.preset-pack .section-label{font-size:9px}.preset-heading{display:flex;align-items:center;gap:22px;margin-top:20px}.preset-heading>strong{font-size:85px;line-height:1;letter-spacing:-7px;font-weight:300}.preset-heading h2{font-size:25px;line-height:1.1;margin:0}.preset-pack>p{font-size:13px;line-height:1.6;color:#515e4b}.preset-breakdown{display:flex;flex-wrap:wrap;gap:7px}.preset-breakdown>span{font:10px "SFMono-Regular",Consolas,monospace;border:1px solid #aab8a1;padding:6px 8px}.preset-pack .preset-examples{font-size:11px;font-style:italic}.preset-link{display:block;font-size:13px;margin:20px 0 12px;font-weight:500;text-decoration-thickness:1px;text-underline-offset:4px}.preset-pack>small{display:block;font-size:10px;line-height:1.6;color:#515e4b}#preset-warning{border-top:1px solid #aab8a1;padding-top:12px;font-weight:500}.preset-pack .section-label>span+span{font-size:8px}@media(max-width:640px){.preset-pack{padding:18px}.preset-heading>strong{font-size:70px}.preset-heading h2{font-size:24px}.preset-pack .section-label>span+span{display:none}.preset-intro{font-size:11px;gap:9px}}
@media(max-width:440px){.feature-grid{grid-template-columns:1fr}.feature-heading strong{font-size:22px}.selection{display:inline;font-size:9px}.control>span{font-size:11px}.control small{display:block;font-size:10px}.control{padding:13px 6px;gap:10px}.feature-type{font-size:11px;min-height:0;padding:8px}.feature-description{font-size:12px}.feature img{padding:6px}.knob{width:34px;height:34px}.knob:before{inset:5px}.knob:after{left:50%;top:50%;width:6px;height:17px}}


.build-brand{font-size:42px;font-weight:750;letter-spacing:-1.5px;line-height:1.08;margin:26px 0 12px;overflow-wrap:normal}.build-upstreams{font:10px/1.7 monospace;color:var(--muted);margin:0 0 24px}