@import url("/image-converter/styles.css?v=1");
/* image compressor */
.ic-target { width: 120px; font-size: 18px; font-weight: 700; text-align: right; }
.radios .in, .radios .sel { align-self: center; }
.chips button { background: transparent; color: var(--text); border: 1px solid var(--border); border-radius: 999px; padding: 5px 12px; font: inherit; font-size: 12px; cursor: pointer; }
.chips button[aria-pressed=true] { border-color: var(--accent); background: rgba(149,214,0,.08); }
.adv-panel summary { cursor: pointer; list-style: none; }
.adv-panel summary::-webkit-details-marker { display: none; }
.adv-panel summary h2 { display: inline; margin: 0; }
.adv-panel[open] summary { margin-bottom: 4px; }
.field .lbl { display: block; margin-bottom: 6px; color: var(--muted); }
input[type=range] { width: 100%; accent-color: var(--accent); }
.receipt { list-style: none; margin: 10px 0 0; padding: 0; font-size: 13px; }
.receipt li { padding: 4px 0; }
.receipt li.ok::before { content: "✓ "; color: var(--good); }
.receipt li.bad::before { content: "✗ "; color: var(--bad); }
.receipt li.info { color: var(--muted); font-size: 12px; }
.fixes { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.fixes:empty { display: none; }
.btn.fix { background: transparent; border: 1px solid var(--warn); color: var(--warn); }
.qitem .res b { color: var(--good); }
.qitem .res b.over { color: var(--warn); }
.err:empty { display: none; }
.hidden { display: none !important; }