.demo-gate{max-width:46ch;margin-top:30px}.demo-gate label{font-family:JetBrains Mono,ui-monospace,monospace;font-size:var(--fs-2);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:8px;display:block}.demo-gate-row{flex-wrap:wrap;gap:10px;display:flex}.demo-gate input{border:1px solid var(--line);background:var(--card);min-width:0;color:var(--fg);font-size:var(--fs-5);flex:240px;padding:11px 14px}.demo-gate input:focus-visible{outline:2px solid var(--signal);outline-offset:1px}.demo-gate-note{color:var(--mut);font-size:var(--fs-4);margin:10px 0 0}