@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Instrument+Serif:ital@0;1&family=Space+Grotesk:wght@400;500;600;700&display=swap";.piano-section.svelte-hg8qd0{border-top:2px solid var(--ink);padding-top:1rem}.piano-heading.svelte-hg8qd0{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.piano-heading.svelte-hg8qd0 h2:where(.svelte-hg8qd0),.piano-heading.svelte-hg8qd0 p:where(.svelte-hg8qd0){margin:0}.piano-heading.svelte-hg8qd0>p:where(.svelte-hg8qd0){color:var(--ink-muted);font-family:var(--font-data);font-size:.72rem;letter-spacing:.04em}.piano-heading.svelte-hg8qd0 span:where(.svelte-hg8qd0){color:var(--ink)}.piano-scroll.svelte-hg8qd0{overflow-x:auto;padding-bottom:.5rem}.piano-stack.svelte-hg8qd0{width:100%;min-width:900px}.piano.svelte-hg8qd0{position:relative;width:100%;min-width:900px;height:clamp(10rem,20vw,14rem);border:1px solid var(--ink);background:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none}.white-keys.svelte-hg8qd0{display:flex;width:100%;height:100%;gap:1px}.key.svelte-hg8qd0{border:0;border-radius:0;cursor:pointer;transition:background-color 70ms linear,transform 70ms linear}.key.svelte-hg8qd0:focus-visible{z-index:3;outline:3px solid var(--focus);outline-offset:-4px}.white-key.svelte-hg8qd0{position:relative;flex:1;min-width:0;background:var(--paper-bright);color:var(--ink-muted)}.white-key.svelte-hg8qd0 span:where(.svelte-hg8qd0){position:absolute;bottom:.6rem;left:50%;translate:-50%;font-family:var(--font-data);font-size:.62rem}.white-key.active.svelte-hg8qd0{background:var(--note-soft);box-shadow:inset 0 -.35rem 0 var(--note)}.black-key.svelte-hg8qd0{position:absolute;z-index:2;top:0;width:1.7%;height:61%;translate:-50%;background:var(--ink);box-shadow:0 2px 0 var(--paper)}.black-key.active.svelte-hg8qd0{background:var(--note)}.expression-sliders.svelte-hg8qd0{display:flex;align-items:flex-end;gap:6px;margin-top:8px;padding-inline:4px}.expr-slider.svelte-hg8qd0{position:relative;opacity:0;pointer-events:none;transition:opacity .12s linear}.expr-slider.active.svelte-hg8qd0{opacity:1;pointer-events:auto}.expr-slider.pitch.svelte-hg8qd0{width:11px;height:24px}.expr-stem.svelte-hg8qd0{position:absolute;left:50%;top:0;width:3px;height:24px;background:var(--ink);translate:-50%}.expr-thumb.svelte-hg8qd0{position:absolute;left:50%;width:11px;height:4px;background:var(--ink);translate:-50% 50%}.expr-slider.mod.svelte-hg8qd0{width:10px;height:24px;border:2px solid var(--ink);box-sizing:border-box}.expr-bar.svelte-hg8qd0{position:absolute;left:0;right:0;bottom:0;background:var(--ink)}@media(max-width:700px){.piano-heading.svelte-hg8qd0{align-items:start;flex-direction:column}.piano-stack.svelte-hg8qd0,.piano.svelte-hg8qd0{min-width:760px}}@media(prefers-reduced-motion:reduce){.key.svelte-hg8qd0{transition:none}}.manual.svelte-dz1gkk{gap:0;padding-block:clamp(2rem,5vw,5rem)}html:has(.manual){scroll-behavior:smooth}.manual-hero.svelte-dz1gkk{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(18rem,.8fr);gap:clamp(2rem,6vw,7rem);align-items:end;padding-bottom:clamp(2.5rem,5vw,4.5rem);border-bottom:1px solid var(--ink)}.manual-lede.svelte-dz1gkk{max-width:56ch;margin:1.5rem 0 0;color:var(--ink-muted);font-size:1rem;line-height:1.55}.fact-strip.svelte-dz1gkk{margin:0;border:1px solid var(--ink);background:var(--paper-bright);box-shadow:6px 6px 0 var(--ink)}.fact-strip.svelte-dz1gkk div:where(.svelte-dz1gkk){display:grid;grid-template-columns:7.4rem minmax(0,1fr);padding:.9rem 1rem;border-bottom:1px solid var(--rule)}.fact-strip.svelte-dz1gkk div:where(.svelte-dz1gkk):last-child{border-bottom:0}.fact-strip.svelte-dz1gkk dt:where(.svelte-dz1gkk),.fact-strip.svelte-dz1gkk dd:where(.svelte-dz1gkk){font-family:var(--font-data);font-size:.68rem}.fact-strip.svelte-dz1gkk dt:where(.svelte-dz1gkk){color:var(--ink-muted);text-transform:uppercase}.fact-strip.svelte-dz1gkk dd:where(.svelte-dz1gkk){margin:0}.fact-strip.svelte-dz1gkk small:where(.svelte-dz1gkk){display:block;margin-top:.25rem;color:var(--ink-muted);font-size:.62rem}.manual-layout.svelte-dz1gkk{display:grid;grid-template-columns:13.5rem minmax(0,1fr);gap:clamp(2rem,5vw,5rem);padding-top:clamp(2rem,4vw,3.5rem)}.manual-toc.svelte-dz1gkk{position:sticky;top:1.5rem;align-self:start}.manual-toc.svelte-dz1gkk ol:where(.svelte-dz1gkk){margin:0;padding:0;border-top:1px solid var(--ink);list-style:none}.manual-toc.svelte-dz1gkk a:where(.svelte-dz1gkk){display:flex;gap:.7rem;padding:.55rem 0 .55rem .6rem;border-bottom:1px solid var(--rule);border-left:2px solid transparent;color:var(--ink-muted);font-size:.8rem;text-decoration:none;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.manual-toc.svelte-dz1gkk a:where(.svelte-dz1gkk) span:where(.svelte-dz1gkk){font-family:var(--font-data);font-size:.62rem;line-height:1.6}.manual-toc.svelte-dz1gkk a:where(.svelte-dz1gkk):hover{color:var(--ink);background:var(--paper-bright)}.manual-toc.svelte-dz1gkk a[aria-current=location]:where(.svelte-dz1gkk){border-left-color:var(--note);color:var(--ink);background:var(--paper-bright)}.manual-body.svelte-dz1gkk{display:grid;min-width:0;gap:clamp(3rem,6vw,5rem);max-width:60rem}.manual-body.svelte-dz1gkk section:where(.svelte-dz1gkk){min-width:0;scroll-margin-top:1.5rem}.manual-body.svelte-dz1gkk h2:where(.svelte-dz1gkk){margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--ink)}.manual-body.svelte-dz1gkk p:where(.svelte-dz1gkk){max-width:66ch;margin:0 0 1.25rem;font-size:.95rem;line-height:1.6}.manual-body.svelte-dz1gkk p.eyebrow:where(.svelte-dz1gkk){margin-bottom:.5rem;font-size:.65rem}.manual-body.svelte-dz1gkk code:where(.svelte-dz1gkk),.manual-body.svelte-dz1gkk pre:where(.svelte-dz1gkk){font-family:var(--font-data)}.manual-body.svelte-dz1gkk p:where(.svelte-dz1gkk) code:where(.svelte-dz1gkk),.manual-body.svelte-dz1gkk dd:where(.svelte-dz1gkk) span:where(.svelte-dz1gkk) code:where(.svelte-dz1gkk){padding:.05em .3em;background:var(--paper-dark);font-size:.85em}.manual-body.svelte-dz1gkk a:where(.svelte-dz1gkk){color:var(--ink);text-decoration-color:var(--rule);text-underline-offset:.2em}.manual-body.svelte-dz1gkk a:where(.svelte-dz1gkk):hover{text-decoration-color:var(--ink)}abbr.svelte-dz1gkk{text-decoration:underline dotted var(--rule)}.bit-diagrams.svelte-dz1gkk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.75rem 0}.bit-diagrams.svelte-dz1gkk figure:where(.svelte-dz1gkk){margin:0;padding:1rem;border:1px solid var(--ink);background:var(--paper-bright)}.bit-diagrams.svelte-dz1gkk figcaption:where(.svelte-dz1gkk){margin-bottom:.8rem;color:var(--ink-muted);font-family:var(--font-data);font-size:.62rem;letter-spacing:.09em;text-transform:uppercase}.bits.svelte-dz1gkk{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:1px solid var(--ink)}.bit.svelte-dz1gkk{display:grid;min-height:2.8rem;place-items:center;border-right:1px solid var(--rule);font-family:var(--font-data);font-size:.95rem}.bit.svelte-dz1gkk:last-child{border-right:0}.bit.flag.svelte-dz1gkk{background:var(--ink);color:var(--paper-bright)}.bit.type.svelte-dz1gkk{box-shadow:inset 0 -3px 0 var(--note)}.bit.channel.svelte-dz1gkk{box-shadow:inset 0 -3px 0 var(--control)}.bit.value.svelte-dz1gkk{box-shadow:inset 0 -3px 0 var(--system-common)}.bit-legend.svelte-dz1gkk{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:.75rem;color:var(--ink-muted);font-family:var(--font-data);font-size:.62rem}.bit-legend.svelte-dz1gkk span:where(.svelte-dz1gkk):before{display:inline-block;width:.55rem;height:.55rem;margin-right:.4rem;background:var(--legend-color);content:""}.bit-legend.svelte-dz1gkk .flag:where(.svelte-dz1gkk){--legend-color: var(--ink)}.bit-legend.svelte-dz1gkk .type:where(.svelte-dz1gkk){--legend-color: var(--note)}.bit-legend.svelte-dz1gkk .channel:where(.svelte-dz1gkk){--legend-color: var(--control)}.bit-legend.svelte-dz1gkk .value:where(.svelte-dz1gkk){--legend-color: var(--system-common)}.worked-example.svelte-dz1gkk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--ink);background:var(--ink);color:var(--paper-bright)}.worked-example.svelte-dz1gkk div:where(.svelte-dz1gkk){display:grid;gap:.35rem;padding:1rem;border-right:1px solid #555751}.worked-example.svelte-dz1gkk div:where(.svelte-dz1gkk):last-child{border-right:0}.worked-example.svelte-dz1gkk code:where(.svelte-dz1gkk){font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.6rem);line-height:.9}.worked-example.svelte-dz1gkk span:where(.svelte-dz1gkk){color:#b9b8ae;font-family:var(--font-data);font-size:.66rem}.worked-example.svelte-dz1gkk strong:where(.svelte-dz1gkk){font-family:var(--font-data);font-size:.7rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.table-scroll.svelte-dz1gkk{overflow-x:auto;margin-bottom:1.25rem;border:1px solid var(--ink);background:var(--paper-bright)}.ref-table.svelte-dz1gkk{width:100%;border-collapse:collapse;font-family:var(--font-data);font-size:.68rem;text-align:left}.ref-table.svelte-dz1gkk th:where(.svelte-dz1gkk){position:static}.ref-table.svelte-dz1gkk thead:where(.svelte-dz1gkk) th:where(.svelte-dz1gkk){background:var(--ink);color:var(--paper-bright);font-weight:400;letter-spacing:.07em;text-transform:uppercase}.ref-table.svelte-dz1gkk th:where(.svelte-dz1gkk),.ref-table.svelte-dz1gkk td:where(.svelte-dz1gkk){padding:.75rem .8rem;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);vertical-align:top;white-space:normal}.ref-table.svelte-dz1gkk tbody:where(.svelte-dz1gkk) tr:where(.svelte-dz1gkk):last-child>:where(.svelte-dz1gkk){border-bottom:0}.ref-table.svelte-dz1gkk th:where(.svelte-dz1gkk):last-child,.ref-table.svelte-dz1gkk td:where(.svelte-dz1gkk):last-child{border-right:0}.ref-table.svelte-dz1gkk tbody:where(.svelte-dz1gkk) th:where(.svelte-dz1gkk){background:transparent;color:var(--ink);font-weight:500;letter-spacing:normal;text-transform:none;white-space:nowrap}.ref-table.svelte-dz1gkk td:where(.svelte-dz1gkk):first-child{white-space:nowrap}.ref-table.svelte-dz1gkk td:where(.svelte-dz1gkk):last-child{min-width:16rem;color:var(--ink-muted);font-family:Space Grotesk,sans-serif;font-size:.8rem;line-height:1.45}.ref-table.svelte-dz1gkk tbody:where(.svelte-dz1gkk) tr:where(.svelte-dz1gkk):hover{background:color-mix(in srgb,var(--paper-dark) 45%,transparent)}.ref-table.svelte-dz1gkk code:where(.svelte-dz1gkk){font-size:.72rem}.aside-note.svelte-dz1gkk{padding:.9rem 1rem;border-left:4px solid var(--system-common);background:var(--paper-bright);color:var(--ink-muted)}.aside-note.svelte-dz1gkk strong:where(.svelte-dz1gkk){color:var(--ink)}.byte-sequence.svelte-dz1gkk{margin:0 0 1.25rem;padding:0;border:1px solid var(--ink);background:var(--ink);color:var(--paper-bright);list-style:none;counter-reset:step}.byte-sequence.svelte-dz1gkk li:where(.svelte-dz1gkk){display:grid;grid-template-columns:2rem 7.5rem minmax(0,1fr);gap:.75rem;align-items:baseline;padding:.6rem 1rem;border-bottom:1px solid #555751;font-family:var(--font-data);font-size:.72rem;counter-increment:step}.byte-sequence.svelte-dz1gkk li:where(.svelte-dz1gkk):last-child{border-bottom:0}.byte-sequence.svelte-dz1gkk li:where(.svelte-dz1gkk):before{color:#b9b8ae;content:counter(step,decimal-leading-zero);font-size:.6rem}.byte-sequence.svelte-dz1gkk code:where(.svelte-dz1gkk){font-size:.8rem}.byte-sequence.svelte-dz1gkk span:where(.svelte-dz1gkk){color:#d9d7cc}.byte-stream.svelte-dz1gkk,.code-block.svelte-dz1gkk{overflow-x:auto;margin:0 0 1.25rem;padding:1.1rem 1.2rem;border:1px solid var(--ink);background:var(--ink);color:var(--paper-bright);font-size:.78rem;line-height:1.7}.byte-stream.svelte-dz1gkk .status-byte:where(.svelte-dz1gkk){color:#f0b6a6}.byte-stream.svelte-dz1gkk .comment:where(.svelte-dz1gkk){color:#9f9e94}.code-block.svelte-dz1gkk{font-size:.72rem}.id-grid.svelte-dz1gkk,.formula-grid.svelte-dz1gkk{display:grid;gap:1px;margin:0 0 1.25rem;border:1px solid var(--ink);background:var(--rule)}.id-grid.svelte-dz1gkk{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.formula-grid.svelte-dz1gkk{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.id-grid.svelte-dz1gkk div:where(.svelte-dz1gkk),.formula-grid.svelte-dz1gkk div:where(.svelte-dz1gkk){padding:.9rem 1rem;background:var(--paper-bright)}.id-grid.svelte-dz1gkk dt:where(.svelte-dz1gkk){margin-bottom:.4rem;font-family:var(--font-data);font-size:.8rem}.id-grid.svelte-dz1gkk dd:where(.svelte-dz1gkk){margin:0;color:var(--ink-muted);font-size:.78rem;line-height:1.4}.formula-grid.svelte-dz1gkk dt:where(.svelte-dz1gkk){margin-bottom:.5rem;color:var(--ink-muted);font-family:var(--font-data);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.formula-grid.svelte-dz1gkk dd:where(.svelte-dz1gkk){display:grid;gap:.45rem;margin:0}.formula-grid.svelte-dz1gkk dd:where(.svelte-dz1gkk)>code:where(.svelte-dz1gkk){font-size:.95rem}.formula-grid.svelte-dz1gkk dd:where(.svelte-dz1gkk)>span:where(.svelte-dz1gkk){color:var(--ink-muted);font-size:.8rem;line-height:1.45}.gm-layout.svelte-dz1gkk{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.5rem;align-items:start}.gm-families.svelte-dz1gkk,.gm-drums.svelte-dz1gkk{margin:0;padding:0;list-style:none}.gm-families.svelte-dz1gkk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--ink);background:var(--rule)}.gm-families.svelte-dz1gkk li:where(.svelte-dz1gkk){display:flex;gap:.75rem;align-items:baseline;padding:.6rem .8rem;background:var(--paper-bright);font-size:.82rem}.gm-families.svelte-dz1gkk span:where(.svelte-dz1gkk){min-width:4.6rem;color:var(--ink-muted);font-family:var(--font-data);font-size:.66rem}.gm-drums.svelte-dz1gkk{border-top:1px solid var(--ink)}.gm-drums.svelte-dz1gkk li:where(.svelte-dz1gkk){display:flex;gap:.75rem;align-items:baseline;padding:.45rem 0;border-bottom:1px solid var(--rule);font-size:.82rem}.gm-drums.svelte-dz1gkk code:where(.svelte-dz1gkk){min-width:1.8rem;color:var(--note);font-size:.72rem}.manual-coda.svelte-dz1gkk{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--rule);color:var(--ink-muted)}@media(max-width:900px){.manual-hero.svelte-dz1gkk,.manual-layout.svelte-dz1gkk,.gm-layout.svelte-dz1gkk{grid-template-columns:1fr}.manual-toc.svelte-dz1gkk{position:static}.manual-toc.svelte-dz1gkk ol:where(.svelte-dz1gkk){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem}}@media(max-width:600px){.manual-toc.svelte-dz1gkk ol:where(.svelte-dz1gkk),.bit-diagrams.svelte-dz1gkk,.gm-families.svelte-dz1gkk{grid-template-columns:1fr}.worked-example.svelte-dz1gkk{grid-template-columns:1fr}.worked-example.svelte-dz1gkk div:where(.svelte-dz1gkk){border-right:0;border-bottom:1px solid #555751}.worked-example.svelte-dz1gkk div:where(.svelte-dz1gkk):last-child{border-bottom:0}.byte-sequence.svelte-dz1gkk li:where(.svelte-dz1gkk){grid-template-columns:1.6rem minmax(0,1fr)}.byte-sequence.svelte-dz1gkk span:where(.svelte-dz1gkk){grid-column:2}.fact-strip.svelte-dz1gkk div:where(.svelte-dz1gkk){grid-template-columns:6.2rem 1fr}}:root{font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;color:#1d201e;background:#e8e2d5;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f1ede3;--paper-bright: #fbf8f0;--paper-dark: #e1d9c9;--ink: #1d201e;--ink-muted: #66665f;--rule: #aaa497;--focus: #005fcc;--note: #b3422c;--note-soft: #efcabb;--expression: #765493;--control: #1f6e70;--program: #8a6515;--system-common: #386790;--system-realtime: #456849;--sysex: #934f65;--unknown: #66665f;--font-display: "Instrument Serif", Georgia, serif;--font-data: "DM Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{background:var(--paper-dark)}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,transparent calc(100% - 1px),rgba(29,32,30,.035) 1px) 0 0 / 24px 24px,var(--paper)}button,select{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled,select:disabled{cursor:not-allowed;opacity:.48}.app-shell{width:min(1600px,100%);min-height:100vh;margin:0 auto;padding:0 clamp(1rem,3vw,3.5rem);border-inline:1px solid var(--rule);background:color-mix(in srgb,var(--paper) 96%,transparent);overflow-x:clip}.masthead{display:flex;min-height:4.5rem;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.masthead p,.wordmark{margin:0;font-family:var(--font-data);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase}.masthead p{color:var(--ink-muted)}.masthead p span{color:var(--ink)}.masthead-end{display:flex;align-items:center;gap:clamp(1rem,3vw,2.5rem)}.site-nav{display:flex;gap:1.25rem}.site-nav a{position:relative;padding-block:.4rem;color:var(--ink-muted);font-family:var(--font-data);font-size:.68rem;font-weight:500;letter-spacing:.09em;text-decoration:none;text-transform:uppercase;transition:color .16s ease}.site-nav a:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--note);content:"";transform:scaleX(0);transform-origin:left;transition:transform .24s cubic-bezier(.2,0,0,1)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}.site-nav a[aria-current=page]:after{transform:scaleX(1)}[tabindex="-1"]:focus{outline:none}.wordmark{display:flex;align-items:center;gap:.7rem;color:var(--ink);font-weight:500;text-decoration:none}.wordmark-mark{display:inline-flex;align-items:center;gap:.38em;padding-inline-start:.15em;color:var(--ink-muted)}.morse-letter{display:inline-flex;align-items:center;gap:.14em}.morse-dot,.morse-dash{display:block;flex-shrink:0;border-radius:999px;background:currentColor}.morse-dot{width:.22em;height:.22em}.morse-dash{width:.62em;height:.22em}main{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,6vw,6rem);padding-block:clamp(2rem,5vw,5rem)}main>section{min-width:0}.monitor{min-width:0;max-width:100%}h1,h2{text-wrap:balance}h1{max-width:13ch;margin:.15em 0 .22em;font-family:var(--font-display);font-size:clamp(3.5rem,8vw,8.5rem);font-weight:400;letter-spacing:-.045em;line-height:.85}h2{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,3rem);font-weight:400;line-height:1}.eyebrow{margin:0 0 .5rem;color:var(--ink-muted);font-family:var(--font-data);font-size:.65rem;font-weight:500;letter-spacing:.11em;text-transform:uppercase}.connect-band{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(20rem,.8fr);gap:clamp(2rem,6vw,7rem);align-items:end}.connect-intro>p:last-child{max-width:56ch;margin:1.5rem 0 0;color:var(--ink-muted);font-size:1rem;line-height:1.55}.connection-console{display:grid;gap:1rem;padding:1.25rem;border:1px solid var(--ink);background:var(--paper-bright);box-shadow:6px 6px 0 var(--ink)}.status-line{display:flex;min-height:3.5rem;align-items:start;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--rule)}.status-dot{width:.7rem;height:.7rem;flex:0 0 auto;margin-top:.3rem;border:1px solid var(--ink);border-radius:50%;background:var(--paper-dark)}.status-dot.live{background:var(--system-realtime)}.status-line div{display:grid;gap:.2rem}.status-line strong{font-size:.85rem}.status-line span{color:var(--ink-muted);font-size:.78rem;line-height:1.35}.primary-action,.secondary-action,.text-action,.audio-hint button{border:1px solid var(--ink);border-radius:0;background:transparent;cursor:pointer;font-family:var(--font-data);font-size:.68rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.primary-action{min-height:3.2rem;padding:.7rem 1rem;background:var(--ink);color:var(--paper-bright)}.primary-action:hover{background:#383b38}.connection-console label{display:grid;gap:.45rem;font-family:var(--font-data);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase}.connection-console select{width:100%;min-height:2.8rem;border:1px solid var(--rule);border-radius:0;background:var(--paper);color:var(--ink);padding:0 .75rem;font-family:var(--font-data);font-size:.7rem;text-transform:none}.demo-controls{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.secondary-action{min-height:2.8rem;padding:.55rem;border-color:var(--rule)}.secondary-action:hover,.secondary-action.engaged{border-color:var(--ink);background:var(--paper-dark)}.notice,.audio-hint{margin-top:-3rem;border-left:4px solid var(--system-common);background:var(--paper-bright);padding:.8rem 1rem;color:var(--ink-muted);font-size:.84rem}.notice.error{border-color:var(--note)}.section-rule{display:flex;min-width:0;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--ink)}.section-rule p{margin-bottom:0}.section-rule>div:last-child{display:flex;min-width:0;align-items:center;gap:1rem}.section-rule span,.section-rule strong{min-width:0;overflow:hidden;color:var(--ink-muted);font-family:var(--font-data);font-size:.67rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.text-action{padding:.35rem 0;border:0;border-bottom:1px solid currentColor}.latest-panel{display:grid;width:100%;min-width:0;max-width:100%;contain:inline-size;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);border:1px solid var(--ink);background:var(--paper-bright)}.latest-panel.empty{color:var(--ink-muted)}.latest-primary{min-width:0;min-height:25rem;padding:clamp(1.2rem,3vw,3rem);border-right:1px solid var(--ink)}.family-label{display:flex;width:100%;min-width:0;max-width:100%;align-items:center;gap:.5rem;overflow:hidden;font-family:var(--font-data);font-size:.66rem;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.family-label:before,.family-pip{width:.65rem;height:.65rem;flex:0 0 auto;background:var(--family-color, var(--unknown));content:""}[data-family=note]{--family-color: var(--note)}[data-family=expression]{--family-color: var(--expression)}[data-family=control]{--family-color: var(--control)}[data-family=program]{--family-color: var(--program)}[data-family=system-common]{--family-color: var(--system-common)}[data-family=system-realtime]{--family-color: var(--system-realtime)}[data-family=sysex]{--family-color: var(--sysex)}[data-family=unknown]{--family-color: var(--unknown)}.latest-primary h2{overflow:hidden;width:100%;min-width:0;max-width:100%;margin-top:1.4rem;font-family:var(--font-data);font-size:clamp(.8rem,1.2vw,1.05rem);font-weight:400;letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.latest-value{overflow:hidden;width:100%;min-width:0;max-width:100%;margin:.12em 0;font-family:var(--font-display);font-size:clamp(6rem,15vw,15rem);line-height:.82;text-overflow:ellipsis;white-space:nowrap}.latest-detail{width:100%;min-width:0;max-width:52ch;margin:2rem 0 0;color:var(--ink-muted);font-family:var(--font-data);font-size:.74rem;line-height:1.55;overflow-wrap:anywhere}.latest-fields{min-width:0;margin:0}.latest-fields div{display:grid;min-width:0;grid-template-columns:7.4rem minmax(0,1fr);min-height:5rem;padding:1rem;border-bottom:1px solid var(--rule)}.latest-fields dt,.latest-fields dd{font-family:var(--font-data);font-size:.68rem}.latest-fields dt{color:var(--ink-muted);text-transform:uppercase}.latest-fields dd{min-width:0;margin:0;overflow-wrap:anywhere}.latest-fields small,table small{display:block;overflow:hidden;margin-top:.25rem;color:var(--ink-muted);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.raw-grid{grid-column:1 / -1;display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,.6fr) minmax(0,.6fr) minmax(0,1.8fr);border-top:1px solid var(--ink);background:var(--ink);color:var(--paper-bright)}.raw-grid div{min-width:0;padding:.9rem 1rem;border-right:1px solid #555751}.raw-grid span{display:block;margin-bottom:.45rem;color:#b9b8ae;font-family:var(--font-data);font-size:.58rem;letter-spacing:.09em}.raw-grid code{display:block;overflow-x:auto;font-family:var(--font-data);font-size:clamp(.66rem,1vw,.82rem);white-space:nowrap}.audio-hint{display:flex;align-items:center;gap:.6rem;margin:-3rem 0;border-color:var(--program)}.audio-hint span{color:var(--ink);font-weight:600}.audio-hint button{margin-left:auto;padding:.55rem .75rem;background:var(--ink);color:var(--paper)}.telemetry-layout{display:grid;grid-template-columns:minmax(12rem,.45fr) minmax(0,1.55fr);gap:1px;background:var(--ink);border:1px solid var(--ink)}.family-counters,.channels{display:grid;gap:1px;background:var(--rule)}.family-counters{grid-template-columns:1fr 1fr}.family-counters div{display:flex;min-height:4.5rem;align-items:end;justify-content:space-between;gap:.5rem;padding:.8rem;border-top:3px solid var(--family-color);background:var(--paper-bright)}.family-counters span,.channels span,.channels small{color:var(--ink-muted);font-family:var(--font-data);font-size:.58rem;text-transform:uppercase}.family-counters strong{font-family:var(--font-display);font-size:2.4rem;font-weight:400;line-height:.8}.channels{grid-template-columns:repeat(4,1fr)}.channels>div{display:grid;grid-template-columns:2.5rem 1fr auto;gap:.5rem;align-items:center;min-width:0;padding:.7rem;background:var(--paper-bright)}.channels>div.active{box-shadow:inset 3px 0 0 var(--control)}.channels meter{width:100%;height:.35rem;border:0;background:var(--paper-dark)}.channels meter::-webkit-meter-bar{border:0;background:var(--paper-dark)}.channels meter::-webkit-meter-optimum-value{background:var(--control)}.channels strong{font-family:var(--font-data);font-size:.68rem}.channels small{grid-column:1 / -1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-scroll{max-height:34rem;overflow:auto;border:1px solid var(--ink);background:var(--paper-bright)}table{width:100%;border-collapse:collapse;font-family:var(--font-data);font-size:.65rem;text-align:left}th{position:sticky;z-index:1;top:0;background:var(--ink);color:var(--paper-bright);font-weight:400;letter-spacing:.07em;text-transform:uppercase}th,td{padding:.8rem;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);vertical-align:top;white-space:nowrap}td:nth-child(5){min-width:16rem;white-space:normal}td code{font:inherit}.family-pip{display:inline-block;margin-right:.45rem;vertical-align:-.08em}.empty-row{height:8rem;color:var(--ink-muted);text-align:center;vertical-align:middle}footer{display:flex;min-height:6rem;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--ink);color:var(--ink-muted);font-family:var(--font-data);font-size:.61rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.connect-band,.latest-panel,.telemetry-layout{grid-template-columns:1fr}.latest-primary{min-height:20rem;border-right:0;border-bottom:1px solid var(--ink)}.channels{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.app-shell{padding-inline:.8rem;border:0}.masthead p{display:none}h1{font-size:clamp(3.7rem,19vw,6rem)}.demo-controls,.family-counters,.channels,.raw-grid{grid-template-columns:1fr}.raw-grid div{border-right:0;border-bottom:1px solid #555751}.latest-value{font-size:clamp(5.2rem,30vw,9rem)}.latest-fields div{grid-template-columns:6.2rem 1fr}.audio-hint{align-items:start;flex-wrap:wrap}.audio-hint button{margin-left:0}footer{align-items:start;flex-direction:column;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}