.comprehensive-showcase.svelte-1gku3ai{max-width:1400px;margin:0 auto;padding:var(--spacing-2xl, 2rem);background:var(--color-background, #fafafa);min-height:100vh}.hero.svelte-1gku3ai{text-align:center;margin-bottom:var(--spacing-3xl, 3rem);padding:var(--spacing-2xl, 2rem);background:linear-gradient(135deg,var(--color-primary, #667eea) 0%,var(--color-accent, #764ba2) 100%);border-radius:var(--radius-xl, 12px);color:var(--color-text-inverse, white)}.hero-title.svelte-1gku3ai{font-size:var(--text-4xl, 3rem);font-weight:var(--font-bold, 700);margin:0 0 var(--spacing-md, .5rem) 0}.hero-subtitle.svelte-1gku3ai{font-size:var(--text-xl, 1.5rem);margin:0 0 var(--spacing-lg, 1rem) 0;opacity:.95}.hero-description.svelte-1gku3ai{font-size:var(--text-base, 1rem);max-width:700px;margin:0 auto;opacity:.9;line-height:1.6}.toc.svelte-1gku3ai{background:var(--color-surface, white);padding:var(--spacing-xl, 1.5rem);border-radius:var(--radius-lg, 8px);margin-bottom:var(--spacing-2xl, 2rem);box-shadow:var(--shadow-sm)}.toc.svelte-1gku3ai h3:where(.svelte-1gku3ai){margin:0 0 var(--spacing-md, .5rem) 0;color:var(--color-text, #1a1a1a)}.toc.svelte-1gku3ai ul:where(.svelte-1gku3ai){list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm, .5rem)}.toc.svelte-1gku3ai a:where(.svelte-1gku3ai){color:var(--color-primary, #667eea);text-decoration:none;padding:var(--spacing-sm, .5rem);display:block;border-radius:var(--radius-sm, 4px);transition:var(--transition-fast)}.toc.svelte-1gku3ai a:where(.svelte-1gku3ai):hover{background:var(--color-primary, #667eea);color:var(--color-text-on-primary, white)}.section.svelte-1gku3ai{margin-bottom:var(--spacing-3xl, 3rem)}.section-title.svelte-1gku3ai{font-size:var(--text-3xl, 2.5rem);font-weight:var(--font-bold, 700);margin:0 0 var(--spacing-xl, 1.5rem) 0;color:var(--color-text, #1a1a1a);padding-bottom:var(--spacing-md, .5rem);border-bottom:3px solid var(--color-primary, #667eea)}.section.svelte-1gku3ai .card{margin-bottom:var(--spacing-xl, 1.5rem)}.flex-row.svelte-1gku3ai{display:flex;gap:var(--spacing-md, .5rem)}.flex-wrap.svelte-1gku3ai{flex-wrap:wrap}.align-center.svelte-1gku3ai{align-items:center}.component-grid.svelte-1gku3ai{display:grid;gap:var(--spacing-xl, 1.5rem)}.component-group.svelte-1gku3ai{display:flex;flex-direction:column;gap:var(--spacing-md, .5rem)}.component-group.svelte-1gku3ai h4:where(.svelte-1gku3ai){margin:0;font-size:var(--text-lg, 1.125rem);color:var(--color-text-secondary, #4a5568)}.form-grid.svelte-1gku3ai{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg, 1rem)}.textarea-grid.svelte-1gku3ai{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl, 1.5rem)}.card-grid.svelte-1gku3ai{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg, 1rem)}.divider.svelte-1gku3ai{height:1px;background:var(--color-border, #e2e8f0);margin:var(--spacing-lg, 1rem) 0}.tab-content.svelte-1gku3ai{margin-top:var(--spacing-lg, 1rem);padding:var(--spacing-lg, 1rem);background:var(--color-background-alt, #f5f5f5);border-radius:var(--radius-md, 6px)}.grid-demo-item.svelte-1gku3ai{padding:var(--spacing-lg, 1rem);background:var(--color-primary, #667eea);color:var(--color-text-on-primary, white);border-radius:var(--radius-md, 6px);text-align:center;font-weight:var(--font-semibold, 600)}.spacing-demo.svelte-1gku3ai{display:flex;flex-direction:column}.spacing-item.svelte-1gku3ai{padding:var(--spacing-md, .5rem);background:var(--color-surface-raised, #f8f9fa);border-radius:var(--radius-sm, 4px);border-left:3px solid var(--color-primary, #667eea)}.semantic-grid.svelte-1gku3ai{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg, 1rem)}.semantic-category.svelte-1gku3ai{padding:var(--spacing-lg, 1rem);background:var(--color-background-alt, #f5f5f5);border-radius:var(--radius-md, 6px);border-left:4px solid var(--color-accent, #764ba2)}.semantic-category.svelte-1gku3ai h4:where(.svelte-1gku3ai){margin:0 0 var(--spacing-sm, .5rem) 0;color:var(--color-text, #1a1a1a)}.semantic-category.svelte-1gku3ai p:where(.svelte-1gku3ai){margin:0;color:var(--color-text-secondary, #4a5568);font-size:var(--text-sm, .875rem)}.text-sm.svelte-1gku3ai{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #4a5568)}@media(max-width:768px){.comprehensive-showcase.svelte-1gku3ai{padding:var(--spacing-lg, 1rem)}.hero-title.svelte-1gku3ai,.section-title.svelte-1gku3ai{font-size:var(--text-2xl, 2rem)}.toc.svelte-1gku3ai ul:where(.svelte-1gku3ai){grid-template-columns:1fr}.form-grid.svelte-1gku3ai,.card-grid.svelte-1gku3ai,.semantic-grid.svelte-1gku3ai{grid-template-columns:1fr}}