.demo[data-astro-cid-soxsnotx]{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,6vw,72px);padding-block:clamp(32px,6vw,72px) clamp(48px,7vw,88px);display:grid}.intro[data-astro-cid-soxsnotx] h1[data-astro-cid-soxsnotx]{max-width:10ch;font-size:clamp(2.25rem,5vw,3.5rem)}.intro[data-astro-cid-soxsnotx] .lead[data-astro-cid-soxsnotx]{margin-top:20px}.panel[data-astro-cid-soxsnotx]{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--shadow);gap:18px;padding:20px;display:grid}.spectrum[data-astro-cid-soxsnotx]{width:100%;height:200px;display:block}.legend[data-astro-cid-soxsnotx]{font-size:var(--t-small);color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:-8px;display:flex}.key[data-astro-cid-soxsnotx]{border-radius:3px;width:10px;height:10px;margin-right:7px;display:inline-block}.key[data-astro-cid-soxsnotx].in{background:var(--slate-soft)}.key[data-astro-cid-soxsnotx].out{background:var(--saffron)}.field[data-astro-cid-soxsnotx]{border:0;min-width:0;margin:0;padding:0}.field[data-astro-cid-soxsnotx] legend[data-astro-cid-soxsnotx],.legend-like[data-astro-cid-soxsnotx]{margin-bottom:8px;padding:0;font-size:1rem;font-weight:700}.source[data-astro-cid-soxsnotx]{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.choice[data-astro-cid-soxsnotx]{align-items:center;gap:8px;font-size:1rem;display:inline-flex}.file[data-astro-cid-soxsnotx]{font:inherit;font-size:var(--t-small);max-width:100%}audio[data-astro-cid-soxsnotx]{width:100%}.modes[data-astro-cid-soxsnotx]{border:1px solid var(--line);border-radius:var(--r-control);background:var(--fog);display:flex;overflow:hidden}.mode[data-astro-cid-soxsnotx]{text-align:center;cursor:pointer;white-space:nowrap;flex:1;min-width:0;padding:12px 6px;font-size:1rem;font-weight:650}.mode[data-astro-cid-soxsnotx]+.mode[data-astro-cid-soxsnotx]{border-left:1px solid var(--line)}.mode[data-astro-cid-soxsnotx] input[data-astro-cid-soxsnotx]{opacity:0;pointer-events:none;position:absolute}.mode[data-astro-cid-soxsnotx]:has(input:checked){background:var(--ink);color:var(--on-ink)}.mode[data-astro-cid-soxsnotx]:has(input:focus-visible){outline:3px solid var(--saffron-deep);outline-offset:-3px}.hint[data-astro-cid-soxsnotx]{font-size:var(--t-small);margin-top:10px}.strength[data-astro-cid-soxsnotx]{grid-template-columns:auto 1fr 3.2em;align-items:center;gap:14px;display:grid}.strength[data-astro-cid-soxsnotx] .legend-like[data-astro-cid-soxsnotx]{margin:0}.strength[data-astro-cid-soxsnotx] input[data-astro-cid-soxsnotx]{width:100%;accent-color:var(--saffron-deep)}.strength[data-astro-cid-soxsnotx] output[data-astro-cid-soxsnotx]{text-align:right;font-variant-numeric:tabular-nums}.readouts[data-astro-cid-soxsnotx]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.readouts[data-astro-cid-soxsnotx] dt[data-astro-cid-soxsnotx]{font-size:var(--t-small);color:var(--ink-soft)}.readouts[data-astro-cid-soxsnotx] dd[data-astro-cid-soxsnotx]{font-variant-numeric:tabular-nums;margin:2px 0 0;font-weight:650}.status[data-astro-cid-soxsnotx]{color:var(--ink-soft);min-height:1.55em;font-size:1rem}@media (width<=880px){.demo[data-astro-cid-soxsnotx]{grid-template-columns:1fr}}