.mk .mk-image-compressor-grid{gap:var(--mk-s5);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:1024px){.mk .mk-image-compressor-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.mk .mk-image-compressor-group{gap:var(--mk-s2);min-width:0;display:grid}.mk .mk-image-compressor-range-label{justify-content:space-between;align-items:baseline;gap:var(--mk-s3);display:flex}.mk .mk-image-compressor-value{font-size:var(--mk-fs-small);color:var(--mk-ink-2);font-variant-numeric:tabular-nums;font-weight:600}.mk .mk-image-compressor-range:disabled{opacity:.45;cursor:not-allowed}.mk .mk-image-compressor-note{font-size:var(--mk-fs-caption);color:var(--mk-warn);line-height:1.45}.mk .mk-image-compressor-preview{padding:var(--mk-s3);justify-content:center;display:flex}.mk .mk-tool-preview.mk-image-compressor-preview img{object-fit:contain;width:auto;max-width:100%;max-height:320px;transition:opacity var(--mk-dur) var(--mk-ease);border-radius:6px}.mk .mk-tool-preview.mk-image-compressor-preview img.is-busy{opacity:.5}.mk .mk-image-compressor-stats{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:479px){.mk .mk-image-compressor-stats{gap:var(--mk-s2)}.mk .mk-image-compressor-stats .mk-tool-stat{padding:12px 10px}.mk .mk-image-compressor-stats .mk-tool-stat-value{font-size:1.0625rem}}.mk .mk-image-compressor-dims{font-size:var(--mk-fs-caption);color:var(--mk-ink-3)}.mk .mk-image-compressor-actions .mk-btn.is-muted{opacity:.7}@media (max-width:479px){.mk .mk-image-compressor-actions .mk-btn{flex:auto}}@media (prefers-reduced-motion:reduce){.mk .mk-tool-preview.mk-image-compressor-preview img{transition:none}}