.imgc{margin-top:1rem}.imgc [hidden]{display:none!important}[data-tool=imagecompressor][data-state=ready] .dropzone{display:none}.imgc__problem{border:1px solid var(--color-error);border-radius:var(--radius);color:var(--color-error);margin:1rem 0 0;padding:.75rem 1rem;font-weight:600}.imgc__settings{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-wrap:wrap;align-items:flex-end;gap:.75rem 2rem;margin-top:1rem;padding:.75rem 1.25rem;display:flex}.imgc__setting{gap:.375rem;min-width:0;display:grid}.imgc__label{font-size:.875rem;font-weight:700}.imgc__range{align-items:center;gap:.75rem;display:flex}.imgc__range input{width:min(14rem,50vw);accent-color:var(--color-primary)}.imgc__range input:disabled{opacity:.4}.imgc__range output{font-variant-numeric:tabular-nums;min-width:3rem;font-weight:700}.imgc__note{color:var(--color-muted);flex-basis:100%;margin:0;font-size:.8125rem}.imgc__sides{flex-wrap:wrap;gap:.5rem;display:flex}.imgc__sides label{color:var(--color-muted);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.imgc__sides input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);width:6.5rem;color:var(--color-text);font:inherit;font-variant-numeric:tabular-nums;padding:.375rem .625rem}.imgc__sides input[aria-invalid=true]{border-color:var(--color-error)}.imgc__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}#background{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:3rem;height:2rem;padding:0}.imgc__summary{margin:1rem 0 0;font-size:1.125rem;font-weight:800}.imgc__summary[data-direction=smaller]{color:var(--color-success)}.imgc__summary[data-direction=larger]{color:var(--color-error)}.imgc__warnings{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-2);gap:.5rem;margin:.75rem 0 0;padding:.75rem 1rem .75rem 2rem;font-size:.9375rem;display:grid}.imgc__shots{grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:1rem;display:grid}@media (width>=760px){.imgc__shots{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.imgc__shot{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);align-content:start;gap:.625rem;margin:0;padding:1rem;display:grid}.imgc__head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem 1rem;display:grid}.imgc__title{grid-area:1/1;font-weight:800}.imgc__frame{border-radius:var(--radius);background:repeating-conic-gradient(var(--color-surface-2) 0% 25%, var(--color-surface) 0% 50%) 50% / 16px 16px;place-items:center;min-height:10rem;display:grid;position:relative;overflow:hidden}.imgc__frame img{object-fit:contain;max-width:100%;max-height:max(12rem,100vh - 22rem);display:block}.imgc__working{color:var(--color-muted);font-weight:600;position:absolute}.imgc__facts{flex-wrap:wrap;grid-area:2/1/3/3;gap:.25rem 1rem;margin:0;font-size:.875rem;display:flex}.imgc__facts>div{gap:.375rem;display:flex}.imgc__facts dt{color:var(--color-muted)}.imgc__facts dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.imgc__actions{flex-wrap:wrap;grid-area:1/2;gap:.5rem;display:flex}.imgc__actions a[aria-disabled=true]{opacity:.5;pointer-events:none}.imgc__shots[hidden],.imgc__batch[hidden]{display:none}.imgc__batch{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.imgc__batchhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.imgc__batch .imgc__summary{margin:0}.imgc__list{gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.imgc__item{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.375rem .625rem;display:grid}.imgc__itemname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.imgc__iteminfo{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.875rem}@media (width<=640px){.imgc__item{grid-template-columns:minmax(0,1fr) auto}.imgc__iteminfo{grid-area:2/1/auto/-1}}