:root{color-scheme:light;font-family:Space Grotesk,sans-serif;color:#352f29;background:#8e8576;font-synthesis:none;--case: #c6b99f;--panel: #d6cbb5;--cream: #eee5d2;--key: #463d34;--muted: #625746;--edge: #96866e;--scope-bg: #2e2c9b;--scope-axis: #706deb;--scope-trace: #75cec8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#b4aa97 0,#8e8576 75%)}main{max-width:1160px;margin:12px auto 32px;padding:12px 32px 24px;background:var(--case);border:1px solid #e5dbc7;border-left:12px solid #b2a387;border-right:12px solid #b2a387;border-radius:14px;box-shadow:inset 0 3px #eee5d280,0 8px #756650,0 20px 60px #352f2955}header{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:24px}.brand{justify-self:start}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}h1{font-size:clamp(28px,5vw,46px);margin:0 0 20px;letter-spacing:-2px}h1:after{content:"";display:block;height:15px;margin-top:12px;background:linear-gradient(to bottom,#b94335 0% 20%,#cf7835 20% 40%,#e3b84c 40% 60%,#60926b 60% 80%,#477b9d 80% 100%)}h1 span{color:#6a5038;font-weight:400}.eyebrow{font:11px IBM Plex Mono,monospace;color:var(--muted);letter-spacing:3px}.brand-credit{letter-spacing:normal}.brand-credit a{color:inherit;text-underline-offset:2px}.brand-credit svg{vertical-align:-2px}h2{font-size:16px;font-weight:500}button,input,select{font:inherit}button,select,input[type=number]{color:#352f29;background:var(--cream);border:1px solid var(--edge);border-radius:4px;padding:8px 10px}button,input[type=file]::file-selector-button{color:var(--cream);background:var(--key);border:1px solid #2d2721;border-radius:4px;box-shadow:inset 0 1px #fff2,0 2px #2d2721;cursor:pointer}input[type=file]::file-selector-button{font:inherit;padding:8px 10px;margin-right:8px}button:hover,input[type=file]::file-selector-button:hover{background:#5c4f41}button:disabled{opacity:.45;cursor:default}button.primary{color:#352f29;background:var(--cream);border-color:var(--edge);box-shadow:inset 0 1px #fff8,0 2px #96866e;font-weight:600}button.primary:hover{background:#fff5e0}input[type=checkbox],input[type=range]{accent-color:#695039}input[type=range]{width:100%;margin:9px 0}input[type=number]{width:100px}input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #604229;outline-offset:3px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.toolbar label{display:flex;align-items:center;gap:6px;font-size:12px}#status{min-height:20px;font-size:13px;color:#493b2c;margin:18px 0}#status.error{color:#8b3024;white-space:pre-wrap}.voices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}fieldset{margin:0 0 18px;padding:18px;background:var(--panel);border:1px solid var(--edge);border-radius:5px;min-width:0;box-shadow:0 1px #eee5d2}legend{padding:0 10px;color:#493b2c;font-weight:600}fieldset>label{display:block;margin-bottom:12px;font-size:12px}fieldset>label input[type=number],fieldset>label select{float:right;width:115px;padding:3px 6px}fieldset output{float:right;color:#57432f;font-family:IBM Plex Mono,monospace}.toggle{padding-bottom:9px}.toggles{display:flex;flex-wrap:wrap;gap:12px;font-size:12px}.filter-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;font-size:12px}.filter-controls .toggles{grid-column:1 / -1}.section-heading span,.hint{color:var(--muted);font-size:11px}.keyboard{display:flex;height:125px;margin:4px 0 24px;position:relative;touch-action:none}.key{flex:1;border-radius:0 0 4px 4px;padding:0 0 8px;background:var(--cream);color:#352f29;border:1px solid var(--edge);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;font-size:10px;-webkit-user-select:none;user-select:none}.key.black{height:78px;background:var(--key);color:var(--cream);flex:0 0 4%;margin-left:-2%;margin-right:-2%;z-index:1;box-shadow:inset 0 -4px #2d2721,0 4px 4px #352f2966}.key.active{background:#9c7953;color:#fff5e0}kbd{font:11px IBM Plex Mono,monospace;opacity:.7}.scope{padding:0 16px 16px;background:var(--scope-bg);border:8px solid var(--scope-axis);border-radius:3px;color:#fff}.scope .section-heading{font-family:IBM Plex Mono,monospace}.scope .section-heading span{color:var(--scope-trace)}canvas{display:block;width:100%;height:160px;border:1px solid var(--scope-axis);background:var(--scope-bg)}.mini-scope{width:100%;max-width:360px;padding:6px;background:var(--scope-bg);border:4px solid var(--scope-axis);border-radius:3px;color:var(--scope-trace)}.mini-scope-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-bottom:5px;font:9px IBM Plex Mono,monospace;letter-spacing:1.5px}.mini-scope-heading #clock{letter-spacing:0}.mini-scope canvas{height:64px}.mini-scope-screen{position:relative}#header-loader{position:absolute;inset:0;pointer-events:none}#header-loader[hidden]{display:none}details{margin:22px 0;border-top:1px solid var(--edge);padding-top:16px}summary{cursor:pointer;color:#493b2c}dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;font:11px IBM Plex Mono,monospace}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.lab{border-top:1px solid var(--edge);padding-top:6px}.lab .toolbar+.toolbar{margin-top:16px}.sid-player{margin-top:20px;padding:4px 16px;background:var(--panel);border:1px solid var(--edge);border-radius:5px}#sid-info{overflow-wrap:anywhere}[inert]{opacity:.5}#synth.monitor .toggle{display:none}#synth.monitor input:disabled,#synth.monitor select:disabled{opacity:1;color:#352f29}input[type=range]:disabled{appearance:none;-webkit-appearance:none;height:16px;background:transparent;opacity:1}input[type=range]:disabled::-webkit-slider-runnable-track{height:6px;background:#a99b82;border:1px solid #796a54;border-radius:3px}input[type=range]:disabled::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;background:var(--key);border:1px solid #2d2721;border-radius:50%}input[type=range]:disabled::-moz-range-track{height:4px;background:#a99b82;border:1px solid #796a54;border-radius:3px}input[type=range]:disabled::-moz-range-thumb{width:14px;height:14px;background:var(--key);border:1px solid #2d2721;border-radius:50%}pre{max-height:360px;overflow:auto;font:11px/1.8 IBM Plex Mono,monospace}@media(max-width:720px){main{margin:0;padding:18px 14px;border-width:0 5px}header{grid-template-columns:minmax(0,1fr) minmax(120px,45%);gap:16px}.voices,.filter-controls{grid-template-columns:1fr}.section-heading{align-items:flex-start}dl{grid-template-columns:1fr 1fr;gap:8px}}@media(max-width:480px){header{grid-template-columns:1fr;gap:0}.mini-scope{justify-self:center;margin-bottom:20px}}