.codec-tool{gap:1rem;display:grid}.codec-controls{border:1px solid var(--line);background:var(--surface);border-radius:1rem;padding:1rem}.codec-group{gap:.5rem;margin-top:1rem;display:grid}.codec-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:.2rem .7rem;font-size:.8125rem;font-weight:700;display:inline-block}.codec-chip.supported,.codec-chip.real-pass{background:var(--accent);color:#17231d;border-color:#0000}.codec-chip.probably,.codec-chip.declared{border-color:var(--accent-ink);color:var(--accent-ink)}.codec-chip.unsupported,.codec-chip.real-fail{color:#b3261e;border-color:#b3261e}.codec-proof{border:1px solid var(--line);background:var(--surface);border-radius:1rem;gap:.5rem;padding:1rem;display:grid}