.encoding-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.encoding-modes button{appearance:none;min-height:50px;padding:12px;border:1px solid var(--border);border-radius:13px;background:#0a362a;color:var(--text);font-size:12px;font-weight:650;line-height:1.5;cursor:pointer}
.encoding-modes button[aria-pressed=true]{background:#ffcf8c;border-color:#ffdda6;color:#402b0d}
.encoding-fields{grid-template-columns:1fr}
.encoding-fields .prep-field label{min-height:0}
.encoding-total{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.encoding-total strong{font-size:clamp(38px,4vw,62px)}
.encoding-unit{font-family:var(--font-serif);font-size:25px;color:var(--text)}
.encoding-exact{font-size:13px;line-height:1.7;color:var(--muted);margin-top:8px}
.encoding-result .prep-metrics strong{font-size:24px;overflow-wrap:anywhere}
.encoding-result .prep-metrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
[data-encoded-volume] [hidden]{display:none!important}
:root[data-theme=light] .encoding-modes button{background:#f3f6e9;border-color:#9caf88;color:var(--text)}
:root[data-theme=light] .encoding-modes button[aria-pressed=true]{background:#ffd18e;border-color:#d8ad65;color:#402b0d}
@media(max-width:650px){.encoding-modes{grid-template-columns:1fr}.encoding-result .prep-metrics{grid-template-columns:1fr}.encoding-total strong{font-size:44px}.encoding-unit{font-size:23px}}