/* Background Remover — split preview UI */
.bgr-workspace{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-top:24px}
@media(max-width:968px){.bgr-workspace{grid-template-columns:1fr}}

.bgr-stage{display:flex;flex-direction:column;gap:16px}

.bgr-comparison{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:14px;
    padding:16px;
    min-height:400px;
}
@media(max-width:640px){.bgr-comparison{grid-template-columns:1fr}}

.bgr-pane{
    position:relative;
    background:repeating-conic-gradient(#1a1a1d 0% 25%, #111113 0% 50%) 50% / 24px 24px;
    border-radius:10px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:340px;
}
[data-theme="light"] .bgr-pane{background:repeating-conic-gradient(#F4F4F5 0% 25%, #FFFFFF 0% 50%) 50% / 24px 24px}
.bgr-pane img{max-width:100%;max-height:380px;object-fit:contain;display:block}

.bgr-label{
    position:absolute;
    top:8px;
    left:8px;
    background:rgba(9,9,11,0.75);
    color:#FAFAFA;
    padding:4px 10px;
    border-radius:6px;
    font-size:.6875rem;
    font-weight:600;
    font-family:var(--mono);
    text-transform:uppercase;
    letter-spacing:.06em;
    backdrop-filter:blur(8px);
    z-index:2;
}

.bgr-result-placeholder{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
    color:var(--muted);
    font-size:.875rem;
    text-align:center;
    padding:24px;
}
.bgr-result-placeholder svg{color:var(--text-secondary)}

/* Progress bar */
.bgr-progress{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:12px;
    padding:16px 20px;
}
.bgr-progress-text{
    font-size:.875rem;
    font-weight:500;
    margin-bottom:10px;
    color:var(--text);
}
.bgr-progress-bar{
    height:6px;
    background:var(--bg);
    border-radius:3px;
    overflow:hidden;
}
.bgr-progress-fill{
    height:100%;
    background:linear-gradient(90deg, var(--accent), var(--accent-hover));
    width:0;
    transition:width .3s ease;
    border-radius:3px;
}
.bgr-progress-detail{
    font-size:.75rem;
    color:var(--muted);
    margin-top:8px;
    font-family:var(--mono);
}

/* Controls panel */
.bgr-controls{display:flex;flex-direction:column}