@layer tessera.components{.t-layout-default__root{display:flex;flex-direction:column;min-height:100vh;background:var(--t-color-surface-default);color:var(--t-color-text-default);font-family:var(--t-font-family-sans);-webkit-font-smoothing:antialiased}.t-layout-default__main{flex:1}}@layer tessera.components{.t-Banner__root{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--t-space-8);padding:var(--t-space-8) var(--t-space-20);border-bottom:1px solid var(--t-color-border-default);background:var(--t-color-surface-default);font-size:var(--t-font-size-14);text-align:center}.t-Banner__text{color:var(--t-color-text-muted)}.t-Banner__version{padding:var(--t-space-2) var(--t-space-6);border:1px solid var(--t-color-border-default);border-radius:var(--t-radius-full);color:var(--t-color-text-default);font-family:var(--t-font-family-mono);font-size:var(--t-font-size-12)}.t-Banner__link{color:var(--t-color-text-default);text-decoration:underline;text-underline-offset:3px}.t-Banner__link:hover{color:var(--t-color-accent-default)}}@layer tessera.components{.t-SiteNav__root{position:sticky;top:0;z-index:10;background:var(--t-color-surface-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--t-color-border-default)}.t-SiteNav__bar{display:flex;align-items:center;gap:var(--t-space-28);max-width:1080px;margin:0 auto;padding:var(--t-space-12) var(--t-space-24)}.t-SiteNav__brand{display:flex;align-items:center;gap:var(--t-space-8);color:var(--t-color-text-default);font-size:var(--t-font-size-16);font-weight:var(--t-font-weight-bold)}.t-SiteNav__brand:hover{color:var(--t-color-accent-default)}.t-SiteNav__mark{display:grid;grid-template-columns:repeat(2,8px);gap:var(--t-space-2)}.t-SiteNav__cell{width:8px;height:8px;border-radius:var(--t-radius-xs);background:var(--t-color-text-default)}.t-SiteNav__cell:nth-child(2){background:var(--t-color-accent-default)}.t-SiteNav__links{display:flex;flex:1;flex-wrap:wrap;gap:var(--t-space-20);font-size:var(--t-font-size-14)}.t-SiteNav__link{color:var(--t-color-text-muted)}.t-SiteNav__link:hover{color:var(--t-color-accent-default)}.t-SiteNav__actions{display:flex;align-items:center;gap:var(--t-space-8)}.t-SiteNav__github,.t-SiteNav__start{padding:var(--t-space-6) var(--t-space-12);border-radius:var(--t-radius-sm);font-size:var(--t-font-size-14)}.t-SiteNav__github{border:1px solid var(--t-color-border-default);background:var(--t-color-surface-raised);color:var(--t-color-text-default)}.t-SiteNav__github:hover{color:var(--t-color-accent-default)}.t-SiteNav__start{background:var(--t-color-action-primary-bg);color:var(--t-color-action-primary-fg)}.t-SiteNav__start:hover{background:var(--t-color-action-primary-bg-hover);color:var(--t-color-action-primary-fg)}}@layer tessera.components{.t-SiteFooter__root{border-top:1px solid var(--t-color-border-default);background:var(--t-color-surface-default)}.t-SiteFooter__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--t-space-16);max-width:1080px;margin:0 auto;padding:var(--t-space-28) var(--t-space-24);color:var(--t-color-text-muted);font-size:var(--t-font-size-14)}.t-SiteFooter__about{display:flex;flex-wrap:wrap;align-items:center;gap:var(--t-space-8) var(--t-space-20)}.t-SiteFooter__credit{display:flex;align-items:center;gap:var(--t-space-10);color:var(--t-color-text-default);font-weight:var(--t-font-weight-medium)}.t-SiteFooter__credit:hover{color:var(--t-color-accent-default)}.t-SiteFooter__links{display:flex;flex-wrap:wrap;gap:var(--t-space-18)}.t-SiteFooter__link{color:var(--t-color-text-muted)}.t-SiteFooter__link:hover{color:var(--t-color-accent-default)}}@layer tessera.components{.t-PixelScriptLogo__root{display:block;flex:none}.t-PixelScriptLogo__diamond[data-tone="1"]{fill:var(--t-color-logo-1)}.t-PixelScriptLogo__diamond[data-tone="2"]{fill:var(--t-color-logo-2)}.t-PixelScriptLogo__diamond[data-tone="3"]{fill:var(--t-color-logo-3)}.t-PixelScriptLogo__diamond[data-tone="4"]{fill:var(--t-color-logo-4)}.t-PixelScriptLogo__diamond[data-tone="5"]{fill:var(--t-color-logo-5)}.t-PixelScriptLogo__diamond[data-tone="6"]{fill:var(--t-color-logo-6)}.t-PixelScriptLogo__diamond[data-tone="7"]{fill:var(--t-color-logo-7)}.t-PixelScriptLogo__diamond[data-tone="8"]{fill:var(--t-color-logo-8)}.t-PixelScriptLogo__diamond[data-tone="9"]{fill:var(--t-color-logo-9)}.t-PixelScriptLogo__diamond[data-tone="10"]{fill:var(--t-color-logo-10)}}
