.interactive-demo.svelte-ikhiy.svelte-ikhiy{width:100%;height:100%;display:flex;flex-direction:column;background:var(--background);border-radius:var(--radius-medium);overflow:hidden}.demo-header.svelte-ikhiy.svelte-ikhiy{padding:var(--spacing-medium);background:var(--primary);color:var(--background);text-align:center}.demo-header.svelte-ikhiy h3.svelte-ikhiy{margin:0;font-family:var(--font-secondary);font-size:1.2rem}.demo-header.svelte-ikhiy p.svelte-ikhiy{margin:var(--spacing-small) 0 0 0;font-size:.9rem;opacity:.8}.demo-content.svelte-ikhiy.svelte-ikhiy{flex:1;display:flex;flex-direction:column}.demo-visualization.svelte-ikhiy.svelte-ikhiy{flex:1;display:flex;align-items:center;justify-content:center;background:var(--background-secondary)}.visualization-placeholder.svelte-ikhiy.svelte-ikhiy{text-align:center;color:var(--text-secondary)}.demo-icon.svelte-ikhiy.svelte-ikhiy{font-size:4rem;margin-bottom:var(--spacing-medium)}.demo-button.svelte-ikhiy.svelte-ikhiy{background:var(--primary);color:var(--background);border:none;padding:var(--spacing-small) var(--spacing-medium);border-radius:var(--radius-small);cursor:pointer;font-family:var(--font-secondary);font-weight:600;transition:all var(--transition-normal) ease}.demo-button.svelte-ikhiy.svelte-ikhiy:hover{background:var(--primary-light);transform:translateY(-2px)}.demo-controls.svelte-ikhiy.svelte-ikhiy{padding:var(--spacing-medium);background:var(--background);border-top:1px solid var(--background-secondary)}.step-indicator.svelte-ikhiy.svelte-ikhiy{text-align:center;font-size:.8rem;color:var(--text-secondary);margin-bottom:var(--spacing-small);font-family:var(--font-secondary)}.step-content.svelte-ikhiy.svelte-ikhiy{text-align:center;margin-bottom:var(--spacing-medium)}.step-content.svelte-ikhiy h4.svelte-ikhiy{color:var(--primary);font-family:var(--font-secondary);margin:0 0 var(--spacing-small) 0}.step-content.svelte-ikhiy p.svelte-ikhiy{color:var(--text);margin:0;font-family:var(--font-primary)}.step-navigation.svelte-ikhiy.svelte-ikhiy{display:flex;gap:var(--spacing-small);justify-content:center}.nav-button.svelte-ikhiy.svelte-ikhiy{background:transparent;color:var(--primary);border:2px solid var(--primary);padding:var(--spacing-small) var(--spacing-medium);border-radius:var(--radius-small);cursor:pointer;font-family:var(--font-secondary);font-weight:600;transition:all var(--transition-normal) ease}.nav-button.svelte-ikhiy.svelte-ikhiy:hover:not(:disabled){background:var(--primary);color:var(--background)}.nav-button.svelte-ikhiy.svelte-ikhiy:disabled{opacity:.5;cursor:not-allowed}