#image-compressor-form{max-width:680px}.image-results{margin-top:28px}.image-preview{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:8px;background:repeating-conic-gradient(#f4f7f9 0 25%,#fff 0 50%) 50%/20px 20px}.image-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.image-stats>div{padding:14px;background:var(--paper);border-radius:8px}.image-stats dt{font-size:13px}.image-stats dd{margin:4px 0 0;font-weight:700}.image-stats dd:empty{display:none}#image-quality{max-width:680px}@media(max-width:600px){.image-stats{grid-template-columns:1fr}}