.image-resizer{display:grid}.image-resizer .form-field{margin-top:1.25rem}.image-resizer .resize-file{border:1px solid var(--input);background:var(--background);border-radius:.5rem;width:100%;min-height:3.5rem;padding:.5rem;font-size:.875rem;display:block}.image-resizer .resize-file::file-selector-button{background:var(--primary);min-height:2.5rem;color:var(--primary-foreground);cursor:pointer;border:0;border-radius:.5rem;margin-right:.75rem;padding:.5rem .75rem}.image-resizer .resize-help,.image-resizer .resize-privacy,.image-resizer .resize-original{color:var(--muted-foreground);margin-top:.5rem;font-size:.875rem;line-height:1.6}.image-resizer .resize-dimensions,.image-resizer .resize-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.image-resizer .resize-dimensions>div,.image-resizer .resize-options>div{gap:.5rem;display:grid}.image-resizer .resize-check{cursor:pointer;align-items:center;gap:.5rem;min-height:2.75rem;margin-top:1rem;font-size:.875rem;display:flex}.image-resizer .resize-check input{width:1rem;height:1rem;accent-color:var(--primary);flex-shrink:0}.image-resizer .resize-error-slot{min-height:3rem;margin-top:.5rem}.image-resizer .resize-error{color:var(--destructive);font-size:.875rem;line-height:1.6}.image-resizer .resize-actions{flex-wrap:wrap}.image-resizer .resize-privacy{align-items:flex-start;gap:.5rem;margin-top:1rem;display:flex}.image-resizer .resize-privacy svg{flex-shrink:0;margin-top:.2rem}.image-resizer .resize-status{min-height:3rem;margin-block:.75rem;font-size:.875rem;line-height:1.6}.image-resizer .resize-preview-wrap{place-items:center;margin-bottom:1rem;display:grid}.image-resizer .resize-preview{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:20rem;display:block}.image-resizer .resize-summary{gap:.75rem;margin-bottom:1rem;font-size:.875rem;display:grid}.image-resizer .resize-summary>div{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.image-resizer .resize-summary dt{color:var(--muted-foreground)}.image-resizer .resize-summary dd{font-variant-numeric:tabular-nums;margin:0}@media (min-width:800px){.image-resizer{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}}