.image-compressor{max-width:var(--container-max,1440px)}.image-compressor__grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-5);gap:var(--space-5)}.image-compressor__grid>*{min-width:0;align-content:start}.image-compressor__presets{display:flex;flex-wrap:wrap;gap:var(--space-2);border:0;padding:0}.image-compressor__presets legend{margin-bottom:var(--space-3);font-weight:var(--weight-semibold)}.image-compressor button,.image-compressor input{font:inherit}.image-compressor__presets button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-3);color:var(--color-text);cursor:pointer}.image-compressor__presets button[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent,white)}.image-compressor__field{display:grid;grid-gap:var(--space-2);gap:var(--space-2);font-weight:var(--weight-semibold)}.image-compressor__field input{min-width:0;width:100%;box-sizing:border-box;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface-raised)}.image-compressor__hint{color:var(--color-text-muted);font-size:var(--text-sm)}.image-compressor__primary{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-lg);background:var(--color-accent);color:white;font-weight:var(--weight-semibold);text-decoration:none;cursor:pointer}.image-compressor__primary:disabled{opacity:.5;cursor:default}.image-compressor__preview{width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius-md)}.image-compressor__description{margin-top:var(--space-9);max-width:900px}.image-compressor__description h2{margin-top:var(--space-6)}.image-compressor :focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (max-width:720px){.image-compressor__grid{grid-template-columns:1fr}}.image-compressor .pdf-tools__drop strong{max-width:100%;overflow-wrap:anywhere}.image-compressor__grid>section{display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding:clamp(var(--space-5),4vw,var(--space-8));border:var(--card-border);border-radius:var(--card-radius);background:var(--color-surface-raised);box-shadow:var(--card-shadow)}