.lead.svelte-v7y62z{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.icon-types.svelte-v7y62z{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin:var(--space-lg) 0}@media (max-width: 768px){.icon-types.svelte-v7y62z{grid-template-columns:repeat(2,1fr)}}.icon-type.svelte-v7y62z{text-align:center;padding:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.icon-demo.svelte-v7y62z{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto var(--space-sm);font-size:1.5rem;background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-primary)}.icon-type.svelte-v7y62z h4:where(.svelte-v7y62z){font-size:.9375rem;margin-bottom:var(--space-xs)}.icon-type.svelte-v7y62z p:where(.svelte-v7y62z){font-size:.8125rem;margin:0}.icon-demo-grid.svelte-v7y62z{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.icon-demo-item.svelte-v7y62z{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.icon-box.svelte-v7y62z{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-primary)}.icon-demo-item.svelte-v7y62z span:where(.svelte-v7y62z):last-child{font-size:.875rem;color:var(--color-text-secondary)}.callout.svelte-v7y62z{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--color-accent-subtle);border:1px solid rgba(255,62,0,.2);border-radius:var(--radius-md);margin:var(--space-lg) 0}.callout-info.svelte-v7y62z{background:#6366f11a;border-color:#6366f14d}.callout-info.svelte-v7y62z strong:where(.svelte-v7y62z){color:var(--color-secondary)}.callout-icon.svelte-v7y62z{font-size:1.25rem}.callout-content.svelte-v7y62z{flex:1}.callout-content.svelte-v7y62z strong:where(.svelte-v7y62z){color:var(--color-accent)}.callout-content.svelte-v7y62z code:where(.svelte-v7y62z){background:var(--color-bg-tertiary);padding:.125rem .375rem;border-radius:4px;font-size:.875rem}
