section.svelte-l06e47{grid-column:1 / -1;padding:48px 0;border-bottom:1px solid var(--smrt-color-outline, #e5e5e5)}section.svelte-l06e47:last-child{border-bottom:none}h1.svelte-l06e47{font-size:var(--smrt-typography-display-small-size, 2.5rem);font-weight:var(--smrt-typography-display-small-weight, 600);margin-bottom:16px;color:var(--smrt-color-on-background, #1a1a1a)}h2.svelte-l06e47{font-size:var(--smrt-typography-headline-medium-size, 1.75rem);font-weight:var(--smrt-typography-headline-medium-weight, 600);margin-bottom:24px;color:var(--smrt-color-on-background, #1a1a1a)}h3.svelte-l06e47{font-size:var(--smrt-typography-title-large-size, 1.25rem);font-weight:var(--smrt-typography-title-large-weight, 600);margin:24px 0 16px;color:var(--smrt-color-on-surface, #1a1a1a)}.lead.svelte-l06e47{font-size:var(--smrt-typography-body-large-size, 1.125rem);line-height:1.6;color:var(--smrt-color-on-surface-variant, #4a4a4a);max-width:800px}.demo.svelte-l06e47{background:var(--smrt-color-surface-container, #f5f5f5);border-radius:var(--smrt-radius-lg, .75rem);padding:32px;margin:24px 0}.controls.svelte-l06e47{display:flex;gap:32px;flex-wrap:wrap;margin:24px 0}.control-group.svelte-l06e47 h3:where(.svelte-l06e47){margin-top:0;font-size:var(--smrt-typography-label-large-size, .875rem);text-transform:uppercase;letter-spacing:.05em;color:var(--smrt-color-on-surface-variant, #4a4a4a)}.current-theme.svelte-l06e47{margin-top:24px;padding:16px;background:var(--smrt-color-primary-container, #ffe5e7);border-radius:var(--smrt-radius-md, .5rem);color:var(--smrt-color-on-primary-container, #9d1c26)}.color-grid.svelte-l06e47{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;margin:24px 0}.color-swatch.svelte-l06e47{text-align:center}.color-block.svelte-l06e47{aspect-ratio:1;border-radius:var(--smrt-radius-md, .5rem);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;margin-bottom:8px}.color-name.svelte-l06e47{font-size:var(--smrt-typography-body-small-size, .875rem);color:var(--smrt-color-on-surface-variant, #4a4a4a)}.surface-list.svelte-l06e47{display:flex;flex-direction:column;gap:8px;max-width:400px}.surface-item.svelte-l06e47{padding:16px;border-radius:var(--smrt-radius-md, .5rem);border:1px solid var(--smrt-color-outline, #e5e5e5)}.theme-cards.svelte-l06e47{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.theme-card.svelte-l06e47{padding:24px;border:2px solid var(--smrt-color-outline, #e5e5e5);border-radius:var(--smrt-radius-lg, .75rem);background:var(--smrt-color-surface, #ffffff);transition:border-color .2s,box-shadow .2s}.theme-card.active.svelte-l06e47{border-color:var(--smrt-color-primary, #e63946);box-shadow:var(--smrt-elevation-2, 0 1px 3px rgba(0,0,0,.1))}.theme-card.svelte-l06e47 h3:where(.svelte-l06e47){margin-top:0;font-size:var(--smrt-typography-title-large-size, 1.25rem)}.theme-card.svelte-l06e47 p:where(.svelte-l06e47){color:var(--smrt-color-on-surface-variant, #4a4a4a);font-size:var(--smrt-typography-body-medium-size, 1rem);line-height:1.5;margin-bottom:16px}.theme-card.svelte-l06e47 code:where(.svelte-l06e47){display:inline-block;padding:4px 8px;background:var(--smrt-color-surface-container, #f5f5f5);border-radius:var(--smrt-radius-sm, .25rem);font-size:var(--smrt-typography-body-small-size, .875rem);font-family:var(--font-mono, monospace)}.features.svelte-l06e47 ul:where(.svelte-l06e47){list-style:none;padding:0}.features.svelte-l06e47 li:where(.svelte-l06e47){padding:12px 0 12px 24px;position:relative;font-size:var(--smrt-typography-body-medium-size, 1rem);color:var(--smrt-color-on-surface, #1a1a1a)}.features.svelte-l06e47 li:where(.svelte-l06e47):before{content:"✓";position:absolute;left:0;color:var(--smrt-color-success, #059669);font-weight:700}code.svelte-l06e47{font-family:var(--font-mono, monospace);background:var(--smrt-color-surface-container, #f5f5f5);padding:2px 6px;border-radius:var(--smrt-radius-sm, .25rem);font-size:.9em}@media(max-width:700px){.controls.svelte-l06e47{flex-direction:column;gap:24px}.color-grid.svelte-l06e47{grid-template-columns:repeat(3,1fr)}}