.showcase-content.svelte-18u9oob{padding:var(--space-6)}.state-demo.svelte-18u9oob,.card-demo.svelte-18u9oob{display:flex;align-items:center;gap:var(--space-4)}.usage-demo.svelte-18u9oob{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.color-controls.svelte-18u9oob{display:flex;gap:var(--space-2);flex-wrap:wrap}.color-btn.svelte-18u9oob{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition-base);cursor:pointer;color:var(--typography-body-color)}.color-btn.svelte-18u9oob:hover{background:var(--surface-secondary)}.color-btn.active.svelte-18u9oob{background:transparent;border-color:var(--primary)}.color-preview-section.svelte-18u9oob{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.preview-info.svelte-18u9oob{text-align:center;display:flex;flex-direction:column;gap:var(--space-1)}.preview-code.svelte-18u9oob{font-family:var(--font-mono);font-size:var(--typography-caption-size);background:var(--surface-tertiary);padding:2px 6px;border-radius:var(--radius-sm);color:var(--typography-body-color)}