/* Image Upscaler — additive to utility.css and background-remover.css,
   which already supply .br-workspace/.br-compare/.br-pane/.br-actions/
   .result-actions and .drop-zone. Only the multiplier choice and this
   page's own status colors live here. */

.upscale-presets { display: flex; gap: 10px; margin: 18px 0; flex-wrap: wrap; }
.upscale-preset { flex: 1 1 160px; min-height: 64px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; cursor: pointer; text-align: left; font: inherit; }
.upscale-preset b { display: block; font-size: 16px; }
.upscale-preset span { display: block; color: var(--muted); font-size: 13px; margin-top: 2px; }
.upscale-preset.is-active { border-color: var(--purple); box-shadow: 0 0 0 2px #9d94ff40; }
.upscale-preset:disabled { opacity: .45; cursor: not-allowed; }

#upStatus { margin: 16px 0 0; min-height: 1.4em; }
#upStatus.error { color: #991b1b; }
#upStatus.success { color: var(--purple); }
#upStatus.busy { color: var(--muted); }