:root{--bg:#101112;--panel:#191b1a;--ink:#f1efe8;--muted:#92958d;--line:#383a38;--accent:#ff9c52;--metal:#222423;--deep:#090b0b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body.light{--bg:#f0eee8;--panel:#e9e6df;--ink:#252824;--muted:#64695f;--line:#c9c6c4;--metal:#d8d6cf;--deep:#dedcd4}button,input,select{font:inherit}button,select{color:var(--ink);border:1px solid var(--line);background:var(--bg);padding:10px 12px;cursor:pointer;border-radius:0}button:hover,button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}main{max-width:1760px;padding:0 clamp(22px,5.75vw,80px);margin:auto}.intro{display:flex;align-items:end;justify-content:space-between;padding:32px 0 28px}.eyebrow,.palette,.halo-caption,.machine,.scope-label,footer{font:10px/1.5 'Courier New',monospace;letter-spacing:1.1px}.eyebrow{color:var(--accent);margin:0 0 10px}h1{font-size:57px;line-height:1;letter-spacing:-3.5px;font-weight:500;margin:0}h1 span{font-size:14px;letter-spacing:0;color:var(--muted);margin-left:18px}.palette{display:grid;gap:7px;color:var(--muted);min-width:190px}.palette select{font:14px Arial;letter-spacing:0;padding:9px}.world{position:relative;isolation:isolate;border-top:1px solid var(--line);overflow:hidden;padding:72px 24px 58px;min-height:890px}.world:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,var(--bg) 96%);z-index:-1}#halo{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.halo-caption{position:absolute;top:19px;left:0;right:0;display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.halo-caption.bottom{top:auto;bottom:14px;align-items:center}.halo-caption button{font:8px 'Courier New',monospace;letter-spacing:1px;border:0;background:transparent;padding-right:0}.machine{max-width:850px;margin:auto;position:relative;background:linear-gradient(120deg,var(--metal),var(--panel) 32%,var(--bg));border:1px solid var(--line);border-radius:5px;box-shadow:0 28px 75px #0006,inset 0 1px 1px #ffffff1a;padding:0 0 16px;letter-spacing:.8px}.machine:after{content:'';position:absolute;bottom:8px;left:15px;right:15px;height:4px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);opacity:.6}.machine-top{padding:22px 25px;display:flex;justify-content:space-between;align-items:center}.wordmark{font:bold 40px Arial;letter-spacing:-2.7px;text-shadow:1px 0 #ff357b,-1px 0 #27dcd0;position:relative}.wordmark span{font-weight:normal;font-size:25px}.wordmark i{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-left:8px;vertical-align:middle;box-shadow:0 0 10px var(--accent)}[role=tablist]{display:flex;padding:3px;border:1px solid var(--line);background:var(--deep)}[role=tab]{border:0;background:none;padding:12px 24px;font-size:10px;color:var(--muted)}[role=tab][aria-selected=true]{background:linear-gradient(var(--metal),var(--panel));color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.scope{height:128px;background:var(--deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden;box-shadow:inset 0 5px 14px #0004}.scope-label{position:absolute;top:10px;left:16px;right:16px;display:flex;justify-content:space-between;color:var(--muted);font-size:7px;z-index:1}#noteStatus{color:var(--accent)}#scope{width:100%;height:100%}.control-body{display:grid;grid-template-columns:105px 1fr;gap:22px;padding:24px 28px 18px;min-height:330px}.growl{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line);padding-right:22px}.growl-head{width:100%;display:flex;justify-content:space-between;font-size:11px}.growl-head output{color:var(--accent)}.fader-track{height:220px;width:49px;position:relative;margin:13px 0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 21px,var(--line) 21px,var(--line) 22px)}.fader-track:before{content:'';position:absolute;left:17px;top:0;bottom:0;width:15px;background:var(--deep);box-shadow:inset 0 2px 6px #0008}.fader-fill{position:absolute;bottom:0;left:21px;width:7px;height:40%;background:linear-gradient(0deg,transparent,var(--accent));opacity:.6}#growl{appearance:none;writing-mode:vertical-lr;direction:rtl;position:absolute;inset:0;width:49px;height:220px;background:transparent;cursor:ns-resize;margin:0}#growl::-webkit-slider-thumb{appearance:none;width:62px;height:23px;border:1px solid var(--line);border-radius:3px;background:linear-gradient(0deg,#3d403e,#a7aaa1 35%,#e0e2dc 45%,#8e9289 52%,#222623 65%);box-shadow:0 4px 8px #0007}.growl>span{font-size:6px;color:var(--muted);white-space:nowrap}.panels{min-width:0}.panels section{height:100%}.knobs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 16px}.knob{display:flex;flex-direction:column;align-items:center;position:relative;min-width:0}.dial{width:62px;height:62px;border-radius:50%;position:relative;touch-action:none;cursor:ns-resize;isolation:isolate;margin:0 0 5px}.dial:before{content:'';position:absolute;inset:8px;border-radius:50%;background:linear-gradient(135deg,#70766e,#242925 65%);border:2px solid var(--deep);box-shadow:1px 3px 4px #0009,inset 0 1px 1px #ffffff38}.dial:after{content:'';position:absolute;width:3px;height:6px;background:#f0f1e8;left:29px;top:14px;border-radius:2px;transform-origin:1.5px 17px;transform:rotate(var(--angle,-40deg));box-shadow:0 0 3px #000}.dial svg{width:100%;height:100%;transform:rotate(135deg);position:absolute;inset:0;pointer-events:none}.dial .track{fill:none;stroke:var(--line);stroke-width:4;stroke-dasharray:127 170}.dial .value{fill:none;stroke:var(--accent);stroke-width:4;stroke-dasharray:var(--arc,50) 170;stroke-linecap:round}.knob label{font-size:9px;color:var(--muted);text-align:center}.knob output{font-size:8px;color:var(--accent);height:14px}.knob input{width:68px;height:2px;margin:6px 0 0;appearance:none;background:var(--line);accent-color:var(--accent);cursor:ew-resize}.knob input::-webkit-slider-thumb{appearance:none;width:5px;height:5px;background:var(--accent);border-radius:50%}.small-toggle{display:block;margin:16px auto 0;font:8px 'Courier New',monospace;padding:7px 12px;background:transparent}.section-label{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:8px;margin:0 0 10px}.section-label button{font:8px 'Courier New',monospace;padding:6px 9px}.fm-grid{display:grid;grid-template-columns:1fr 92px;gap:14px}.routing{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;align-content:center;border:1px solid var(--line);background:var(--deep);padding:12px;position:relative}.operator{padding:12px 0;text-align:center;font-size:12px;color:var(--ink);background:var(--panel);border:1px solid var(--line)}.operator:first-child{color:var(--accent);border-color:var(--accent)}.route{font:8px 'Courier New',monospace;padding:5px 0;min-height:35px;background:transparent;color:var(--muted)}.route[data-mode="1"]{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.route[data-mode="2"]{color:#29c6c4;border-color:#29c6c4;background:#29c6c415}.routing .empty{opacity:.35;text-align:center;align-self:center}.ratio-knobs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 7px}.ratio-knobs .dial{width:42px;height:42px;margin:0}.ratio-knobs .dial:before{inset:6px}.ratio-knobs .dial:after{left:19px;top:10px;transform-origin:1.5px 11px;height:4px;width:2px}.ratio-knobs .knob input{width:35px}.ratio-knobs .knob label{font-size:7px}.routing-legend{display:flex;gap:7px;align-items:center;font-size:7px;color:var(--muted);margin-bottom:0}.routing-legend i{width:5px;height:5px;background:var(--accent)}.routing-legend i:nth-of-type(2){background:#29c6c4}.routing-legend span{margin-left:auto}.transfer{height:136px;position:relative;background:var(--deep);border:1px solid var(--line)}#transfer{width:100%;height:100%}.band-labels{position:absolute;bottom:8px;display:flex;width:100%;justify-content:space-around;font-size:6px;color:var(--muted);opacity:0}.multiband .band-labels{opacity:1}.dist-bottom{display:flex;gap:15px;align-items:center;margin-top:14px}.shape-label{display:grid;gap:7px;min-width:90px;font-size:7px;color:var(--muted)}.shape-label select{font-size:10px;padding:9px;width:100%}#distKnobs{flex:1;gap:8px}#distKnobs .dial{width:52px;height:52px}#distKnobs .dial:after{left:24px;top:12px;transform-origin:1.5px 14px}#distKnobs input{width:42px}.performance{border-top:1px solid var(--line);padding:13px 20px;display:flex;justify-content:space-between;gap:10px}.cluster{display:flex;gap:6px;align-items:center;font-size:8px}.cluster button{font:8px 'Courier New',monospace;padding:9px;background:var(--deep)}.cluster label{display:flex;align-items:center;gap:6px;font-size:8px}.cluster input[type=number]{width:38px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:6px 0;font-size:9px}.level{margin-left:5px}.level input{width:46px;accent-color:var(--accent)}#keyboard{display:flex;height:90px;position:relative;margin:0 20px;touch-action:none}.key{flex:1;position:relative;display:flex;justify-content:center;align-items:end;padding:0 0 7px;background:var(--panel);border:1px solid var(--line);border-radius:0 0 3px 3px;font:8px 'Courier New',monospace;color:var(--muted);user-select:none}.key.black{position:absolute;width:4.3%;height:63%;z-index:2;background:var(--deep);border-top:0}.key.active{background:color-mix(in srgb,var(--accent) 30%,var(--panel));border-color:var(--accent);color:var(--accent);box-shadow:inset 0 -3px var(--accent)}.machine-bottom{display:flex;justify-content:space-between;align-items:center;font-size:6px;color:var(--muted);padding:12px 20px 0;gap:10px}.signal-led{display:flex;align-items:center;gap:6px}.signal-led i{width:4px;height:4px;border-radius:50%;background:var(--line)}.playing .signal-led i{background:var(--accent);box-shadow:0 0 9px var(--accent)}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;padding:20px 0 32px;border-top:1px solid var(--line)}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);max-width:590px;padding:32px;line-height:1.7}dialog::backdrop{background:#000a;backdrop-filter:blur(9px)}dialog p{font-size:13px;color:var(--muted)}dialog h2{font-size:34px;font-weight:normal;letter-spacing:-1.5px}dialog .fine{font-size:10px}#closeHelp{float:right;border:0;font-size:24px;padding:0 8px}#error{position:fixed;bottom:15px;left:15px;right:15px;padding:15px;background:var(--panel);border:1px solid var(--accent);z-index:10;font-size:13px}[hidden]{display:none!important}@media(max-width:1000px){.world{padding-left:12px;padding-right:12px}.machine-top{padding:20px}[role=tab]{padding:11px 16px}.control-body{padding:22px;gap:15px}.world{min-height:870px}}@media(max-width:650px){main{padding:0 16px}.intro{padding:24px 0;align-items:start;gap:10px}h1{font-size:40px;letter-spacing:-2.5px}h1 span{display:block;margin:8px 0 0;font-size:11px}.eyebrow{font-size:7px}.palette{min-width:120px;width:132px;font-size:8px}.palette select{font-size:12px;padding:8px}.world{padding:48px 0 40px;min-height:820px;margin:0 -3px}.halo-caption{top:12px;font-size:6px}.halo-caption.bottom{bottom:8px;font-size:6px}.halo-caption button{font-size:6px}.machine-top{padding:14px 12px}.wordmark{font-size:29px}.wordmark span{font-size:18px}[role=tab]{padding:9px 10px;font-size:8px}.scope{height:110px}.scope-label{font-size:6px;left:10px;right:10px}.control-body{grid-template-columns:65px 1fr;padding:18px 12px 15px;gap:13px;min-height:337px}.growl{padding-right:10px}.growl-head{font-size:8px}.fader-track,#growl{height:233px;width:35px}.fader-track:before{left:12px;width:12px}.fader-fill{left:16px;width:5px}#growl::-webkit-slider-thumb{width:38px;height:21px}.growl>span{font-size:4.5px}.knobs{gap:19px 5px}.dial{width:52px;height:52px}.dial:after{left:24px;top:12px;transform-origin:1.5px 14px}.knob input{width:45px}.knob label{font-size:7px}.small-toggle{font-size:6px;padding:6px;margin-top:18px}.fm-grid{grid-template-columns:1fr;gap:12px}.ratio-knobs{grid-template-columns:repeat(4,1fr);gap:4px}.routing{padding:7px;gap:3px}.operator{padding:7px 0;font-size:9px}.route{font-size:6px;min-height:30px}.section-label{font-size:6px}.section-label button{font-size:6px;padding:5px}.routing-legend{font-size:5px;gap:4px}.transfer{height:126px}.dist-bottom{display:block;margin-top:9px}.shape-label{display:flex;align-items:center;font-size:6px;gap:6px;margin-bottom:9px}.shape-label select{font-size:9px;padding:5px;width:105px}#distKnobs .dial{width:45px;height:45px}#distKnobs .dial:after{left:20px;top:11px;transform-origin:1.5px 11.5px}.performance{flex-wrap:wrap;padding:12px;gap:9px}.performance>.cluster:last-child{width:100%;justify-content:space-between}.cluster button{padding:8px}.level{margin:0}#keyboard{margin:0 12px;height:85px}.machine-bottom{font-size:5px;padding:12px 12px 0}.machine-bottom>span:nth-child(2){display:none}footer{font-size:6px;gap:15px}.world:before{background:radial-gradient(ellipse at center,transparent 60%,var(--bg) 96%)}}
/* Shared BLONDA editorial surfaces; the halo remains the expressive layer. */
main{max-width:1600px}.machine{background:var(--bg);border-radius:0;box-shadow:none;max-width:920px}.machine:after{display:none}.machine-top{padding:22px 26px;border-bottom:1px solid var(--line)}.wordmark{font:500 29px Arial,Helvetica,sans-serif;letter-spacing:-1.7px;text-shadow:none}.wordmark small{display:block;font:7px/1.5 'Courier New',monospace;letter-spacing:1.3px;color:var(--muted);margin-top:5px}[role=tablist]{background:none;border:0;padding:0;gap:2px}[role=tab]{border:1px solid transparent;padding:11px 20px;letter-spacing:1px}[role=tab][aria-selected=true]{background:transparent;color:var(--accent);border-color:var(--line);box-shadow:none}.scope{box-shadow:none;background:var(--bg);border-top:0}.dial:before{background:var(--panel);border:1px solid var(--line);box-shadow:none}.dial:after{background:var(--ink);box-shadow:none;width:2px}.dial .track,.dial .value{stroke-width:2}.dial .value{stroke-linecap:butt}#growl::-webkit-slider-thumb{border-radius:0;background:var(--ink);border:7px solid var(--panel);box-shadow:0 0 0 1px var(--line)}.fader-track:before{box-shadow:none;width:3px;left:23px}.fader-fill{width:3px;left:23px;background:var(--accent)}.scope-label{font-size:8px}.machine-bottom{font-size:7px}.midi-bar{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 20px;font:8px 'Courier New',monospace;letter-spacing:.7px}.midi-bar button,.midi-bar select{font:8px 'Courier New',monospace;padding:8px 10px;background:transparent}.midi-bar select{max-width:190px}.midi-bar select:disabled{opacity:.45}.midi-bar button:disabled{opacity:.5}#midiStatus{color:var(--accent);line-height:1.5;flex:1}.midi-hint{color:var(--muted);font-size:7px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body.light .key.black:not(.active){background:#343831;border-color:#55594f}.key{border-radius:0}.cluster button{background:transparent}.routing{background:var(--bg)}.operator{background:var(--panel)}.transfer{background:var(--bg)}.world{padding-top:80px;min-height:920px}.intro{padding-top:38px;padding-bottom:30px}
@media(max-width:650px){.machine-top{padding:15px 12px}.wordmark{font-size:22px;letter-spacing:-1.2px}.wordmark small{font-size:5px;letter-spacing:.6px}[role=tab]{padding:9px 10px;font-size:8px}.midi-bar{padding:12px;gap:8px;flex-wrap:wrap}.midi-bar select{max-width:160px}.midi-hint{display:none}#midiStatus{flex-basis:100%;font-size:8px}.machine-bottom{font-size:5px}.fader-track:before,.fader-fill{left:17px}.world{padding-top:70px;min-height:920px}.intro{padding:24px 0}.scope-label{font-size:6px}}

/* The same full-width instrument frame as the BLONDA collection. */
.world{padding:0;min-height:0;overflow:visible;border:0}.machine{max-width:none;width:100%;padding-bottom:0}.machine-top{padding:18px 22px}.wordmark{font:10px/1.5 'Courier New',monospace;letter-spacing:1.2px}.wordmark small{font-size:7px;margin-top:5px}.scope{height:355px;isolation:isolate;background:var(--bg)}#halo{position:absolute;z-index:0;opacity:.65}#scope{position:relative;z-index:1}.scope-label{z-index:2;top:18px;left:22px;right:22px}.halo-caption.bottom{position:static;padding:14px 0;gap:10px}.control-body{grid-template-columns:120px 1fr;padding:25px 24px;min-height:320px}.world:before{display:none}.knob label{font-size:10px}.knob output{font-size:9px}.performance{padding:16px 22px}.machine-bottom{padding-bottom:15px}.intro{padding-top:38px;padding-bottom:28px}
@media(max-width:650px){.world{margin:0;min-height:0;padding:0}.scope{height:265px}.machine-top{padding:14px 12px}.wordmark{font-size:8px}.wordmark small{font-size:5px}.scope-label{font-size:6px;left:12px;right:12px}.control-body{grid-template-columns:65px 1fr;padding:20px 12px;gap:13px}.knob label{font-size:7px}.knob output{font-size:8px}.intro{padding-top:24px}.performance{padding:12px}.halo-caption.bottom{padding:12px 0;position:static;font-size:6px}}