.img-tool .dropzone{display:block}.img-tool .dropzone:focus-within{outline:3px solid var(--tape);outline-offset:2px}.img-tool .dropzone .dz-hint{margin:var(--space-2) auto 0}.img-tool .file-list li{flex-wrap:wrap}.img-tool .file-list .fthumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--rule);background:repeating-conic-gradient(var(--rule) 0 25%, var(--surface) 0 50%) 0 0 / 12px 12px;width:3rem;height:3rem}.img-tool .file-list .finfo{flex:10rem;grid-template-columns:minmax(0,1fr);gap:.1rem;min-width:0;display:grid}.img-tool .file-list .fctl{gap:var(--space-1);flex-wrap:wrap;display:flex}.img-tool .file-list .fproblem{color:var(--alert);overflow-wrap:anywhere;font-size:.88rem;line-height:1.35}.img-tool .error-msg,.img-tool [data-status]{overflow-wrap:anywhere}.img-tool .field{margin-top:var(--space-3)}.img-tool .field .field{margin-top:0}.img-tool input[type=range]{width:100%;accent-color:var(--action);min-height:2.2rem}.img-tool input[type=color]{cursor:pointer;border:1.5px solid var(--rule);border-radius:var(--radius-sm);background:var(--surface);flex:none;width:3rem;height:2.6rem;padding:.15rem}.img-tool .color-pick{gap:var(--space-2);align-items:center;display:flex}.img-tool .check{align-items:flex-start;gap:.55rem;font-weight:400;display:flex}.img-tool .check input{width:1.2rem;height:1.2rem;accent-color:var(--action);flex:none;margin-top:.15rem}.img-tool [hidden]{display:none!important}.img-tool .progress{width:100%;height:.6rem;accent-color:var(--action)}.img-tool .tool-buttons{gap:var(--space-1);flex-wrap:wrap;display:flex}.checker{background:repeating-conic-gradient(var(--rule) 0 25%, var(--surface) 0 50%) 0 0 / 16px 16px}.compare{--pos:50%;border:1px solid var(--rule);border-radius:var(--radius-md);margin-top:var(--space-3);user-select:none;touch-action:pan-y;position:relative;overflow:hidden}.compare img{width:100%;height:auto;display:block}.compare .after{clip-path:inset(0 0 0 var(--pos));position:absolute;inset:0}.compare .after img{object-fit:contain;width:100%;height:100%}.compare .divider{top:0;bottom:0;left:var(--pos);background:var(--action);width:3px;box-shadow:0 0 0 1px var(--surface);pointer-events:none;margin-left:-1.5px;position:absolute}.compare .tag{top:var(--space-1);background:var(--ink);color:var(--bg);pointer-events:none;border-radius:999px;padding:.15rem .5rem;font-size:.8rem;font-weight:700;position:absolute}.compare .tag.before{left:var(--space-1)}.compare .tag.after-tag{right:var(--space-1)}.compare-range{margin-top:var(--space-1)}.crop-stage{border:1px solid var(--rule);border-radius:var(--radius-md);touch-action:none;user-select:none;width:100%;position:relative;overflow:hidden}.crop-stage canvas{width:100%;height:auto;display:block}.crop-box{box-sizing:border-box;border:2px solid var(--surface);outline:1px solid var(--ink);box-shadow:0 0 0 9999px color-mix(in srgb, var(--ink) 55%, transparent);cursor:move;position:absolute}.crop-box:focus-visible{outline:3px solid var(--focus)}.crop-box:before,.crop-box:after{content:"";pointer-events:none;border-color:color-mix(in srgb, var(--surface) 60%, transparent);border-style:solid;border-width:0;position:absolute}.crop-box:before{border-left-width:1px;border-right-width:1px;inset:0 33.333%}.crop-box:after{border-top-width:1px;border-bottom-width:1px;inset:33.333% 0}.crop-handle{touch-action:none;z-index:1;place-items:center;width:1.75rem;height:1.75rem;margin:-.875rem 0 0 -.875rem;display:grid;position:absolute}.crop-handle:after{content:"";background:var(--surface);border:2px solid var(--action);border-radius:2px;width:.85rem;height:.85rem}.crop-handle[data-h=nw],.crop-handle[data-h=se]{cursor:nwse-resize}.crop-handle[data-h=ne],.crop-handle[data-h=sw]{cursor:nesw-resize}.crop-handle[data-h=n],.crop-handle[data-h=s]{cursor:ns-resize}.crop-handle[data-h=e],.crop-handle[data-h=w]{cursor:ew-resize}.flip-preview{min-height:14rem;padding:var(--space-3);border:1px solid var(--rule);border-radius:var(--radius-md);margin-top:var(--space-3);place-items:center;display:grid;overflow:hidden}.flip-preview img{max-width:100%;max-height:20rem;transition:transform .22s ease-out}@media (prefers-reduced-motion:reduce){.flip-preview img{transition:none}}