// FontTweaks mount script.
//
// In the original Claude Design export, the FontTweaks component was rendered
// inside the page's main React tree. In this static theme the page itself is
// pre-rendered HTML — so we mount FontTweaks into its own dedicated root and
// keep the rest of the page React-free.
//
// In production (no Claude Design host present), the panel stays hidden — it
// only opens in response to a postMessage from a host frame. The component's
// useEffect still applies the default font CSS variables on mount.

(function () {
  if (typeof window === "undefined" || !window.FontTweaks) return;
  if (document.getElementById("ems-tweaks-root")) return;
  var host = document.createElement("div");
  host.id = "ems-tweaks-root";
  document.body.appendChild(host);
  ReactDOM.createRoot(host).render(<FontTweaks />);
})();