/* bgremove.css — 배경 제거기 전용 (공용 토큰만 사용, 평면·단색) */
.bgr-main { min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.bgr-side { min-width: 0; }
.bgr-side .panel + .panel { margin-top: 14px; }
.bgr-work { display: flex; flex-direction: column; gap: 10px; }
.bgr-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px 12px; flex-wrap: wrap; }
.bgr-info { font-family: var(--mono); }
.bgr-stage { min-height: 300px; padding: 0; }
.bgr-canvas { display: block; max-width: 100%; max-height: none !important; cursor: default; }
.bgr-canvas.is-brush { cursor: none; }
.bgr-cursor { position: absolute; left: 0; top: 0; border-radius: 50%; border: 1.5px solid #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .55); pointer-events: none; z-index: 2; }
.bgr-cmp { max-width: 100%; }
.bgr-cmp.compare img { max-height: none; }
.bgr-busy-t { text-align: center; padding: 0 16px; }
.bgr-prog { width: min(260px, 70%); }
.bgr-busy-sub { max-width: 320px; text-align: center; font-weight: 500; padding: 0 16px; }
.bgr-err { position: absolute; inset: 0; z-index: 4; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 20px; text-align: center; background: var(--surface); }
.bgr-err p { margin: 0; color: var(--danger); font-weight: 700; font-size: .92rem; max-width: 420px; }
.bgr-note { margin: 0; }
.bgr-seg-full { display: flex; width: 100%; }
.bgr-seg-full button { flex: 1 1 0; }
.bgr-bgrow { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.bgr-undo { gap: 6px; }
.bgr:not(.has-img) .bgr-needs-img { display: none; }
.bgr-needs-img.is-disabled { opacity: .55; }
.bgr-needs-img.is-disabled .hint { opacity: 1; }
.seg button:disabled { opacity: .4; cursor: not-allowed; }
@media (max-width: 900px) {
  .bgr-stage { min-height: 240px; }
}