.image-converter__controls{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.image-converter__field{display:grid;gap:var(--space-2);color:var(--color-ink-muted);font-size:.9rem;font-weight:700}.image-converter__field select{inline-size:100%;min-inline-size:0;padding:.7rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface)}.image-converter__note{margin:0;color:var(--color-ink-muted);font-size:.88rem;line-height:1.5}.image-converter__same-format{margin:0;padding:var(--space-3);border-radius:var(--radius-sm);color:#74530d;background:#fff8e8;font-size:.88rem}.image-converter__background{display:grid;gap:var(--space-2)}.image-converter__background label{color:var(--color-ink-muted);font-size:.9rem;font-weight:700}.image-converter__color-row{display:flex;gap:var(--space-3);align-items:center}.image-converter__color-row input{inline-size:3.25rem;block-size:2.75rem;padding:.2rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer}.image-converter__color-row output{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700}.image-converter__result-preview{display:block;inline-size:min(100%,28rem);max-block-size:22rem;margin-inline:auto;border-radius:var(--radius-sm);object-fit:contain;background:var(--color-surface-muted)}.image-converter__result{margin-top:var(--space-5)}.image-converter__result .image-tool__result-stats{margin-top:var(--space-4)}