.examples-grid[data-astro-cid-jawvh5yh]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.visual-examples[data-astro-cid-jawvh5yh]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.visual-example-card[data-astro-cid-jawvh5yh]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all .2s ease}.visual-example-card[data-astro-cid-jawvh5yh]:hover{border-color:var(--border-hover);box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.visual-example-card[data-astro-cid-jawvh5yh] h3[data-astro-cid-jawvh5yh]{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md);margin-top:0;color:var(--text-primary)}.visual-demo[data-astro-cid-jawvh5yh]{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);display:flex;align-items:center;justify-content:center;min-height:120px}.demo-button[data-astro-cid-jawvh5yh]{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease}.demo-button[data-astro-cid-jawvh5yh]:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3197954d}.demo-loader[data-astro-cid-jawvh5yh]{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-primary)}.demo-loader[data-astro-cid-jawvh5yh] svg[data-astro-cid-jawvh5yh]{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.demo-status[data-astro-cid-jawvh5yh]{display:flex;gap:var(--spacing-lg)}.status-item[data-astro-cid-jawvh5yh]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary)}.status-item[data-astro-cid-jawvh5yh]:first-child svg[data-astro-cid-jawvh5yh]{color:#10b981}.status-item[data-astro-cid-jawvh5yh]:last-child svg[data-astro-cid-jawvh5yh]{color:#ef4444}.demo-nav[data-astro-cid-jawvh5yh]{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.nav-item[data-astro-cid-jawvh5yh]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease}.nav-item[data-astro-cid-jawvh5yh]:hover{background:var(--bg-card);color:var(--text-primary)}.example-card[data-astro-cid-jawvh5yh]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s ease}.example-preview[data-astro-cid-jawvh5yh]{margin-bottom:var(--spacing-md)}.icon-preview[data-astro-cid-jawvh5yh]{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--primary)}.icon-preview[data-astro-cid-jawvh5yh] svg[data-astro-cid-jawvh5yh]{width:32px;height:32px}.example-card[data-astro-cid-jawvh5yh]:hover{border-color:var(--border-hover);box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.dark .example-card[data-astro-cid-jawvh5yh]:hover{box-shadow:0 4px 12px #0000004d}.example-card[data-astro-cid-jawvh5yh] h3[data-astro-cid-jawvh5yh]{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-xs);margin-top:0;color:var(--text-primary)}.example-card[data-astro-cid-jawvh5yh] p[data-astro-cid-jawvh5yh]{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.example-code[data-astro-cid-jawvh5yh]{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + 2.5rem);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.75rem;line-height:1.8;overflow-x:auto;position:relative}.example-code[data-astro-cid-jawvh5yh]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary);border-radius:var(--radius-md) var(--radius-md) 0 0}.example-code[data-astro-cid-jawvh5yh] span[data-astro-cid-jawvh5yh]{display:inline}.dark .example-code[data-astro-cid-jawvh5yh]{background:#1a202c;border-color:#2d3748}@media (max-width: 768px){.examples-grid[data-astro-cid-jawvh5yh]{grid-template-columns:1fr}}