:root{color:#edf4ff;background:#091425;font:16px/1.6 system-ui}body{margin:0}main{max-width:1120px;margin:auto;padding:28px}h1{font-size:34px;line-height:1.2}.eyebrow{letter-spacing:.12em;color:#85dfe8;font-size:12px}nav,#controls{flex-wrap:wrap;align-items:center;gap:14px;margin:20px 0;display:flex}a{color:#9adcff}button{font:inherit;color:#fff;cursor:pointer;background:#294862;border:1px solid #7894b5;border-radius:6px;padding:8px 14px}button:focus-visible{outline-offset:3px;outline:3px solid #8ef2ce}.views{grid-template-columns:1fr;gap:18px;display:grid}.views.dual{grid-template-columns:1fr 1fr}.stage{background:#14262b;border:1px solid #56718a;width:100%;height:350px;overflow:hidden}.stage canvas{max-width:100%;display:block}h2{font-size:18px}pre{white-space:pre-wrap;background:#122539;border-radius:8px;padding:18px;font-size:12px}p{color:#c4d6e5}section[hidden]{display:none}@media (width<=700px){.views.dual{grid-template-columns:1fr}main{padding:14px}}