@import "tailwindcss";@source "./**/*.{ts,tsx}";@source "../../../../react/src/components/**/*.{ts,tsx}";/* --------------------------------------------------------------------------- Fonts Vendored and inlined as `data:` URLs, not fetched. The inner renderer runs under `font-src data:` (see `buildRendererSrcDoc`), so a network font would simply be blocked and model-written UI would render in `system-ui` — the one executor surface not set in Geist. `vite.config.shell.ts` raises `assetsInlineLimit` above these files' size so the build inlines them, and `collectShellCss` then copies the whole compiled stylesheet, fonts included, into the sandboxed frame. These live HERE rather than in `theme.css` because `url()` needs the build to resolve it; `theme.css` is also shipped as raw source to the in-frame compiler, which has no bundler and no filesystem. Variable faces: one file each covers 400 (body) and 500/600 (labels, headings) without a second request's worth of bytes. --------------------------------------------------------------------------- */@font-face { font-family: "Geist"; src: url("./fonts/geist-sans.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap;}@font-face { font-family: "Geist Mono"; src: url("./fonts/geist-mono.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap;}/* Executor's tokens, variants and base layer. Shared verbatim with the inner frame's Tailwind compiler — keep anything build-resolved out of it. */@import "./theme.css";
@import "tailwindcss";
@source "./**/*.{ts,tsx}";
@source "../../../../react/src/components/**/*.{ts,tsx}";
/* ---------------------------------------------------------------------------
Fonts
Vendored and inlined as `data:` URLs, not fetched. The inner renderer runs
under `font-src data:` (see `buildRendererSrcDoc`), so a network font would
simply be blocked and model-written UI would render in `system-ui` — the one
executor surface not set in Geist. `vite.config.shell.ts` raises
`assetsInlineLimit` above these files' size so the build inlines them, and
`collectShellCss` then copies the whole compiled stylesheet, fonts included,
into the sandboxed frame.
These live HERE rather than in `theme.css` because `url()` needs the build to
resolve it; `theme.css` is also shipped as raw source to the in-frame
compiler, which has no bundler and no filesystem.
Variable faces: one file each covers 400 (body) and 500/600 (labels,
headings) without a second request's worth of bytes.
--------------------------------------------------------------------------- */
@font-face {
font-family: "Geist";
src: url("./fonts/geist-sans.woff2") format("woff2");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geist Mono";
src: url("./fonts/geist-mono.woff2") format("woff2");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
/* Executor's tokens, variants and base layer. Shared verbatim with the inner
frame's Tailwind compiler — keep anything build-resolved out of it. */
@import "./theme.css";