.demo-page.svelte-1du1zi4{background:var(--color-charcoal);min-height:100vh}.container.svelte-1du1zi4{max-width:1200px;margin:0 auto;padding:0 20px}.demo-header.svelte-1du1zi4{background:var(--color-charcoal);border-bottom:1px solid var(--color-border);padding:24px 0}.demo-header-content.svelte-1du1zi4{display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-header-left.svelte-1du1zi4{display:flex;align-items:center;gap:24px;flex-wrap:wrap}h1.svelte-1du1zi4{font-size:24px;font-weight:700;margin:0;color:var(--color-text-primary)}.back-link.svelte-1du1zi4{color:var(--color-cyan);text-decoration:none;font-weight:600;font-size:14px;transition:opacity .2s;white-space:nowrap}.back-link.svelte-1du1zi4:hover{opacity:.8;text-decoration:underline}.demo-timeline-section.svelte-1du1zi4{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:16px 0}.demo-nav-section.svelte-1du1zi4{background:var(--color-charcoal);border-bottom:1px solid var(--color-border)}.demo-content-section.svelte-1du1zi4{padding:32px 0;min-height:60vh}@media(max-width:768px){.demo-header.svelte-1du1zi4{padding:16px 0}.demo-header-content.svelte-1du1zi4{flex-direction:column;align-items:stretch}.demo-header-left.svelte-1du1zi4{flex-direction:column;align-items:stretch;gap:12px}h1.svelte-1du1zi4{font-size:20px}.demo-timeline-section.svelte-1du1zi4{padding:12px 0}.demo-content-section.svelte-1du1zi4{padding:20px 0}}