.converter{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow)}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);padding:var(--space-6) var(--space-4);text-align:center;cursor:pointer;color:var(--text-faint);transition:border-color .2s,background .2s}.dropzone:hover,.dropzone:focus-visible,.dropzone.is-over{border-color:var(--accent);background:var(--accent-soft)}.dropzone.is-over{border-style:solid}.dropzone>svg{color:var(--accent)}.dropzone .dz-title{margin:var(--space-2) 0 2px;font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);font-size:1.14rem;font-weight:600}.dropzone .dz-or{margin:0 0 10px;font-size:.85rem}.dropzone .dz-hint{margin:12px 0 0;font-size:.82rem}.dropzone .dz-touch{display:none}@media (hover:none) and (pointer:coarse){.dropzone .dz-pointer{display:none}.dropzone .dz-touch{display:block}.dropzone{padding:24px 16px}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--text);border-radius:var(--radius);font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;padding:10px 20px;font-size:.95rem;font-weight:500;transition:background .18s,border-color .18s,opacity .18s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-text)}.btn.ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn:disabled{opacity:.55;cursor:not-allowed}.tool-error{border-radius:var(--radius);background:var(--bad-soft);color:var(--bad);margin:14px 0 0;padding:11px 14px;font-size:.9rem}.tool-body{margin-top:18px}.quality-row{background:var(--surface-2);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;font-size:.92rem;display:flex}.quality-row label{font-weight:600}.quality-row input[type=range]{accent-color:var(--accent);flex:180px}.quality-row output{font-variant-numeric:tabular-nums;min-width:3.4ch;font-weight:640}.quality-row .quality-hint{color:var(--text-faint);flex-basis:100%;font-size:.82rem}.file-list{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.file-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:1fr auto;display:grid}.file-row .name{text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;font-weight:500;overflow:hidden}.file-row .meta{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:8px;font-size:.81rem;display:flex}.file-row .meta .delta{color:var(--good);font-weight:620}.file-row .meta .delta.up{color:var(--text-muted)}.file-row .meta .err{color:var(--bad)}.file-row .side{align-items:center;gap:8px;display:flex}.file-row .btn{padding:6px 12px;font-size:.86rem}.icon-btn{color:var(--text-faint);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;width:44px;height:44px;font-size:1.2rem;line-height:1}.icon-btn:hover{color:var(--bad);background:var(--bad-soft)}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.actions{padding:0 var(--space-2) var(--space-2);flex-wrap:wrap;gap:10px;display:flex}.file-list{padding:0 var(--space-2)}.quality-row{margin-inline:var(--space-2)}h4[data-astro-cid-gn4xif4r]{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin:var(--space-4) 0 var(--space-2);font-size:.72rem;font-weight:600}.format-card[data-astro-cid-gn4xif4r]{border-top:3px solid var(--fmt,var(--accent))}.format-card[data-astro-cid-gn4xif4r] h3[data-astro-cid-gn4xif4r]{align-items:center;gap:var(--space-2);display:flex}