/* AI Background Remover — extras on top of the shared upscaler card styles */
#oaf-bgr { --up-ink: #18181b; --up-muted: #63636b; --up-line: #e4e4e7; --up-panel: #fff;
  --up-accent: var(--oaf-primary, #4f46e5); --up-accent-2: var(--oaf-secondary, #7c3aed); }
.oaf-bgr__stage { position: relative; width: 100%; max-height: 70vh; border-radius: 12px; overflow: hidden; background: #f4f4f5; }
.oaf-bgr__stage.is-transparent { background: repeating-conic-gradient(#e8e8ec 0 25%, #fff 0 50%) 0 0 / 22px 22px; }
.oaf-bgr__stage canvas, .oaf-bgr__stage img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; display: block; }
.oaf-bgr__orig { opacity: 0; transition: opacity .2s; }
.oaf-bgr__stage.show-original .oaf-bgr__orig { opacity: 1; }
.oaf-bgr__stage.show-original { background: #f4f4f5; }
.oaf-bgr__bgs { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 14px 0 6px; }
.oaf-bgr__bgs > span { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--up-muted); margin-right: 4px; }
.oaf-bgr__bg { width: 34px; height: 34px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px #d4d4d8; cursor: pointer; padding: 0; }
.oaf-bgr__bg.is-on { box-shadow: 0 0 0 2px var(--up-accent); }
.oaf-bgr__bg[data-bg="transparent"] { background: repeating-conic-gradient(#d4d4d8 0 25%, #fff 0 50%) 0 0 / 10px 10px; }
.oaf-bgr__bg[data-bg="custom"] { background: conic-gradient(#f43f5e, #f59e0b, #22c55e, #3b82f6, #a855f7, #f43f5e); }
#oaf-bgr-colour { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }