.image-compressor [hidden]{display:none !important}.image-compressor__body{display:grid;gap:var(--space-5)}@media (min-width:1000px){.image-compressor__body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:var(--space-6)}.image-compressor__results,.image-compressor__status,.image-compressor__body > noscript{grid-column:1 / -1}}.image-compressor__drop{display:grid;justify-items:center;align-content:center;gap:var(--space-3);min-width:0;padding:clamp(1.25rem,4vw,2.5rem) var(--space-4) clamp(1.5rem,4vw,2.5rem);border:2px dashed var(--line-strong);border-radius:var(--radius-xl);background:radial-gradient(70% 60% at 50% 18%,color-mix(in srgb,var(--accent-3) 14%,transparent),transparent 70%),radial-gradient(60% 50% at 80% 90%,color-mix(in srgb,var(--accent-2) 12%,transparent),transparent 70%),var(--bg-deep);text-align:center;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.image-compressor--over .image-compressor__drop{border-color:var(--tool-accent,var(--accent));background-color:color-mix(in srgb,var(--tool-accent,var(--accent)) 8%,var(--bg-deep))}.image-compressor__art{display:block;width:min(70vw,340px);height:auto;margin:calc(var(--space-2) * -1) auto 0;filter:drop-shadow(0 18px 30px color-mix(in srgb,var(--bg-deep) 70%,transparent))}@media (max-height:520px){.image-compressor__art{width:min(40vw,220px)}}.image-compressor__drop-title{margin:0;color:var(--ink);font-family:var(--font-display);font-size:var(--fs-h3);font-weight:650;line-height:var(--lh-heading)}.image-compressor__drop-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-3)}@media (max-width:459.98px){.image-compressor__drop-actions .lz-btn{flex:1 1 100%}}.image-compressor__sample{display:inline-flex;align-items:center;gap:var(--space-3);min-height:2.75rem;padding:var(--space-1) var(--space-4) var(--space-1) var(--space-1);border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-2) 80%,transparent);color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.image-compressor__sample img{width:3rem;height:2rem;border-radius:var(--radius-pill);object-fit:cover}@media (hover:hover) and (pointer:fine){.image-compressor__sample:not(:disabled):hover{border-color:var(--tool-accent,var(--accent));color:var(--ink)}}.image-compressor__formats{margin:0;color:var(--muted);font-size:var(--fs-sm)}.image-compressor__settings{display:grid;gap:var(--space-5);min-width:0;padding:clamp(1.25rem,3vw,1.75rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-1)}.image-compressor__field{min-width:0;margin:0;padding:0;border:0}.image-compressor__label{display:block;margin:0 0 var(--space-2);padding:0;color:var(--ink);font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-ui)}.image-compressor__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.image-compressor__chip{position:relative;display:inline-flex}.image-compressor__chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.image-compressor__chip span{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--ink-2);font-size:var(--fs-sm);font-weight:650;font-variant-numeric:tabular-nums;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.image-compressor__chip input:checked + span{border-color:var(--tool-accent,var(--accent));background:color-mix(in srgb,var(--tool-accent,var(--accent)) 16%,transparent);color:var(--ink)}.image-compressor__chip input:focus-visible + span{outline:var(--focus-ring);outline-offset:2px}@media (hover:hover) and (pointer:fine){.image-compressor__chip input:not(:checked):not(:disabled):hover + span{border-color:color-mix(in srgb,var(--ink) 35%,transparent);color:var(--ink)}}.image-compressor__other{display:grid;gap:var(--space-1);margin-top:var(--space-3);color:var(--muted);font-size:var(--fs-sm)}.image-compressor__input{display:block;width:100%;min-height:3rem;padding:0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-md);background-color:var(--bg-deep);color:var(--ink);font:inherit;font-size:var(--fs-md);color-scheme:dark}.image-compressor__input:focus-visible{outline:var(--focus-ring);outline-offset:2px}.image-compressor__input[aria-invalid="true"]{border-color:var(--danger)}.image-compressor__check{display:flex;gap:var(--space-3);align-items:flex-start;color:var(--ink);font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-ui);cursor:pointer}.image-compressor__check input{flex:none;width:1.25rem;height:1.25rem;margin:.1rem 0 0;accent-color:var(--tool-accent,var(--accent))}.image-compressor__help{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-ui)}.image-compressor__pixels{border-top:1px solid var(--line);padding-top:var(--space-4)}.image-compressor__pixels summary{display:flex;align-items:center;min-height:2.75rem;color:var(--ink-2);font-size:var(--fs-sm);font-weight:600;cursor:pointer}.image-compressor__pixels summary:focus-visible{outline:var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.image-compressor__pixel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}.image-compressor__pixel-grid label{display:grid;gap:var(--space-1);color:var(--muted);font-size:var(--fs-sm)}.image-compressor__fit{grid-column:1 / -1}.image-compressor__results{min-width:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-deep)}.image-compressor__results-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.image-compressor__heading{margin:0;color:var(--ink);font-size:var(--fs-lg);font-weight:650}.image-compressor__count{color:var(--muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.image-compressor__results-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}.image-compressor__list{display:grid;gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none}.image-compressor__row{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;grid-template-areas:"thumb info remove" "thumb badge badge" "actions actions actions";gap:var(--space-2) var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2)}@media (min-width:700px){.image-compressor__row{grid-template-columns:4.5rem minmax(0,1fr) auto auto auto;grid-template-areas:"thumb info badge actions remove"}}.image-compressor__thumb{grid-area:thumb;width:4.5rem;height:4.5rem;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-3)}.image-compressor__thumb img{display:block;width:100%;height:100%;object-fit:cover}.image-compressor__thumb img:not([src]){visibility:hidden}.image-compressor__info{grid-area:info;min-width:0}.image-compressor__name{margin:0;overflow:hidden;color:var(--ink);font-size:var(--fs-sm);font-weight:650;white-space:nowrap;text-overflow:ellipsis}.image-compressor__sizes{margin:var(--space-1) 0 0;color:var(--ink-2);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.image-compressor__meta{margin:0;color:var(--muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.image-compressor__badge{grid-area:badge;justify-self:start;margin:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:700;white-space:nowrap}.image-compressor__badge:empty{display:none}.image-compressor__badge.is-ok{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.image-compressor__badge.is-ok::before{content:"✓ "}.image-compressor__badge.is-miss{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.image-compressor__download{grid-area:actions;justify-self:stretch}@media (min-width:700px){.image-compressor__download{justify-self:end}}.image-compressor__remove{grid-area:remove;display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--muted);cursor:pointer}@media (hover:hover) and (pointer:fine){.image-compressor__remove:hover{background:var(--surface-3);color:var(--danger)}}.image-compressor__row.is-busy .image-compressor__thumb{animation:image-compressor-pulse 1.2s ease-in-out infinite alternate}@keyframes image-compressor-pulse{from{opacity:.45}to{opacity:1}}.image-compressor__status{min-height:1.45em;margin:0;color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-ui)}