/* Static framing based on ProjectShell; adaptations listed in SOURCE-MAP.md. */
body{background:#0a0c0f}.demo-notice{padding:10px 24px;font-size:9px;letter-spacing:.13em;border-bottom:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.68)}.demo-topbar{display:flex;align-items:center;gap:14px;height:64px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(10,12,15,.95)}.demo-topbar img{flex:0 0 auto}.demo-topbar strong{font-size:15px;font-weight:500}.demo-topbar p{font-size:11px;color:rgba(255,255,255,.46)}.demo-topbar p span{margin:0 6px}.demo-avatar{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:11px;margin-left:auto}.demo-shell{display:grid;grid-template-columns:64px minmax(0,1fr)}.demo-sidebar{display:flex;flex-direction:column;align-items:center;gap:12px;border-right:1px solid rgba(255,255,255,.06);padding-top:22px}.demo-sidebar>span{width:36px;height:36px;display:grid;place-items:center;color:rgba(255,255,255,.34)}.demo-sidebar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.demo-main{min-height:0}.demo-main .pageContent{padding:28px 24px}.demo-main .coherenceHero{font-size:clamp(30px,4vw,48px)}.demo-main .coherencePanelGridPlanetEngine{grid-template-columns:minmax(0,1.7fr) minmax(180px,.86fr)}.demo-main .coherenceSidePlanetEngine{padding:22px}.demo-explanation,.demo-endnote{font-size:11px;color:rgba(255,255,255,.52);line-height:1.7}.demo-columns{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;margin-bottom:24px}.demo-section-body{padding:0 20px 20px}.demo-actions{margin-top:18px}.demo-context{padding:20px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.018)}.demo-context .railTitle{font-size:22px;margin-bottom:12px}.demo-context .readingPanel{margin-top:20px;padding:14px}.demo-main textarea{margin-top:12px}.demo-main .sectionTitle{font-size:23px}.demo-endnote{margin-top:22px}.demo-main .actionButton{cursor:default}.demo-main .seedHint{font-size:11px}.demo-main .sectionDescription{font-size:13px}.demo-main .controlTextarea{resize:none}.demo-main .coherenceActionRowSubtle{display:flex;flex-wrap:wrap}.demo-main .coherenceActionRowSubtle .actionButton{width:auto;font-size:11px}.demo-main .sectionHeader{padding:20px}.demo-main .readingText{margin-top:0}.demo-main .planetEngineProfileColumn{margin-top:0}.demo-main .demo-endnote{margin-top:24px}
@media(max-width:1000px){.demo-columns{grid-template-columns:minmax(0,1fr) 200px}.demo-main .coherencePanelGridPlanetEngine{grid-template-columns:1fr}.demo-main .coherenceMain{border-right:0}.demo-main .coherenceSidePlanetEngine{border-top:1px solid rgba(255,255,255,.06);gap:8px}.demo-main .pageContent{padding:22px 18px}.demo-main .coherenceHero{font-size:34px}}
@media(max-width:650px){.demo-columns{grid-template-columns:1fr}.demo-shell{grid-template-columns:1fr}.demo-sidebar{display:none}.demo-notice{font-size:8px;padding:10px 16px}.demo-topbar{padding:0 16px}.demo-main .pageContent{padding:18px 12px}.demo-main .sectionHeader{padding:18px}.demo-context{padding:18px}.demo-main .coherenceMainPlanetEngine{padding:20px 18px}.demo-main .coherenceHeaderTop{flex-wrap:wrap}.demo-main .coherencePills{justify-content:flex-start}.demo-main .coherenceHero{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Portable fallback for font variables normally supplied by Next.js. */
:root{--font-inter:ui-sans-serif;--font-space-grotesk:ui-sans-serif}