/* Frame Foundry Showcase: the wrapper the bundle mounts into. Everything
   the window needs (the portal's theme, a scoped reset, the utilities)
   is in the generated showcase.css; this only names the typeface and
   gives the wrapper its box. Both files scope every rule to .ff-showcase
   so nothing reaches the host theme. */

.ff-showcase.ff-showcase {
    --font-outfit: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-geist-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-family: var(--font-outfit);
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* The bundle scales the window to the wrapper's width and sets this
   element's height to match; overflow shows a dragged window in full. */
.ff-showcase.ff-showcase > div {
    overflow: visible;
}