/* Reviewer controls are hidden until the same-origin server capability is verified. */
[data-review-only] { display: none !important; }
html[data-site-mode="review"] [data-review-only] { display: revert !important; }
html[data-site-mode="review"] [data-review-only][data-review-display="flex"] { display: flex !important; }
html[data-site-mode="review"] [data-review-only][data-review-display="inline-flex"] { display: inline-flex !important; }
html[data-site-mode="review"] [data-review-only][data-review-display="block"] { display: block !important; }
html[data-release-paid="true"] [data-review-only] { display: revert !important; }
html[data-release-paid="true"] [data-review-only][data-review-display="flex"] { display: flex !important; }
html[data-release-paid="true"] [data-review-only][data-review-display="inline-flex"] { display: inline-flex !important; }
html[data-release-paid="true"] [data-review-only][data-review-display="block"] { display: block !important; }
html[data-site-mode="review"] [data-public-only] { display: none !important; }
html[data-release-paid="true"] [data-public-only] { display: none !important; }

/* The variation builder belongs to the variation category surface only. */
html[data-site-mode="review"] body:not(.variation-mode) [data-variation-surface-only],
html[data-release-paid="true"] body:not(.variation-mode) [data-variation-surface-only] {
  display: none !important;
}

/* Public/reviewer-without-membership preview: show the product shape without
   exposing a usable selection or any variation data. */
#inline-builder-locked-preview {
  position: relative;
  overflow: hidden;
  border: 1px solid #dbeafe;
  border-radius: 12px;
  background: #f8fbff;
  padding: 18px;
}
#inline-builder-locked-preview[data-blurred="true"] {
  filter: blur(5px);
  opacity: 0.72;
  pointer-events: none;
  user-select: none;
}
#inline-builder-locked-preview .preview-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
#inline-builder-locked-preview .preview-block {
  height: 40px;
  border-radius: 8px;
  background: #dbeafe;
  min-width: 140px;
}
#inline-builder-locked-preview .preview-block.wide {
  flex: 1;
  min-width: 220px;
}
#inline-builder-locked-preview .preview-chip-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
#inline-builder-locked-preview .preview-chip {
  width: 64px;
  height: 28px;
  border-radius: 999px;
  background: #bfdbfe;
}