.builder-preview-dialog {
  width: min(100% - 24px, 960px);
  height: calc(100dvh - 24px);
  max-width: none;
  max-height: none;
  padding: 0;
  margin: auto;
  border: 1px solid var(--line, #b79a89);
  background: #fff8ef;
  color: #503b35;
}
.builder-preview-dialog[open] { display: flex; flex-direction: column; }
.builder-preview-dialog::backdrop { background: rgba(35, 22, 19, .75); }
.builder-preview-header { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 12px 16px; }
.builder-preview-header > strong { flex: 1; }
.builder-preview-header .button { min-height: 44px; padding: 8px 20px; color: inherit; border-color: currentColor; }
.create-page #builderPreviewClose { color: #503b35; background: #fff8ef; border: 1px solid #806356; }
.builder-preview-header p { flex-basis: 100%; margin: 0; font-size: .85rem; line-height: 1.45; }
.builder-preview-header p:empty { display: none; }
.builder-preview-dialog iframe { display: block; flex: 1; min-height: 0; width: 100%; border: 0; background: #fff8ef; }
#builderDraftSummary, #builderArtworkDisclosure { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .builder-preview-dialog { width: 100%; height: 100dvh; margin: 0; border: 0; }
  .builder-preview-header { padding: max(10px, env(safe-area-inset-top)) 12px 10px; }
}