.img-batch{min-width:0;container-type:inline-size}.img-batch__grid{gap:14px;min-width:0;display:grid}@container (width>=900px){.img-batch__grid.has-items{grid-template-rows:repeat(6,auto) 1fr;grid-template-columns:minmax(320px,400px) minmax(0,1fr);align-items:start;column-gap:28px}.img-batch__grid.has-items>*{grid-column:1}.img-batch__grid.has-items>.img-compare{grid-area:1/2/-1;position:sticky;top:84px}}.tool-drop.is-compact{clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.img-settings{gap:12px;min-width:0;display:grid}.img-field{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;display:flex}.img-field__label{color:var(--t-muted,#5d6b7c);font-size:14px}.img-field--chips{gap:6px;display:grid}.img-chips{scrollbar-width:none;gap:6px;min-width:0;margin:-2px;padding:2px;display:flex;overflow-x:auto}.img-chips::-webkit-scrollbar{display:none}.img-chips--wrap{flex-wrap:wrap;overflow:visible}@media (max-width:640px){.img-chips:not(.img-chips--wrap){padding-right:28px;-webkit-mask-image:linear-gradient(270deg,#0000,#000 28px);mask-image:linear-gradient(270deg,#0000,#000 28px)}}@media (min-width:641px){.img-chips:not(.img-chips--small){flex-wrap:wrap;overflow:visible}}.img-chip__sub{opacity:.75;margin-left:6px;font-size:13px}.img-field--small{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.img-chips--small{gap:4px}.img-chips--small .img-chip{min-height:36px;padding:4px 11px;font-size:14px}.img-chip{appearance:none;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid var(--t-border,#dde3ea);background:var(--t-bg,#fff);min-height:40px;color:var(--t-text,#1c2430);border-radius:999px;flex:none;padding:7px 13px;font-size:15px}.img-chip:hover{border-color:var(--t-accent,#2563eb)}.img-chip[aria-checked=true]{background:var(--t-accent,#2563eb);border-color:var(--t-accent,#2563eb);color:var(--t-accent-text,#fff)}.img-chip:focus-visible,.img-item__pick:focus-visible{outline:2px solid var(--t-accent,#2563eb);outline-offset:2px}.img-num{width:9ch}.img-color{border:1px solid var(--t-border,#dde3ea);background:var(--t-bg,#fff);cursor:pointer;border-radius:10px;width:44px;height:40px;padding:2px}.img-range{flex-wrap:nowrap}.img-range__input{min-width:120px;accent-color:var(--t-accent,#2563eb);flex:1}.img-range__val{text-align:right;font-variant-numeric:tabular-nums;min-width:5ch}.img-more>summary{cursor:pointer;color:var(--t-accent,#2563eb);width:max-content;max-width:100%;padding:10px 0;font-size:15px}.img-more[open]>summary{margin-bottom:10px}.img-more__body{gap:12px;display:grid}.img-hint{color:var(--t-muted,#5d6b7c);margin:0;font-size:14px}.img-dims{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.img-dims__x{color:var(--t-muted,#5d6b7c)}.tool-status.is-hint{background:color-mix(in srgb, var(--t-accent,#2563eb) 9%, var(--t-bg,#fff));color:var(--t-text,#1c2430);box-shadow:inset 4px 0 0 var(--t-accent,#2563eb)}.img-actions .img-main{min-height:52px;padding:12px 24px;font-size:17px}@media (max-width:480px){.img-actions .img-main{flex:100%}}.img-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.img-item{border:1px solid var(--t-border,#dde3ea);background:var(--t-bg,#fff);border-radius:10px;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;min-width:0;padding:8px;display:grid}.img-item[data-state=work],.img-item[data-state=wait]{opacity:.75}.img-item[data-state=error]{border-color:color-mix(in srgb, var(--t-err,#b91c1c) 45%, var(--t-border,#dde3ea))}.img-item__pick{appearance:none;cursor:zoom-in;background:0 0;border:0;border-radius:8px;padding:0}.img-item__thumb{object-fit:cover;background:repeating-conic-gradient(var(--t-surface,#f5f7fa) 0 25%, var(--t-bg,#fff) 0 50%) 0 0 / 12px 12px;border-radius:8px;width:64px;height:64px;display:block}.img-item__info{gap:2px;min-width:0;display:grid}.img-item__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.img-item__meta{font-variant-numeric:tabular-nums;font-size:14px}.img-item__note{color:var(--t-muted,#5d6b7c);font-size:13px}.img-item[data-state=error] .img-item__note{color:var(--t-err,#b91c1c)}.img-item__btns{gap:6px;display:flex}.img-item__dl,.img-item__rm{padding:8px 12px}.img-badge{background:var(--t-surface,#f5f7fa);color:var(--t-muted,#5d6b7c);border-radius:6px;padding:0 6px;font-size:13px;display:inline-block}.img-badge.is-good{color:var(--t-ok,#15803d);background:color-mix(in srgb, var(--t-ok,#15803d) 12%, transparent)}@media (max-width:480px){.img-item{grid-template-columns:56px 1fr}.img-item__thumb{width:56px;height:56px}.img-item__btns{grid-column:1/-1}.img-item__dl{flex:1}}.img-compare{gap:10px;min-width:0;display:grid}.img-compare [hidden]{display:none!important}.img-compare__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.img-compare__zoom{align-items:center;gap:8px;margin-left:auto;display:flex}.img-compare__zv{color:var(--t-muted,#5d6b7c);font-variant-numeric:tabular-nums;font-size:13px}.img-compare__seg{border:2px solid var(--t-text,#1c2430);background:var(--t-bg,#fff);border-radius:999px;gap:2px;max-width:100%;padding:2px;display:inline-flex}.img-compare__seg-btn{appearance:none;color:var(--t-text,#1c2430);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:36px;margin:0;padding:6px 12px;font-size:14px;font-weight:600;line-height:1.2}.img-compare__seg-btn:hover{background:var(--t-surface,#f5f7fa)}.img-compare__seg-btn[aria-pressed=true]{background:var(--t-text,#1c2430);color:var(--t-bg,#fff)}.img-compare__seg-btn:focus-visible{outline:2px solid var(--t-accent,#2563eb);outline-offset:2px}.img-compare__stage{justify-items:center;min-width:0;display:grid}.img-compare__vp{box-sizing:content-box;border:2px solid var(--t-text,#1c2430);border-radius:var(--t-radius,12px);background:var(--t-surface,#f5f7fa);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;position:relative;overflow:hidden}.img-compare__vp--slider{cursor:ew-resize}.img-compare__vp.is-pan{cursor:grab;touch-action:none}.img-compare__vp.is-drag{cursor:grabbing}.img-compare__content,.img-compare__box{background:repeating-conic-gradient(var(--t-surface,#f5f7fa) 0 25%, var(--t-bg,#fff) 0 50%) 0 0 / 16px 16px}.img-compare__content{will-change:transform;position:absolute;top:0;left:0}.img-compare__clip{position:absolute;inset:0}.img-compare__img{pointer-events:none;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.img-compare__img.is-px{image-rendering:pixelated}.img-compare__handle{z-index:2;cursor:ew-resize;touch-action:none;outline:none;width:44px;margin-left:-22px;position:absolute;top:0;bottom:0;left:50%}.img-compare__handle:before{content:"";background:var(--t-bg,#fff);width:2px;box-shadow:0 0 0 1px color-mix(in srgb, var(--t-text,#1c2430) 50%, transparent), 0 0 10px color-mix(in srgb, var(--t-text,#1c2430) 35%, transparent);margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.img-compare__knob{box-sizing:border-box;border:2px solid var(--t-text,#1c2430);background:var(--t-bg,#fff);width:44px;height:44px;color:var(--t-text,#1c2430);box-shadow:0 3px 0 var(--t-text,#1c2430), 0 6px 16px color-mix(in srgb, var(--t-text,#1c2430) 30%, transparent);border-radius:50%;place-items:center;margin:-22px 0 0 -22px;transition:transform .12s,background-color .12s,color .12s;display:grid;position:absolute;top:50%;left:50%}.img-compare__handle:hover .img-compare__knob{transform:scale(1.07)}.img-compare__handle:focus-visible .img-compare__knob{outline:3px solid var(--t-accent,#2563eb);outline-offset:2px}.img-compare__vp.is-split .img-compare__knob{background:var(--t-accent,#2563eb);border-color:var(--t-accent,#2563eb);color:var(--t-accent-text,#fff)}.img-compare__badge{z-index:3;box-sizing:border-box;font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--t-text,#1c2430) 70%, transparent);max-width:calc(50% - 16px);color:var(--t-bg,#fff);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:0 6px;padding:4px 9px;font-size:13px;line-height:1.35;transition:opacity .15s;display:flex;position:absolute;top:8px;left:8px}.img-compare__badge b:after{content:" ·";font-weight:400}.img-compare__badge--r{text-align:right;justify-content:flex-end;left:auto;right:8px}.img-compare__badge.is-off{opacity:0}.img-compare__side .img-compare__badge{max-width:calc(100% - 16px)}@media (max-width:480px){.img-compare__badge{padding:3px 7px;font-size:12px;top:6px;left:6px}.img-compare__badge--r{left:auto;right:6px}}.img-compare__side{place-items:start center;gap:12px;width:100%;display:grid}.img-compare__side.is-row{grid-template-columns:1fr 1fr}.img-compare__scale{box-sizing:border-box;border:2px solid var(--t-text,#1c2430);border-radius:var(--t-radius,12px);background:var(--t-surface,#f5f7fa);flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;padding:16px;display:flex}.img-compare__scale.is-row{flex-direction:row;align-items:flex-end}.img-compare__fig{flex:none;justify-items:start;gap:8px;min-width:0;margin:0;display:grid}.img-compare__box{box-shadow:0 0 0 1px var(--t-border,#dde3ea);position:relative}.img-compare__hold{position:relative}.img-compare__hold>.img-compare__box,.img-compare__outline{position:absolute;bottom:0;left:0}.img-compare__outline{box-sizing:border-box;border:2px dashed var(--t-accent,#2563eb);pointer-events:none}.img-compare__cap{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:13px;line-height:1.35;display:grid}.img-compare__cap b{font-size:15px}.img-compare__legend{color:var(--t-muted,#5d6b7c)}.img-compare__legend:before{content:"";vertical-align:middle;border-top:2px dashed var(--t-accent,#2563eb);width:16px;margin-right:6px;display:inline-block}.img-compare__sum{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 14px;display:flex}.img-compare__pct{letter-spacing:-.01em;color:var(--t-muted,#5d6b7c);font-size:30px;font-weight:700;line-height:1.1}.img-compare__pct[data-kind=ok]{color:var(--t-ok,#15803d)}.img-compare__pct[data-kind=warn]{color:var(--t-warn,#b45309)}.img-compare__nums{color:var(--t-muted,#5d6b7c);min-width:0;font-size:14px;line-height:1.35;display:grid}.img-compare__dims{color:var(--t-text,#1c2430);font-size:17px;font-weight:600}.img-compare__hint{color:var(--t-muted,#5d6b7c);margin-left:auto;font-size:13px}@media (max-width:600px){.img-compare__hint{display:none}}.img-code{font:13px/1.4 var(--t-mono,ui-monospace, SFMono-Regular, Consolas, monospace);box-sizing:border-box;border:1px solid var(--t-border,#dde3ea);background:var(--t-surface,#f5f7fa);width:100%;color:var(--t-text,#1c2430);resize:vertical;border-radius:10px;padding:10px}.img-compare.is-grid .img-compare__vp:after{content:"";z-index:1;pointer-events:none;background-image:linear-gradient(to right, color-mix(in srgb, var(--t-accent-text,#fff) 70%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--t-accent-text,#fff) 70%, transparent) 1px, transparent 1px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--t-text,#1c2430) 25%, transparent);mix-blend-mode:difference;background-position:-1px -1px;background-size:12.5% 12.5%;position:absolute;inset:0}