.batch-files{list-style:none;padding:0;margin:14px 0 24px;max-height:260px;overflow:auto}.batch-files li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.batch-files span{min-width:0;flex:1;overflow-wrap:anywhere}.batch-files .text-button{flex-shrink:0;min-height:44px}.batch-preview{padding:24px;min-width:0}.batch-preview h2{font-size:18px}.batch-preview #download{margin-block:16px}.batch-results{list-style:none;padding:0;margin:20px 0;max-height:650px;overflow:auto}.batch-result{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.batch-result img{width:88px;height:76px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/12px 12px}.batch-result>div{min-width:0}.batch-result strong{font-size:13px;overflow-wrap:anywhere}.batch-result p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.batch-result[data-state=error] p{color:var(--error)}.batch-progress{margin-top:18px}.batch-progress label{display:block;font-size:13px;overflow-wrap:anywhere}.batch-progress progress{display:block;width:100%;margin:12px 0;accent-color:var(--blue)}.batch-progress .button{min-height:44px}.batch-preview [hidden],.batch-progress[hidden]{display:none!important}.status[data-state=warning]{color:var(--ink);font-weight:650}
@media(max-width:560px){.batch-preview{padding:20px}.batch-result{gap:10px}.batch-result img{width:64px;height:64px}.batch-result strong,.batch-result p,.batch-files li{font-size:13px}}
.batch-result .batch-download{margin-top:10px;min-height:44px;max-width:100%;padding:9px 12px;font-size:13px;white-space:normal;text-align:center}
.batch-result.has-comparison{display:block}.has-comparison .image-comparison{margin:16px 0 0;width:100%;min-width:0}.comparison-stage{position:relative;isolation:isolate;overflow:hidden;width:100%;max-height:420px;min-height:120px;border:1px solid var(--line);border-radius:12px;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/16px 16px;--split:50%}.batch-result .comparison-stage img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;border:0;border-radius:0;background:none}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.batch-result .comparison-stage .comparison-before{background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/16px 16px}.comparison-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;transform:translateX(-50%);background:#fff;box-shadow:0 0 0 1px #17203380;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:0}.comparison-line:after{content:'↔';display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:2px solid #fff;border-radius:50%;background:#2563eb;color:#fff;font-size:24px;box-shadow:0 2px 8px #17203340}.comparison-stage .comparison-slider{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:pan-y;z-index:2}.comparison-stage:focus-within{outline:3px solid var(--blue);outline-offset:3px}.comparison-label{position:absolute;top:10px;padding:4px 8px;border-radius:6px;background:#172033e6;color:#fff;font-size:12px;line-height:1.5;pointer-events:none}.comparison-label-before{left:10px}.comparison-label-after{right:10px}.image-comparison figcaption{margin-top:8px;font-size:12px;color:var(--muted);line-height:1.6}