.demo-container.svelte-1pzj3u{min-height:calc(100vh - 80px);display:flex;flex-direction:column}.demo-header.svelte-1pzj3u{background:var(--color-bg-elevated);border-bottom:1px solid rgba(255,255,255,.1);padding:var(--space-lg) var(--space-xl);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);flex-wrap:wrap}.demo-header.svelte-1pzj3u h1:where(.svelte-1pzj3u){font-size:1.5rem;margin-bottom:var(--space-xs)}.demo-description.svelte-1pzj3u{color:var(--color-text-muted);font-size:.9375rem;max-width:600px}.demo-controls.svelte-1pzj3u{display:flex;gap:var(--space-sm);flex-wrap:wrap}.control-btn.svelte-1pzj3u{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast)}.control-btn.svelte-1pzj3u:hover{border-color:var(--color-primary);color:var(--color-text)}.control-btn.active.svelte-1pzj3u{background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary)}.control-btn-reset.svelte-1pzj3u:hover{border-color:var(--color-warning);color:var(--color-warning)}.control-icon.svelte-1pzj3u{font-size:1rem}.demo-layout.svelte-1pzj3u{flex:1;display:grid;grid-template-columns:1fr;transition:grid-template-columns var(--transition-normal)}.demo-layout.with-sidebar.svelte-1pzj3u{grid-template-columns:1fr 360px}.demo-main.svelte-1pzj3u{padding:var(--space-xl);overflow-y:auto}.demo-sidebar.svelte-1pzj3u{background:var(--color-bg-elevated);border-left:1px solid rgba(255,255,255,.1);overflow-y:auto;max-height:calc(100vh - 160px)}.sidebar-header.svelte-1pzj3u{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:var(--color-bg-elevated);z-index:10}.sidebar-header.svelte-1pzj3u h3:where(.svelte-1pzj3u){font-size:.875rem;font-weight:600}.close-btn.svelte-1pzj3u{background:none;border:none;color:var(--color-text-muted);font-size:1.25rem;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);line-height:1}.close-btn.svelte-1pzj3u:hover{color:var(--color-text);background:#ffffff0d}.audit-placeholder.svelte-1pzj3u{padding:var(--space-lg);text-align:center}.animate-slide-in.svelte-1pzj3u{animation:svelte-1pzj3u-slideIn .2s ease-out}@keyframes svelte-1pzj3u-slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1024px){.demo-layout.with-sidebar.svelte-1pzj3u{grid-template-columns:1fr}.demo-sidebar.svelte-1pzj3u{position:fixed;right:0;top:60px;bottom:0;width:320px;z-index:100;box-shadow:-4px 0 20px #0000004d}}@media(max-width:640px){.demo-header.svelte-1pzj3u{padding:var(--space-md)}.demo-header.svelte-1pzj3u h1:where(.svelte-1pzj3u){font-size:1.25rem}.demo-main.svelte-1pzj3u{padding:var(--space-md)}.demo-sidebar.svelte-1pzj3u{width:100%}}