.demo-container.svelte-1du1zi4{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%)}.demo-card.svelte-1du1zi4{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;padding:2rem;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 40px #0000004d}.demo-icon.svelte-1du1zi4{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.demo-icon.svelte-1du1zi4 svg:where(.svelte-1du1zi4){width:40px;height:40px}.demo-title.svelte-1du1zi4{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .75rem}.demo-description.svelte-1du1zi4{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.demo-features.svelte-1du1zi4{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.demo-features.svelte-1du1zi4 li:where(.svelte-1du1zi4){display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--color-text-secondary);font-size:.9rem}.feature-icon.svelte-1du1zi4{font-size:1.25rem}.demo-error.svelte-1du1zi4{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.9rem}.demo-button.svelte-1du1zi4{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.75rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.demo-button.svelte-1du1zi4:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.4)}.demo-button.svelte-1du1zi4:disabled{opacity:.7;cursor:not-allowed}.spinner.svelte-1du1zi4{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-1du1zi4-spin .8s linear infinite}@keyframes svelte-1du1zi4-spin{to{transform:rotate(360deg)}}.demo-note.svelte-1du1zi4{margin:1rem 0;padding:.75rem;background:var(--color-bg-tertiary);border-radius:.5rem;color:var(--color-text-muted);font-size:.85rem}.demo-links.svelte-1du1zi4{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.demo-link.svelte-1du1zi4{color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.demo-link.svelte-1du1zi4:hover{color:var(--color-primary)}.demo-link.svelte-1du1zi4 strong:where(.svelte-1du1zi4){color:var(--color-primary)}