/* Object removal shares the homepage's palette, layout and upload components. */
.co-page .home-intro { font-size: 16px; }
.co-page .home-hero-visual { padding-top: 0; }
.co-page .co-comparison { aspect-ratio: var(--co-ratio, 4 / 3); }
.co-examples { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.co-example-card { display: block; min-width: 0; overflow: hidden; border: 1px solid var(--home-line); border-radius: 14px; background: var(--home-surface); text-decoration: none; transition: border-color 180ms, background 180ms; }
.co-example-card:hover { border-color: var(--home-orange); background: var(--home-raised); text-decoration: none; }
.co-example-picture { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-bottom: 1px solid var(--home-line); }
.co-example-picture img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.co-example-before { clip-path: inset(0 50% 0 0); }
.co-example-divider { position: absolute; inset: 0 auto 0 50%; width: 1px; background: #ffffffb3; }
.co-example-picture .home-image-label { font-size: 9px; top: 12px; }
.co-example-picture .home-label-before { left: 12px; }
.co-example-picture .home-label-after { right: 12px; }
.co-example-caption { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 20px; }
.co-page .co-example-caption h3 { font-size: 15px; }
.co-example-caption > span { color: var(--home-muted); font-size: 11px; }
.co-page .co-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.co-page .co-step-picture { aspect-ratio: 4 / 5; background: var(--home-surface); border: 1px solid var(--home-line); }
.co-page .co-step-picture img { object-fit: contain; }
.co-steps .home-step h3 { font-size: 14px; line-height: 1.7; }
.co-step-badge { position: absolute; bottom: 16px; right: 16px; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--home-raised); color: var(--home-orange); font-size: 12px; font-weight: 600; }
.co-detail-section { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 52px; }
.co-detail-picture { display: grid; grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr); gap: 12px; align-items: center; }
.co-detail-picture img { display: block; width: 100%; height: auto; border-radius: 12px; }
.co-detail-arrow { text-align: center; color: var(--home-orange); font-size: 24px; }
.co-page .co-detail-copy h2 { font-size: 30px; line-height: 1.3; }
.co-description { color: var(--home-muted); font-size: 13px; line-height: 1.9; }
.co-ad-slot:empty { display: none; }
.co-page .co-ad-slot { padding-block: 12px; }
.co-result-page { padding-bottom: 48px !important; }
.co-result-header { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 64px; align-items: center; padding-block: 44px 36px; }
.co-page .co-result-header h1 { font-size: 40px; line-height: 1.2; margin: 18px 0 16px; }
.co-result-header .home-upload-card { margin-top: 0; padding: 20px; }
.co-result-upload .home-upload-button { min-height: 48px; }
.co-result-upload .home-samples { gap: 14px; margin-top: 16px; padding-top: 16px; }
.co-result-upload .home-sample-images img { width: 42px; height: 42px; }
.co-page .co-result-upload .home-privacy { margin-top: 12px !important; text-align: center; }
.co-result-page .co-demo-stage { --co-stage-height: clamp(320px, 48vw, 580px); display: flex; align-items: center; justify-content: center; height: var(--co-stage-height); background: #161a1f; }
.co-result-page .co-comparison { flex: none; width: min(100%, calc(var(--co-stage-height) * var(--co-ratio, 4 / 3))); }
.co-editor-shell { border: 1px solid var(--home-line); border-radius: 16px; background: var(--home-surface); }
.co-editor-loading { display: grid; place-items: center; min-height: 380px; color: var(--home-muted); }
body.cleanup-redesign .uploading-modal { max-width: 640px; border: 1px solid #30343b; border-radius: 18px; background: #1a1d21; color: #f1f2ef; }
body.cleanup-redesign .uploading-modal .el-dialog__title { color: #f1f2ef; font-size: 20px; }
body.cleanup-redesign .uploading-modal .prepare-text { color: #a9afa7 !important; }
body.cleanup-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; }
body.cleanup-redesign .uploading-modal .el-progress-bar__inner { background: #f19a70; }
body.cleanup-redesign .co-editor-shell .remove-header { top: var(--site-nav-height) !important; min-height: 64px; padding: 0 20px; background: var(--home-surface); border-bottom: 1px solid var(--home-line); border-radius: 16px 16px 0 0; }
body.cleanup-redesign .co-editor-shell .workbench { height: clamp(400px, 65vh, 700px); background: #161a1f; border-radius: 0 0 16px 16px; }
body.cleanup-redesign .co-editor-shell .workbench .middle { background: transparent; padding: 32px 20px 65px; }
body.cleanup-redesign .co-editor-shell .preview-wrapper { height: 100%; }
body.cleanup-redesign .co-editor-shell .scale-center { position: absolute; bottom: 12px; height: 44px; background: var(--home-surface); border: 1px solid var(--home-line); border-radius: 8px; box-shadow: none; }
body.cleanup-redesign .co-editor-shell .tool-bar .brush-size { top: 62px; border: 1px solid var(--home-line); border-radius: 8px; background: var(--home-surface); color: var(--home-ink); }
body.cleanup-redesign .co-editor-shell .el-slider { --el-slider-main-bg-color: #f19a70; --el-slider-runway-bg-color: #30343b; }
body.cleanup-redesign .co-editor-shell .tool-bar > .active { background: #36312d; border: 1px solid #795642; }
@media (max-width: 991px) {
  .co-examples { gap: 16px; }
  .co-example-caption { padding: 16px; }
  .co-page .co-steps { gap: 18px; }
  .co-detail-section { gap: 30px; }
  .co-result-header { grid-template-columns: minmax(0, 1fr) 320px; gap: 32px; }
  .co-page .co-result-header h1 { font-size: 34px; }
}
@media (max-width: 767px) {
  .co-page .home-intro { font-size: 15px; }
  .co-examples, .co-detail-section, .co-result-header { grid-template-columns: minmax(0, 1fr); }
  .co-examples { gap: 20px; }
  .co-example-caption { padding: 20px; }
  .co-page .co-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 18px; }
  .co-steps .home-step h3 { font-size: 13px; }
  .co-step-picture .home-download-icon, .co-step-badge { bottom: 10px; right: 10px; width: 34px; height: 34px; }
  .co-detail-section { gap: 28px; }
  .co-page .co-detail-copy h2 { font-size: 27px; }
  .co-result-header { gap: 26px; padding-block: 32px 28px; }
  .co-result-copy { text-align: center; }
  .co-result-copy .home-eyebrow { justify-content: center; }
  .co-result-copy .home-intro { margin-inline: auto; }
  .co-result-upload { width: 100%; max-width: 440px; margin-inline: auto; }
  .co-page .co-result-header h1 { font-size: 34px; }
  .co-result-page .co-demo-stage { --co-stage-height: clamp(320px, 80vw, 480px); }
  body.cleanup-redesign .co-editor-shell .remove-header { padding-inline: 12px; flex-wrap: wrap; height: auto; }
  body.cleanup-redesign .co-editor-shell .remove-header > div { width: auto; }
  body.cleanup-redesign .co-editor-shell .remove-header .controls__center { position: static; transform: none; }
  body.cleanup-redesign .co-editor-shell .remove-header > div:nth-child(2), body.cleanup-redesign .co-editor-shell .remove-header > div:nth-child(3), body.cleanup-redesign .co-editor-shell .tool-bar { display: flex; }
  body.cleanup-redesign .co-editor-shell .tool-bar { height: 52px; padding: 0; }
  body.cleanup-redesign .co-editor-shell .tool-bar > div { margin: 0; padding: 8px; }
  body.cleanup-redesign .co-editor-shell .remove-header .undo { margin-left: 0; margin-right: 10px; }
  body.cleanup-redesign .co-editor-shell .download-btn { margin-left: 10px; }
  body.cleanup-redesign .co-editor-shell .workbench .middle { padding-inline: 10px; }
  body.cleanup-redesign .co-editor-shell .operations-mobile { display: none; }
  body.cleanup-redesign .co-editor-shell .scale-center { display: flex; }
}