/* production.css — hides design-tool export scaffolding (dv-* annotations)
   so the page shows ONLY the app screen. Presentation-only: it does not touch
   any app markup inside .dv-card. Fully reversible (remove the <link> to get the
   annotated review view back). */

/* Hide the review annotations: numbered badge, title, intro paragraph,
   option id chips, option labels, and the "next" footer. */
.dv-thd,
.dv-tid,
.dv-tname,
.dv-intro,
.dv-oid,
.dv-olabel,
.dv-next { display: none !important; }

/* Strip the review container chrome (padding, borders, gaps) so the app card
   sits flush and fills the viewport the same way it was designed to. */
.dv-turn { padding: 0 !important; border-bottom: none !important; }
.dv-opts { gap: 0 !important; }
.dv-opt  { gap: 0 !important; }

/* The app card keeps its own look; just remove the review drop-shadow/border
   that framed it as a "card" in the gallery, so it reads as the full page. */
.dv-card { box-shadow: none !important; border: none !important; border-radius: 0 !important; }

/* Center the fixed-size (1440x900 / mobile artboard) card in the viewport. */
body { display: flex; justify-content: center; }
.dv-turn { width: 100%; }