[hidden]{display:none!important}.itf{max-width:1040px;margin:0 auto;padding:calc(var(--nav-h) + 28px) 22px 64px}.itf-head{text-align:center;margin-bottom:22px}.itf-kicker{font-family:var(--font-display);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted)}.itf-title{font-size:clamp(1.9rem,5.5vw,2.8rem);line-height:1.15;margin:.2rem 0 .5rem}.itf-sub{max-width:68ch;margin:0 auto;color:var(--text-muted);font-size:1.05rem;line-height:1.55}.itf-stage{background:var(--surface);border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:14px}.itf-stage canvas{display:block;width:100%;height:auto;border-radius:8px;background:#070a10}.itf-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 4px 2px}.btn{font-family:var(--font-display);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;padding:9px 16px;border-radius:8px;border:1px solid rgba(148,163,184,.28);background:var(--surface-2);color:var(--text);cursor:pointer}.btn:hover,.btn:focus-visible{border-color:var(--coral);color:var(--coral-bright)}.btn-primary{background:var(--coral);border-color:var(--coral);color:#0b0d12}.btn-primary:hover,.btn-primary:focus-visible{background:var(--coral-bright);color:#0b0d12}.btn[disabled]{opacity:.5;cursor:default}.dial{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-muted);margin-left:auto}.dial code{color:var(--gold)}.dial input{width:180px;accent-color:var(--gold)}.status{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--cyan-bright);min-width:12ch}.itf-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;margin-top:18px}@media(max-width:820px){.itf-grid{grid-template-columns:1fr}.dial{margin-left:0}}.itf-panel{background:var(--surface);border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:18px 20px}.itf-panel h2{font-size:1.05rem;margin:0 0 10px}.itf-panel h2+.readout+h2{margin-top:22px}.readout .row{display:flex;align-items:center;gap:10px;margin:8px 0;font-family:JetBrains Mono,monospace;font-size:.85rem}.readout .k{width:12ch;color:var(--text-muted)}.readout .tr{display:block;flex:1;height:14px;border:1px solid rgba(148,163,184,.35);border-radius:3px;overflow:hidden}.readout .fl{display:block;height:100%;width:0;transition:width .2s}.readout .fl.a{background:var(--cyan-bright)}.readout .fl.b{background:var(--gold)}.readout .v{width:5ch;text-align:right}.readout .note{color:var(--text-muted);font-size:.88rem;margin:8px 0 0;min-height:1.4em}.code{font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.5;background:#070a10;border:1px solid rgba(148,163,184,.18);border-radius:8px;padding:12px 14px;margin:0 0 10px;color:var(--text);white-space:pre;overflow-x:auto}.code.fixed{color:var(--text-muted)}.code.editable{display:block;width:100%;resize:vertical;color:var(--text);border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.code.editable:focus{outline:none;border-color:var(--gold-bright)}.edit-hint{font-size:.85rem;color:var(--gold);margin:0 0 8px}.err{font-family:JetBrains Mono,monospace;font-size:.8rem;color:#f43f5e;margin:0}.itf-prose{margin-top:28px;max-width:72ch;color:var(--text-muted);line-height:1.6}.itf-prose h2{color:var(--text);font-size:1.1rem}.itf-prose li{margin-bottom:8px}.itf-prose a{color:var(--cyan-bright)}