.ic-card{text-align:left}.ic-fields{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);grid-template-columns:1fr;gap:1rem;margin:0 0 1.25rem;padding:1rem;display:grid}.ic-field label{margin-bottom:.3rem;font-size:.85rem;font-weight:600;display:block}.ic-field select,.ic-field input[type=text]{box-sizing:border-box;width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.55rem .75rem}.ic-field-hint{color:var(--text-muted);margin:.3rem 0 0;font-size:.78rem}.ic-field-hint.is-warning{color:#9a3412}.ic-quality-row{align-items:center;gap:.75rem;display:flex}.ic-quality-row input[type=range]{accent-color:var(--accent);flex:1}.ic-quality-value{text-align:right;font-variant-numeric:tabular-nums;min-width:3.2rem;color:var(--accent-strong);font-weight:600}.ic-drop-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-muted);text-align:center;cursor:pointer;transition:border-color var(--transition), background var(--transition);padding:1.25rem 1rem;display:block}.ic-drop-zone:hover,.ic-drop-zone.is-dragover{border-color:var(--accent);background:var(--accent-soft)}.ic-drop-text{color:var(--text-muted);margin:0;font-size:.9rem}.ic-drop-zone input[type=file]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ic-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin:1rem 0 .5rem;display:flex}.ic-actions .btn-primary[disabled],.ic-actions .btn-secondary[disabled]{opacity:.55;cursor:not-allowed}.ic-status{color:var(--text-muted);min-height:1.2em;margin:.35rem 0 0;font-size:.85rem}.ic-error{color:#b91c1c;min-height:1.2em;margin:.35rem 0 0;font-size:.85rem}.ic-progress{background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;height:6px;margin:.6rem 0 0;overflow:hidden}.ic-progress-fill{background:var(--accent);width:0;height:100%;transition:width .2s var(--transition);border-radius:999px}.ic-queue{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.ic-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);grid-template-columns:1fr;gap:.75rem;padding:.85rem;display:grid}.ic-row.is-processing{border-color:var(--accent)}.ic-row.is-error{background:#fef2f2;border-color:#fca5a5}.ic-row-head{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.ic-row-name{overflow-wrap:anywhere;font-weight:600}.ic-row-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--surface-muted);color:var(--text-muted);border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.ic-row.is-processing .ic-row-badge{background:var(--accent-soft);color:var(--accent-strong)}.ic-row.is-done .ic-row-badge{color:#166534;background:#dcfce7}.ic-row.is-error .ic-row-badge{color:#b91c1c;background:#fee2e2}.ic-row-bytes{font-variant-numeric:tabular-nums;width:100%;color:var(--text-muted);margin:0;font-size:.85rem}.ic-row-bytes .ic-delta{color:#166534;font-weight:600}.ic-row-bytes .ic-delta.is-growth{color:#9a3412}.ic-row-error{color:#b91c1c;width:100%;margin:0;font-size:.85rem}.ic-previews{align-items:center;gap:.75rem;min-width:0;display:flex}.ic-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);flex:none;justify-content:center;align-items:center;width:96px;height:72px;display:flex;overflow:hidden}.ic-preview img{object-fit:contain;max-width:100%;max-height:100%}.ic-preview-arrow{color:var(--text-faint);flex:none}.ic-preview-label{text-align:center;color:var(--text-faint);margin-top:.25rem;font-size:.68rem;display:block}.ic-preview-box{min-width:0}.ic-row-side{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ic-row-side .ic-remove{padding:.35rem .7rem;font-size:.78rem}.ic-actions a.is-busy-lock{opacity:.55;pointer-events:none}.ic-download{font-size:.82rem;display:inline-block}@media (width>=560px){.ic-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ic-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.ic-row-body{min-width:0}.ic-row-side{justify-content:flex-end}}