/* The read-only Live Preview tab inside the subpage drawer. */
/* Split out of admin.css (#533). Loaded from admin.css in a fixed order —
   later sheets override earlier ones, so the order there is the cascade. */

/* ── Drawer Live Preview ────────────────────────────────────── */
/* Only the frame is admin styling. Everything inside the canvas is the public
   page's own markup, styled by globals.css and the preset — so nothing here
   may target the subpage-* classes. */
.subpage-preview {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.5rem 0;
}

.subpage-preview__note {
  margin: 0;
  font-size: 0.75rem;
  color: var(--admin-text-muted);
}

.subpage-preview__frame {
  border: 1px solid var(--admin-border);
  border-radius: 10px;
  overflow: hidden;
}

/* The site's own page surface, as <body> paints it. */
.subpage-preview__canvas {
  background: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-sans);
  line-height: 1.6;
}