/* 在线抠图 —— /tools/image-remove-bg */
.remove-bg-tool .upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:190px;padding:28px 20px;border:2px dashed var(--line);border-radius:14px;background:var(--surface-2);color:var(--muted);cursor:pointer;text-align:center;transition:border-color .18s,background .18s}
.remove-bg-tool .upload-zone:hover,.remove-bg-tool .upload-zone.dragover{border-color:var(--orange);background:var(--orange-soft)}
.remove-bg-tool .upload-zone b{font-size:16px;color:var(--ink)}
.remove-bg-tool .upload-zone span{font-size:12px}

/* 预览区 */
.bg-preview{margin:16px 0 0}
.bg-preview-grid{display:flex;flex-wrap:wrap;gap:8px}
.preview-card{display:flex;flex-direction:column;align-items:center;gap:4px;width:86px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.preview-card img{width:74px;height:74px;border-radius:5px;object-fit:cover}
.preview-card span{font-size:10px;color:var(--muted);max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preview-card.more{justify-content:center;font-size:13px;color:var(--muted);text-align:center}

/* 选项区 */
.remove-bg-tool .utility-options{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0}
.remove-bg-tool .utility-options label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.remove-bg-tool .utility-options select,
.remove-bg-tool .utility-options input[type="color"]{padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-size:12px}

.remove-bg-tool .file-list{display:grid;gap:6px;margin-top:16px}
.remove-bg-tool .file-list .bg-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer}
.remove-bg-tool .file-list .bg-item.selected{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.remove-bg-tool .file-list .bg-item.status-processing{opacity:.7}
.remove-bg-tool .file-list .bg-item img{width:38px;height:38px;border-radius:7px;object-fit:cover;flex:none}
.remove-bg-tool .file-list .bg-item>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted)}
.remove-bg-tool .file-list .bg-item.status-error>span{color:#b03030}
.remove-bg-tool .file-list .bg-item small{color:var(--muted);font-size:11px;flex:none}
.remove-bg-tool .file-list .bg-item button{border:0;background:none;color:var(--green);cursor:pointer;font-size:12px;flex:none}
.bg-progress{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--muted);font-size:12px}
.bg-progress-bar{flex:1;height:8px;overflow:hidden;border-radius:99px;background:var(--surface-2)}
.bg-progress-bar i{display:block;height:100%;width:0;border-radius:99px;background:var(--green);transition:width .2s}
.bg-progress>span{white-space:nowrap;flex:none}
#bgStatus.error{color:#b03030}
.bg-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.bg-compare figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.bg-compare img{display:block;width:100%;max-height:520px;object-fit:contain}
.bg-compare img.checker{background:conic-gradient(#d8d4c8 0 25%,#fff 0 50%,#d8d4c8 0 75%,#fff 0) 0 0/16px 16px}
.bg-compare figcaption{padding:8px 10px;font-size:12px;color:var(--muted);text-align:center;border-top:1px solid var(--line)}
@media(max-width:700px){.bg-compare{grid-template-columns:1fr}}