.acon-demo{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem 4rem;display:flex;flex-direction:column;gap:1.5rem}.acon-demo__head{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.acon-demo__head h1{margin:0;font-size:1.4rem;font-weight:600;color:var(--acon-fg)}.acon-demo__head p{margin:0;font-size:.9rem;color:var(--acon-text-tertiary)}.acon-demo__head code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.85em}.acon-demo__toggle{appearance:none;border:0;border-radius:4px;padding:.35rem .8rem;background:var(--acon-button);color:var(--acon-text-primary);font:inherit;font-size:.82rem;cursor:pointer}.acon-demo__toggle:hover{color:var(--acon-fg)}.acon-demo__toggle:focus-visible{outline:2px solid var(--acon-accent);outline-offset:2px}.acon-demo__subhead{margin:.5rem 0 0;font-size:1rem;font-weight:600;color:var(--acon-fg)}.acon-demo__stage{background:var(--acon-frame-bg);border-radius:12px;padding:14px}.acon-demo__stage--knobs{display:flex;gap:2rem;align-items:flex-end;justify-content:center;padding:20px 14px}.acon-demo__note{margin:0;font-size:.85rem;color:var(--acon-text-tertiary)}