.image-resizer__dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}.image-resizer__dimensions label{display:grid;gap:var(--space-1);color:var(--color-ink-muted);font-size:.85rem;font-weight:700}.image-resizer__dimensions input{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-resizer__ratio{display:flex;gap:var(--space-2);align-items:center;margin-top:var(--space-3);font-weight:700}.image-resizer__ratio input{inline-size:1.1rem;block-size:1.1rem;accent-color:var(--color-primary)}.image-resizer__presets{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.image-resizer__presets button{min-block-size:2.5rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);background:var(--color-surface);font-weight:800;cursor:pointer}.image-resizer__presets button:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.image-resizer__upscale{margin:var(--space-3) 0 0;color:#74530d;font-size:.85rem;line-height:1.5}.image-resizer__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-resizer__result{margin-top:var(--space-5)}.image-resizer__result .image-tool__result-stats{margin-top:var(--space-4)}@media(max-width:26rem){.image-resizer__dimensions{grid-template-columns:1fr}}