From a9fae1af286279ff0b33a8a0445157c51fd88879 Mon Sep 17 00:00:00 2001
From: Jasmir Medina <201848984+fn-cafeina@users.noreply.github.com>
Date: Sat, 17 Oct 2026 16:10:35 -0600
Subject: [PATCH] fix(preview): hide scaffolding when user CSS sets display on
 *

`* { display: flex }` outranks the browser's internal stylesheet that hides
`<style>` and `<script>`, so the raw CSS and JS text rendered inside the
preview. Add a reset with `!important` after the user's `<style>` element.
---
 src/utils/createHtml.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/utils/createHtml.js b/src/utils/createHtml.js
index 7b3d98d..c2ea321 100644
--- a/src/utils/createHtml.js
+++ b/src/utils/createHtml.js
@@ -49,6 +49,9 @@ window.parent.postMessage({ preview: 'done' }, '*')
     <style id="preview-style">
       ${css}
     </style>
+    <style>
+      head, base, datalist, link, meta, noembed, noframes, param, rp, script, style, template, title { display: none !important; }
+    </style>
     ${consoleScript}
   </head>
   <body>