[data-tool-view=BatchCompress] .batch-upload{border:1px dashed var(--control-line);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:24px 12px;display:flex}[data-tool-view=BatchCompress] .batch-upload strong{background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:12px 18px}[data-tool-view=BatchCompress] .batch-upload:has(+input:focus){outline:3px solid var(--focus);outline-offset:3px}[data-tool-view=BatchCompress] #batch-settings{border:0;margin:24px 0;padding:0}[data-tool-view=BatchCompress] #batch-settings legend{margin-bottom:12px;font-weight:650}[data-tool-view=BatchCompress] .batch-options{grid-template-columns:1fr 1fr;gap:16px;display:grid}[data-tool-view=BatchCompress] .batch-options input,[data-tool-view=BatchCompress] .batch-options select{border:1px solid var(--control-line);background:var(--surface);width:100%;min-height:44px;color:var(--ink);font:inherit;box-sizing:border-box;border-radius:8px;padding:10px;display:block}[data-tool-view=BatchCompress] #batch-list{gap:12px;padding:0;list-style:none;display:grid}[data-tool-view=BatchCompress] #batch-list li{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:12px;grid-template-columns:1fr auto;gap:12px;padding:16px;display:grid}[data-tool-view=BatchCompress] #batch-list li>div:first-child{min-width:0}[data-tool-view=BatchCompress] #batch-list p{color:var(--muted);margin:8px 0;font-size:14px}[data-tool-view=BatchCompress] #batch-list img{object-fit:contain;border-radius:6px;width:80px;height:80px}[data-tool-view=BatchCompress] .batch-row-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}@media (width<=540px){[data-tool-view=BatchCompress] .batch-options{grid-template-columns:1fr}}[data-tool-view=BatchCompress] .image-detail-compare{border:1px solid var(--line);border-radius:10px;min-width:0;margin-top:20px;padding:12px}[data-tool-view=BatchCompress] .image-detail-compare summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}[data-tool-view=BatchCompress] .image-detail-compare [data-detail-status]{color:var(--muted);overflow-wrap:anywhere;margin:8px 0;font-size:.875rem}[data-tool-view=BatchCompress] .detail-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}[data-tool-view=BatchCompress] .detail-columns figure{min-width:0;margin:0}[data-tool-view=BatchCompress] .detail-columns figcaption{margin-bottom:8px;font-size:.875rem}[data-tool-view=BatchCompress] .detail-viewport{border:1px solid var(--line);background-color:#fff;background-image:conic-gradient(#edf0f2 25%,transparent 0 50%,#edf0f2 0 75%,transparent 0);direction:ltr;background-size:16px 16px;border-radius:6px;height:320px;overflow:auto}[data-tool-view=BatchCompress] .detail-viewport img{object-fit:initial;max-width:none;max-height:none;display:block}[data-tool-view=BatchCompress] [data-low-quality=true]{border-color:var(--warning-line);background:var(--warning-bg)}@media (width<=620px){[data-tool-view=BatchCompress] .detail-columns{grid-template-columns:minmax(0,1fr)}[data-tool-view=BatchCompress] .detail-viewport{height:220px}}[data-tool-view=BatchCompress] .detail-viewport{cursor:grab}[data-tool-view=BatchCompress] .detail-viewport[data-dragging=true]{cursor:grabbing;user-select:none}