/* The removal workspace shares the homepage palette and spacing. */
.rb-page { padding-bottom: 40px; }
.rb-page .rb-header { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 64px; align-items: center; padding-block: 44px 36px; }
.rb-page h1 { font-size: 42px; line-height: 1.15; letter-spacing: -.035em; margin: 18px 0 16px; max-width: 520px; }
.rb-intro { max-width: 440px; color: var(--home-muted); font-size: 16px; line-height: 1.8; }
.rb-page .rb-upload-card { margin-top: 0; padding: 20px; }
.rb-upload-card .home-upload-button { min-height: 48px; padding: 12px 18px; }
.rb-upload-card .home-samples { margin-top: 16px; padding-top: 16px; gap: 16px; }
.rb-upload-card .home-sample-images img { width: 42px; height: 42px; }
.rb-page .rb-upload-terms { margin-top: 12px !important; text-align: center; }
.rb-workspace-section { padding-bottom: 16px; }
.rb-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 20px; align-items: start; }
.rb-preview-card { min-width: 0; border: 1px solid var(--home-line); border-radius: 18px; overflow: hidden; background: var(--home-surface); box-shadow: 0 18px 50px #00000024; }
.rb-preview-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 66px; padding: 12px 20px; border-bottom: 1px solid var(--home-line); color: var(--home-muted); font-size: 13px; }
.rb-page .rb-result-tabs { min-width: 0; }
.rb-page .rb-result-tabs .el-tabs__header { margin: 0; }
.rb-page .rb-result-tabs .el-tabs__content { display: none; }
.rb-page .rb-result-tabs .el-tabs__item { padding: 0 12px; height: 38px; font-size: 13px; font-weight: 500 !important; color: var(--home-muted) !important; }
.rb-page .rb-result-tabs .el-tabs__item.is-active { color: var(--home-orange) !important; }
.rb-page .rb-result-tabs .el-tabs__active-bar { background: var(--home-orange); height: 2px; }
.rb-page .rb-result-tabs .el-tabs__item.is-disabled { opacity: .4; }
.rb-compare-button, .rb-edit-button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; border: 1px solid var(--home-line); border-radius: 8px; background: transparent; color: var(--home-ink); font-size: 13px; min-height: 40px; padding: 8px 12px; transition: background 180ms, border-color 180ms; }
.rb-compare-button { flex: none; }
.rb-compare-button[aria-pressed='true'] { border-color: #795642; background: #36312d; color: #f6b18d; }
.rb-compare-button:hover, .rb-edit-button:hover { border-color: #737e68; background: var(--home-raised); }
.rb-image-stage { --rb-stage-height: clamp(320px, 37vw, 510px); position: relative; display: flex; align-items: center; justify-content: center; height: var(--rb-stage-height); overflow: hidden; background-color: #161a1f; }
.rb-comparison, .rb-image-canvas { position: relative; flex: none; width: min(100%, calc(var(--rb-stage-height) * var(--canvas-ratio, 1.3333333333))); aspect-ratio: var(--canvas-ratio, 1.3333333333); overflow: hidden; }
.rb-preview-image { display: block; width: 100%; height: 100%; object-fit: contain; }
.rb-comparison > img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: contain; }
.rb-page .rb-image-canvas.home-checker, .rb-page .rb-comparison.home-checker { background-color: #1b1f25; }
.rb-preview-meta { display: flex; align-items: center; gap: 8px; padding: 14px 20px; border-top: 1px solid var(--home-line); color: var(--home-muted); font-size: 11px; }
.rb-dimensions { margin-left: auto; font-variant-numeric: tabular-nums; }
.rb-result-sidebar { min-width: 0; padding: 22px; background: var(--home-surface); border: 1px solid var(--home-line); border-radius: 18px; }
.rb-page .rb-result-sidebar h2 { font-size: 18px; margin: 0 0 20px; letter-spacing: -.02em; }
.rb-page .rb-result-sidebar h3 { font-size: 13px; margin: 0 0 14px; color: var(--home-muted); }
.rb-page .rb-download-button { font-size: 14px !important; min-height: 48px; padding: 12px 16px; }
.rb-edit-button { width: 100%; margin-top: 10px; min-height: 44px; }
.rb-page button:disabled { cursor: not-allowed; opacity: .45; }
.rb-model-section { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--home-line); }
.rb-model-list { display: flex; flex-direction: column; gap: 10px; }
.rb-model-button { position: relative; display: block; width: 100%; min-width: 0; padding: 0; overflow: hidden; background: #20242a; border: 1px solid var(--home-line); border-radius: 10px; color: var(--home-ink); text-align: left; transition: border-color 180ms; }
.rb-model-button:hover { border-color: #737e68; }
.rb-model-button:focus-visible { outline: 2px solid var(--home-orange); outline-offset: 3px; }
.rb-model-button[aria-pressed='true'] { border-color: var(--home-orange); background: #2b2623; }
.rb-model-thumb { position: relative; display: block; overflow: hidden; width: 100%; height: 110px; }
.rb-model-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rb-model-caption { position: absolute; top: 8px; right: 8px; max-width: calc(100% - 16px); display: flex; flex-direction: column; align-items: flex-end; gap: 4px; padding: 5px 8px; border-radius: 6px; background: #111315d9; text-align: right; pointer-events: none; }
.rb-model-name { font-size: 9px; font-weight: 500; line-height: 1.4; text-transform: capitalize; overflow-wrap: anywhere; }
.rb-model-status { color: var(--home-muted); font-size: 10px; line-height: 1.4; }
.rb-selected-mark { position: absolute; right: 8px; bottom: 8px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #111315d9; color: var(--home-orange); font-size: 13px; pointer-events: none; }
.rb-downloads { padding-top: 36px; }
.rb-downloads-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.rb-page .rb-downloads-heading h2 { font-size: 22px; margin: 0; }
.rb-downloads-heading > span { font-size: 11px; color: var(--home-muted); letter-spacing: .08em; }
.rb-download-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 16px; }
.rb-download-card { display: flex; flex-direction: column; min-width: 0; padding: 0; border: 1px solid var(--home-line); border-radius: 12px; overflow: hidden; background: var(--home-surface); color: var(--home-ink); text-align: left; transition: border-color 180ms, background 180ms; }
.rb-download-card:hover { border-color: #737e68; background: var(--home-raised); }
.rb-download-preview { --preview-height: 150px; --preview-padding: 16px; display: flex; align-items: center; justify-content: center; height: var(--preview-height); padding: var(--preview-padding); }
.rb-download-preview img { width: 100%; height: 100%; object-fit: contain; }
.rb-canvas-preview { background: #14171b; }
.rb-download-canvas { position: relative; display: block; flex: none; width: min(100%, calc((var(--preview-height) - var(--preview-padding) * 2) * var(--canvas-ratio))); aspect-ratio: var(--canvas-ratio); outline: 1px solid #68717b; }
.rb-download-canvas img { display: block; }
.rb-cropped-canvas { outline: 2px solid var(--home-orange); }
.rb-download-caption { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 54px; padding: 14px; font-size: 12px; line-height: 1.5; border-top: 1px solid var(--home-line); }
.rb-download-copy { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.rb-download-size { color: var(--home-muted); font-size: 10px; font-variant-numeric: tabular-nums; }
.rb-download-caption .iconfont { color: var(--home-orange); font-size: 14px; flex: none; }
.rb-share-button { display: grid; place-items: center; position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; padding: 0; border: 1px solid var(--home-line); border-radius: 50%; color: var(--home-ink); background: var(--home-raised); }
.rb-share-button:hover { border-color: var(--home-orange); }
.rb-processing, .rb-page .tech-recognition-wait { position: absolute; inset: 0; display: grid; place-items: center; color: var(--home-ink); background: #11131580; font-size: 14px; }
.rb-processing > span { position: relative; padding: 10px 18px; border: 1px solid var(--home-line); border-radius: 8px; background: var(--home-surface); }
.rb-page .tech-recognition-scan { position: absolute; inset: 0 0 auto; height: 100%; width: 100%; background: linear-gradient(180deg, transparent 50%, #f19a7030); border-bottom: 2px solid var(--home-orange); animation: rb-scan 2s ease-in-out infinite; pointer-events: none; }
.rb-ad-slot:empty { display: none; }
.rb-page .rb-ad-slot { margin-top: 24px; }
body.removebg-redesign .uploading-modal { max-width: 640px; border: 1px solid #30343b; border-radius: 18px; background: #1a1d21; color: #f1f2ef; }
body.removebg-redesign .uploading-modal .el-dialog__title { color: #f1f2ef; font-size: 20px; }
body.removebg-redesign .uploading-modal .prepare-text { color: #a9afa7 !important; }
body.removebg-redesign .uploading-modal .btn-download { display: inline-block; border: 0 !important; border-radius: 10px; padding: 14px 24px; background: #f19a70; color: #201711 !important; font-size: 15px; text-decoration: none; }
@keyframes rb-scan { 0%, 100% { transform: translateY(-85%); } 50% { transform: translateY(0); } }
@media (max-width: 991px) { .rb-page .rb-header { gap: 32px; grid-template-columns: minmax(0, 1fr) 320px; } .rb-page h1 { font-size: 36px; } .rb-workspace { grid-template-columns: minmax(0, 1fr) 220px; gap: 16px; } .rb-result-sidebar { padding: 16px; } .rb-preview-toolbar { padding-inline: 14px; gap: 8px; } .rb-intro { font-size: 14px; } }
@media (max-width: 767px) {
  .rb-page .rb-header { grid-template-columns: minmax(0, 1fr); gap: 26px; padding-block: 32px 28px; }
  .rb-header-copy { text-align: center; }
  .rb-header-copy .home-eyebrow { justify-content: center; }
  .rb-page h1, .rb-page .rb-intro { margin-inline: auto; }
  .rb-page h1 { font-size: 34px; }
  .rb-upload-column { width: 100%; max-width: 440px; margin-inline: auto; }
  .rb-page .rb-upload-terms { margin-inline: auto; }
  .rb-workspace { grid-template-columns: minmax(0, 1fr); }
  .rb-preview-toolbar { flex-wrap: wrap; }
  .rb-page .rb-result-tabs .el-tabs__item { font-size: 12px; }
  .rb-compare-button { padding: 8px; font-size: 11px; min-height: 36px; }
  .rb-image-stage { --rb-stage-height: clamp(260px, 65vw, 420px); }
  .rb-sidebar-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .rb-page .rb-result-sidebar h2 { grid-column: 1 / -1; margin-bottom: 2px; }
  .rb-edit-button { margin-top: 0; }
  .rb-model-list { flex-direction: row; flex-wrap: wrap; }
  .rb-model-button { flex: 1 1 140px; }
  .rb-model-section { margin-top: 18px; padding-top: 18px; }
  .rb-download-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .rb-downloads { padding-top: 28px; }
  .rb-download-preview { --preview-height: 125px; --preview-padding: 12px; }
  .rb-download-caption { font-size: 11px; padding: 12px; }
}
@media (prefers-reduced-motion: reduce) { .rb-page .tech-recognition-scan { animation: none; } }

.rb-continuation { margin-top: 32px; padding-top: 28px; border-top: 1px solid var(--home-line); }
.rb-page .rb-continuation h2 { margin: 0 0 18px; font-size: 22px; letter-spacing: -.03em; }
.rb-continuation-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.rb-continuation-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; min-width: 0; padding: 20px; border: 1px solid var(--home-line); border-radius: 14px; background: var(--home-surface); color: var(--home-ink); text-align: start; transition: border-color 180ms, background 180ms; }
.rb-continuation-card:hover:not(:disabled) { border-color: var(--home-orange); background: var(--home-raised); }
.rb-continuation-card:focus-visible { outline: 2px solid var(--home-orange); outline-offset: 3px; }
.rb-tool-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: #f19a7014; color: var(--home-orange); font-size: 24px; line-height: 1; }
.rb-tool-white-background { color: #fff; background: #ffffff12; }
.rb-tool-copy { display: flex; flex-direction: column; gap: 7px; }
.rb-tool-title { font-size: 14px; font-weight: 600; }
.rb-tool-description { font-size: 12px; line-height: 1.6; color: var(--home-muted); }
.rb-tool-arrow { position: absolute; top: 22px; right: 20px; color: var(--home-muted); font-size: 18px; }
.rb-continuation-status, .rb-continuation-error { margin: 14px 0 0; font-size: 13px; color: var(--home-muted); }
.rb-continuation-error { color: #f6b18d; }
@media (max-width: 767px) { .rb-continuation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rb-continuation-card { padding: 16px; } .rb-tool-arrow { top: 18px; right: 16px; } }