.component-page.svelte-12u8bq3{max-width:1200px;margin:0 auto;padding:0 1rem 2rem}.page-header.svelte-12u8bq3{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--lg-warm-200, #e5e7eb)}.page-header.svelte-12u8bq3 h1:where(.svelte-12u8bq3){font-size:3rem;font-weight:700;color:var(--lg-text-primary, #111827);margin:0 0 1rem}.subtitle.svelte-12u8bq3{font-size:1.25rem;color:var(--lg-text-secondary, #374151);max-width:600px;margin:0 auto;line-height:1.6}.component-section.svelte-12u8bq3{margin-bottom:4rem;padding:2rem;background:#fff;border-radius:1rem;border:2px solid var(--lg-warm-200, #e5e7eb);box-shadow:0 2px 8px #0000000d}.component-section.svelte-12u8bq3 h2:where(.svelte-12u8bq3){font-size:1.75rem;font-weight:600;color:var(--lg-text-primary, #111827);margin:0 0 .5rem}.section-description.svelte-12u8bq3{color:var(--lg-text-secondary, #374151);margin:0 0 2rem;line-height:1.6}.example-grid.svelte-12u8bq3{display:grid;gap:2rem}.example.svelte-12u8bq3{padding:1.5rem;background:var(--lg-gray-50, #f9fafb);border-radius:.75rem;border:1px solid var(--lg-gray-200, #e5e7eb)}.example-full.svelte-12u8bq3{grid-column:1 / -1;margin-bottom:2rem}.example.svelte-12u8bq3 h3:where(.svelte-12u8bq3),.example-full.svelte-12u8bq3>h3:where(.svelte-12u8bq3){font-size:1.125rem;font-weight:600;color:var(--lg-text-primary, #111827);margin:0 0 1rem}.container-demo.svelte-12u8bq3{background:var(--lg-gray-100, #f3f4f6);padding:2rem 0;border-radius:.5rem}.container-demo.full-width.svelte-12u8bq3{padding:2rem}.container.svelte-12u8bq3{margin:0 auto;padding:0 1rem}.container.constrained.svelte-12u8bq3{max-width:1200px}.container.narrow.svelte-12u8bq3{max-width:800px}.container-content.svelte-12u8bq3{background:#fff;padding:2rem;border-radius:.5rem;text-align:center;border:2px dashed var(--lg-gray-300, #d1d5db)}.grid-demo.svelte-12u8bq3{display:grid;gap:1rem}.grid-3.svelte-12u8bq3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-asymmetric.svelte-12u8bq3{grid-template-columns:repeat(3,1fr)}.grid-item.svelte-12u8bq3{background:#fff;padding:2rem 1rem;border-radius:.5rem;border:2px solid var(--lg-gray-200, #e5e7eb);text-align:center;font-weight:500;color:var(--lg-text-secondary, #374151)}.grid-item.span-2.svelte-12u8bq3{grid-column:span 2;background:var(--lg-primary-light, rgba(70, 109, 77, .1));border-color:var(--lg-primary, #466d4d);color:var(--lg-primary, #466d4d)}.grid-item.span-3.svelte-12u8bq3{grid-column:span 3}.card-grid.svelte-12u8bq3{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.card.svelte-12u8bq3{background:#fff;border-radius:.75rem;overflow:hidden;border:1px solid var(--lg-gray-200, #e5e7eb);transition:all .2s}.card.svelte-12u8bq3:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.card-image.svelte-12u8bq3{height:150px;background:var(--lg-gradient-accent);border-bottom:1px solid var(--lg-gray-200, #e5e7eb)}.card-content.svelte-12u8bq3{padding:1.5rem}.card-content.svelte-12u8bq3 h4:where(.svelte-12u8bq3){font-size:1.125rem;margin:0 0 .5rem;color:var(--lg-text-primary, #111827)}.card-content.svelte-12u8bq3 p:where(.svelte-12u8bq3){margin:0;color:var(--lg-text-secondary, #374151);font-size:.875rem}.split-controls.svelte-12u8bq3{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.split-button.svelte-12u8bq3{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:2px solid var(--lg-gray-300, #d1d5db);border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;color:var(--lg-text-secondary, #374151)}.split-button.svelte-12u8bq3:hover{border-color:var(--lg-primary, #466d4d);color:var(--lg-primary, #466d4d)}.split-button.active.svelte-12u8bq3{background:var(--lg-primary, #466d4d);border-color:var(--lg-primary, #466d4d);color:#fff}.split-demo.svelte-12u8bq3{display:grid;gap:1.5rem;min-height:300px}.split-demo.split.svelte-12u8bq3{grid-template-columns:1fr 1fr}.split-demo.sidebar-left.svelte-12u8bq3{grid-template-columns:300px 1fr}.split-demo.sidebar-right.svelte-12u8bq3{grid-template-columns:1fr 300px}.split-sidebar.svelte-12u8bq3,.split-main.svelte-12u8bq3{background:#fff;padding:2rem;border-radius:.75rem;border:2px solid var(--lg-gray-200, #e5e7eb)}.split-sidebar.svelte-12u8bq3{background:var(--lg-gray-50, #f9fafb)}.split-demo.svelte-12u8bq3 h3:where(.svelte-12u8bq3){margin:0 0 1rem;color:var(--lg-text-primary, #111827)}.split-demo.svelte-12u8bq3 p:where(.svelte-12u8bq3){margin:0;color:var(--lg-text-secondary, #374151)}.stack.svelte-12u8bq3{display:flex;flex-direction:column;gap:1rem}.stack-divided.svelte-12u8bq3 .stack-item:where(.svelte-12u8bq3):not(:last-child){padding-bottom:1rem;border-bottom:1px solid var(--lg-gray-200, #e5e7eb);margin-bottom:0}.stack-centered.svelte-12u8bq3{align-items:center;text-align:center;padding:2rem}.stack-item.svelte-12u8bq3{background:#fff;padding:1.5rem;border-radius:.5rem;border:1px solid var(--lg-gray-200, #e5e7eb)}.stack-centered.svelte-12u8bq3 .stack-item:where(.svelte-12u8bq3){border:none;padding:.5rem;background:transparent}.stack-centered.svelte-12u8bq3 .stack-item:where(.svelte-12u8bq3):first-child{font-size:3rem}.hero-layout.svelte-12u8bq3{position:relative;min-height:400px;border-radius:.75rem;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:2rem}.hero-background.svelte-12u8bq3{position:absolute;inset:0;background:var(--lg-gradient-primary);opacity:.1}.hero-content.svelte-12u8bq3{position:relative;z-index:1;padding:3rem 2rem;max-width:800px}.hero-title.svelte-12u8bq3{font-size:3rem;font-weight:700;color:var(--lg-text-primary, #111827);margin:0 0 1rem;line-height:1.2}.hero-subtitle.svelte-12u8bq3{font-size:1.25rem;color:var(--lg-text-secondary, #374151);margin:0 0 2rem;line-height:1.6}.hero-actions.svelte-12u8bq3{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-split.svelte-12u8bq3{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:3rem;background:var(--lg-gray-50, #f9fafb);border-radius:.75rem}.hero-split-content.svelte-12u8bq3 h2:where(.svelte-12u8bq3){font-size:2.5rem;margin:0 0 1rem;color:var(--lg-text-primary, #111827)}.hero-split-content.svelte-12u8bq3 p:where(.svelte-12u8bq3){font-size:1.125rem;color:var(--lg-text-secondary, #374151);margin:0 0 2rem;line-height:1.6}.placeholder-image.svelte-12u8bq3{width:100%;height:300px;background:var(--lg-gradient-accent);border-radius:.5rem;border:2px solid var(--lg-gray-200, #e5e7eb)}.features-grid.svelte-12u8bq3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.feature.svelte-12u8bq3{text-align:center;padding:2rem;background:#fff;border-radius:.75rem;border:1px solid var(--lg-gray-200, #e5e7eb);transition:all .2s}.feature.svelte-12u8bq3:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.feature-icon.svelte-12u8bq3{font-size:3rem;margin-bottom:1rem}.feature.svelte-12u8bq3 h4:where(.svelte-12u8bq3){font-size:1.25rem;margin:0 0 .5rem;color:var(--lg-text-primary, #111827)}.feature.svelte-12u8bq3 p:where(.svelte-12u8bq3){margin:0;color:var(--lg-text-secondary, #374151);line-height:1.6}.features-alternating.svelte-12u8bq3{display:flex;flex-direction:column;gap:3rem}.feature-row.svelte-12u8bq3{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.feature-row.reverse.svelte-12u8bq3{grid-template-columns:1fr 1fr}.feature-row.reverse.svelte-12u8bq3 .feature-content:where(.svelte-12u8bq3){order:2}.feature-row.reverse.svelte-12u8bq3 .feature-image:where(.svelte-12u8bq3){order:1}.feature-content.svelte-12u8bq3 h3:where(.svelte-12u8bq3){font-size:2rem;margin:0 0 1rem;color:var(--lg-text-primary, #111827)}.feature-content.svelte-12u8bq3 p:where(.svelte-12u8bq3){font-size:1.125rem;color:var(--lg-text-secondary, #374151);margin:0 0 1.5rem;line-height:1.6}.link.svelte-12u8bq3{color:var(--lg-primary, #466d4d);text-decoration:none;font-weight:600;transition:all .2s;display:inline-flex;align-items:center}.link.svelte-12u8bq3:hover{transform:translate(4px);text-decoration:underline}.utilities-demo.svelte-12u8bq3{display:flex;flex-direction:column;gap:2rem}.utility-example.svelte-12u8bq3 h4:where(.svelte-12u8bq3){font-size:1.125rem;margin:0 0 1rem;color:var(--lg-text-primary, #111827)}.utility-row.svelte-12u8bq3{display:flex;gap:1rem;flex-wrap:wrap}.utility-row.svelte-12u8bq3>div:where(.svelte-12u8bq3){padding:1rem;background:#fff;border:2px solid var(--lg-gray-200, #e5e7eb);border-radius:.5rem;font-weight:500}.show-mobile.svelte-12u8bq3{display:block;color:var(--lg-primary, #466d4d)}.show-tablet.svelte-12u8bq3{display:none;color:var(--lg-secondary, #6d8d57)}.show-desktop.svelte-12u8bq3{display:none;color:var(--lg-accent, #a4a948)}@media (min-width: 768px){.show-mobile.svelte-12u8bq3{display:none}.show-tablet.svelte-12u8bq3{display:block}}@media (min-width: 1024px){.show-desktop.svelte-12u8bq3{display:block}}.spacing-demo.svelte-12u8bq3{display:flex;flex-direction:column;gap:1rem}.spacing-box.svelte-12u8bq3{background:var(--lg-primary-light, rgba(70, 109, 77, .1));border:2px solid var(--lg-primary, #466d4d);color:var(--lg-primary, #466d4d);font-weight:500;text-align:center;border-radius:.5rem;padding:1rem}@media (min-width: 768px){.spacing-box.spacing-tablet.svelte-12u8bq3{padding:2rem}}@media (min-width: 1024px){.spacing-box.spacing-desktop.svelte-12u8bq3{padding:3rem}}.btn.svelte-12u8bq3{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary.svelte-12u8bq3{background:var(--lg-primary, #466d4d);color:#fff}.btn-primary.svelte-12u8bq3:hover{background:var(--lg-primary-hover, #2d4a2f);transform:translateY(-1px);box-shadow:0 4px 12px #466d4d40}.btn-secondary.svelte-12u8bq3{background:#fff;color:var(--lg-text-secondary, #374151);border:2px solid var(--lg-gray-300, #d1d5db)}.btn-secondary.svelte-12u8bq3:hover{border-color:var(--lg-primary, #466d4d);color:var(--lg-primary, #466d4d);background:var(--lg-accent-light, rgba(164, 169, 72, .05))}.btn-large.svelte-12u8bq3{padding:1rem 2rem;font-size:1.125rem}@media (max-width: 768px){.page-header.svelte-12u8bq3 h1:where(.svelte-12u8bq3){font-size:2rem}.component-section.svelte-12u8bq3{padding:1.5rem}.grid-asymmetric.svelte-12u8bq3{grid-template-columns:1fr}.grid-item.span-2.svelte-12u8bq3,.grid-item.span-3.svelte-12u8bq3{grid-column:span 1}.split-demo.split.svelte-12u8bq3,.split-demo.sidebar-left.svelte-12u8bq3,.split-demo.sidebar-right.svelte-12u8bq3{grid-template-columns:1fr}.hero-title.svelte-12u8bq3{font-size:2rem}.hero-actions.svelte-12u8bq3{flex-direction:column}.hero-actions.svelte-12u8bq3 .btn:where(.svelte-12u8bq3){width:100%}.hero-split.svelte-12u8bq3{grid-template-columns:1fr;padding:2rem}.feature-row.svelte-12u8bq3,.feature-row.reverse.svelte-12u8bq3{grid-template-columns:1fr;gap:2rem}.feature-row.reverse.svelte-12u8bq3 .feature-content:where(.svelte-12u8bq3),.feature-row.reverse.svelte-12u8bq3 .feature-image:where(.svelte-12u8bq3){order:unset}.placeholder-image.svelte-12u8bq3{height:200px}}.dark-mode-override .component-section.svelte-12u8bq3{background:var(--lg-bg-secondary, #242424);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .page-header.svelte-12u8bq3 h1:where(.svelte-12u8bq3){color:var(--lg-primary)}.dark-mode-override .subtitle.svelte-12u8bq3,.dark-mode-override .section-description.svelte-12u8bq3{color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .component-section.svelte-12u8bq3 h2:where(.svelte-12u8bq3){color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .example.svelte-12u8bq3{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .example.svelte-12u8bq3 h3:where(.svelte-12u8bq3){color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .container-demo.svelte-12u8bq3{background:var(--lg-bg-primary, #1a1a1a);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .container-content.svelte-12u8bq3{background:var(--lg-bg-tertiary, #2a2a2a);color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .grid-demo.svelte-12u8bq3{background:var(--lg-bg-primary, #1a1a1a);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .grid-item.svelte-12u8bq3{background:var(--lg-primary);border-color:var(--lg-primary);color:#fff}.dark-mode-override .layout-control.svelte-12u8bq3{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-300, #4a4a4a);color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .layout-control.active.svelte-12u8bq3{background:var(--lg-primary);border-color:var(--lg-primary);color:#fff}.dark-mode-override .layout-control.svelte-12u8bq3:hover{background:var(--lg-warm-200, #3a3a3a);border-color:var(--lg-primary)}.dark-mode-override .layout-preview.svelte-12u8bq3{background:var(--lg-bg-primary, #1a1a1a);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .layout-header.svelte-12u8bq3,.dark-mode-override .layout-sidebar.svelte-12u8bq3,.dark-mode-override .layout-content.svelte-12u8bq3,.dark-mode-override .layout-footer.svelte-12u8bq3{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-300, #4a4a4a);color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .layout-sidebar.svelte-12u8bq3{background:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .layout-header.svelte-12u8bq3{background:var(--lg-primary);color:#fff}.dark-mode-override .card-demo.svelte-12u8bq3{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .card-demo.svelte-12u8bq3 p:where(.svelte-12u8bq3){color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .hero.svelte-12u8bq3{background:var(--lg-bg-secondary, #242424);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .hero.svelte-12u8bq3 p:where(.svelte-12u8bq3){color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .btn.svelte-12u8bq3{background:var(--lg-primary);color:#fff;border-color:var(--lg-primary)}.dark-mode-override .btn.svelte-12u8bq3:hover{background:var(--lg-primary-hover, #3a5a40);border-color:var(--lg-primary-hover, #3a5a40)}.dark-mode-override .btn-secondary.svelte-12u8bq3{background:var(--lg-bg-tertiary, #2a2a2a);color:var(--lg-text-primary, #f0f0f0);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .btn-secondary.svelte-12u8bq3:hover{background:var(--lg-warm-200, #3a3a3a);border-color:var(--lg-primary);color:var(--lg-primary)}.dark-mode-override .hero-content.svelte-12u8bq3{background:var(--lg-bg-tertiary, #2a2a2a)}.dark-mode-override .hero-image.svelte-12u8bq3{background:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .placeholder-image.svelte-12u8bq3{background:var(--lg-warm-300, #4a4a4a);color:var(--lg-text-muted, #9a9a9a)}.dark-mode-override .feature-content.svelte-12u8bq3{background:var(--lg-bg-tertiary, #2a2a2a)}.dark-mode-override .feature-content.svelte-12u8bq3 h3:where(.svelte-12u8bq3){color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .feature-content.svelte-12u8bq3 p:where(.svelte-12u8bq3){color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .split-demo.svelte-12u8bq3{background:var(--lg-bg-primary, #1a1a1a);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .split-content.svelte-12u8bq3,.dark-mode-override .split-sidebar.svelte-12u8bq3{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-300, #4a4a4a);color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .hero-split.svelte-12u8bq3{background:var(--lg-bg-secondary, #242424);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .stack-demo.svelte-12u8bq3{background:var(--lg-bg-primary, #1a1a1a);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .stack-item.svelte-12u8bq3{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-200, #3a3a3a);color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .feature-row.svelte-12u8bq3{background:var(--lg-bg-secondary, #242424);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .card-grid.svelte-12u8bq3{background:var(--lg-bg-primary, #1a1a1a);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .card.svelte-12u8bq3{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .card-content.svelte-12u8bq3{background:var(--lg-bg-tertiary, #2a2a2a)}.dark-mode-override .card-content.svelte-12u8bq3 h4:where(.svelte-12u8bq3){color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .card-content.svelte-12u8bq3 p:where(.svelte-12u8bq3){color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .card-image.svelte-12u8bq3{background:var(--lg-warm-300, #4a4a4a);border-bottom-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .feature.svelte-12u8bq3{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .feature.svelte-12u8bq3 h4:where(.svelte-12u8bq3){color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .feature.svelte-12u8bq3 p:where(.svelte-12u8bq3){color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .features-alternating.svelte-12u8bq3 .feature-content:where(.svelte-12u8bq3){background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-200, #3a3a3a)}