@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@700&display=swap";@font-face{font-family:FontWithASyntaxHighlighter;src:url(/fable/assets/FontWithASyntaxHighlighter-Regular-B16YfTun.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@property --scale{syntax: "<number>"; inherits: true; initial-value: 1;}:root{--font-stack: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--font-display: "DM Serif Display", Georgia, serif;--primary-color: #c4622d;--secondary-color: #6b5f52;--bg-primary: #fdfaf5;--bg-secondary: #f0ead6;--text-primary: #1c1917;--text-secondary: #6b5f52;--border-color: #d6cdb8;--shadow-color: rgba(28, 25, 23, .08);color-scheme:light}:root[data-theme=dark]{--primary-color: #e8845a;--secondary-color: #9e8e7e;--bg-primary: #1c1917;--bg-secondary: #28231f;--text-primary: #f0ead6;--text-secondary: #9e8e7e;--border-color: #3d3530;--shadow-color: rgba(0, 0, 0, .35);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme]){--primary-color: #e8845a;--secondary-color: #9e8e7e;--bg-primary: #1c1917;--bg-secondary: #28231f;--text-primary: #f0ead6;--text-secondary: #9e8e7e;--border-color: #3d3530;--shadow-color: rgba(0, 0, 0, .35);color-scheme:dark}}:root{--scale: 1;--space-base: .25rem;--space-1: calc(var(--space-base) * var(--scale));--space-2: calc(var(--space-base) * var(--scale) * 2);--space-3: calc(var(--space-base) * var(--scale) * 3);--space-4: calc(var(--space-base) * var(--scale) * 4);--space-5: calc(var(--space-base) * var(--scale) * 5);--space-6: calc(var(--space-base) * var(--scale) * 6);--font-base: 1rem;--font-body: clamp( calc(.95rem * var(--scale)), calc(.9rem + .4vw * var(--scale)), calc(1.05rem * var(--scale)) );--font-label: calc(var(--font-base) * var(--scale) * .875);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--border-radius-full: 999px;--opacity-hover: calc(.85 * var(--scale));--opacity-active: calc(.8 * var(--scale));--opacity-disabled: calc(.5 * var(--scale));--opacity-focus: calc(.95 * var(--scale));--outline-width: calc(var(--space-base) * var(--scale) * 2);--outline-offset: var(--space-base);--color-background: var(--bg-primary, #fdfaf5);--color-text: var(--text-primary, #1c1917);--color-warning-text: #b54708;--color-error: #dc3545;--syntax-keyword: #7c3aed;--syntax-string: #16a34a;--syntax-comment: #6b7280;--syntax-number: #d97706}body{margin:0;font-family:var(--font-stack);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}fable-story-navigator{display:contents}fable-story-preview{display:block;height:100%}.navigator-section{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-3)}.component-page{display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding:var(--space-6, 24px) clamp(var(--space-6),4vw,48px);gap:0;max-width:1000px}.component-section{display:flex;flex-direction:column;gap:var(--space-3, 12px);padding-top:var(--space-6, 24px)}.component-section+.component-section{border-top:1px solid var(--border-color);margin-top:var(--space-6, 24px)}.component-hero{padding-top:0;padding-bottom:var(--space-3, 12px)}.component-hero+.component-section{border-top:none;margin-top:0}.component-hero__title-row{display:flex;align-items:center;gap:var(--space-3, 12px)}.component-hero__description{margin:0;color:var(--text-secondary);max-width:70ch;line-height:1.6}.section-label{font-size:var(--font-size-xs, .75rem);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}fable-story-preview fable-preview{min-height:100px}fable-story-preview .story-area{width:100%}.story-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5, 20px)}.story-gallery__item{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.story-gallery__item fable-preview{min-height:140px}.component-docs{line-height:1.7}.component-docs h1,.component-docs h2,.component-docs h3{color:var(--text-primary);margin-top:var(--space-5, 20px);margin-bottom:var(--space-2, 8px)}.component-docs p{margin:0 0 var(--space-3, 16px)}.component-docs ul{padding-left:var(--space-5, 24px);margin:0 0 var(--space-3, 16px)}.recipes-panel__header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);align-items:stretch}.recipes-grid__item{height:100%;display:flex;flex:1 1 auto}.recipes-card{display:flex;flex-direction:column;gap:var(--space-2);width:100%;height:100%}.recipes-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.recipes-card__title{font-size:1rem;font-weight:600;margin:0}.recipes-card__signals{display:flex;gap:var(--space-1);align-items:center}.recipes-card__preview fable-preview{min-height:180px;height:100%;flex:1 1 auto}.drawer-story-code{background:var(--bg-primary);padding:var(--space-3, 12px);border-radius:var(--radius, 8px);overflow-x:auto;display:block}.nav-group-story{display:flex;flex-direction:column;gap:8px}.badge-story-row{display:flex;gap:8px;align-items:center}:root{--font-stack: "Inter", system-ui, sans-serif;--font-display: "Playfair Display", Georgia, serif;--primary-color: #0369a1;--secondary-color: #64748b;--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #64748b;--border-color: #cbd5e1;--shadow-color: rgba(15, 23, 42, .06);--syntax-keyword: #7c3aed;--syntax-string: #059669;--syntax-comment: #94a3b8;--syntax-number: #d97706}:root[data-theme=dark]{--primary-color: #38bdf8;--secondary-color: #94a3b8;--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--shadow-color: rgba(0, 0, 0, .4);--syntax-keyword: #a78bfa;--syntax-string: #34d399;--syntax-comment: #64748b;--syntax-number: #fbbf24}@media(prefers-color-scheme:dark){:root:not([data-theme]){--primary-color: #38bdf8;--secondary-color: #94a3b8;--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--shadow-color: rgba(0, 0, 0, .4);--syntax-keyword: #a78bfa;--syntax-string: #34d399;--syntax-comment: #64748b;--syntax-number: #fbbf24}}