.demo-page.svelte-1du1zi4{max-width:72rem;margin:0 auto;padding:2rem 1rem 3rem;display:grid;gap:1.25rem}.demo-hero.svelte-1du1zi4,.demo-section.svelte-1du1zi4{background:linear-gradient(165deg,#fff,#f3f7ff);border:1px solid #dce6f3;border-radius:1rem;padding:1.25rem}.demo-badge.svelte-1du1zi4{display:inline-block;margin-bottom:.5rem;padding:.25rem .6rem;border-radius:999px;background:#ecf4ff;color:#1f3f6b;font-size:.85rem;font-weight:600}.demo-hero.svelte-1du1zi4 h1:where(.svelte-1du1zi4),.demo-section.svelte-1du1zi4 h2:where(.svelte-1du1zi4){margin-bottom:.5rem}.demo-instrument-picker.svelte-1du1zi4{display:grid;gap:.35rem;max-width:18rem;margin:1rem 0}.demo-instrument-picker.svelte-1du1zi4 label:where(.svelte-1du1zi4){font-weight:600}.demo-instrument-picker.svelte-1du1zi4 select:where(.svelte-1du1zi4){border-radius:.6rem;border:1px solid #b7c9e0;padding:.5rem .65rem;background:#fff}.demo-actions.svelte-1du1zi4{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.8rem}.demo-actions--left.svelte-1du1zi4{justify-content:flex-start}.twinkle-grid.svelte-1du1zi4{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem;margin-top:.85rem}.twinkle-card.svelte-1du1zi4{border:1px solid #d6e0ec;border-radius:.9rem;padding:.8rem;background:#fff}.twinkle-card.svelte-1du1zi4 h3:where(.svelte-1du1zi4){margin:0 0 .35rem;font-size:1.1rem}.twinkle-card.svelte-1du1zi4 p:where(.svelte-1du1zi4){margin-bottom:.65rem}.twinkle-card__actions.svelte-1du1zi4{display:flex;flex-wrap:wrap;gap:.5rem}.demo-section--cta.svelte-1du1zi4{background:linear-gradient(145deg,#f3fff7,#fff)}.demo-composer-video.video-preview{margin-top:.8rem}@media(max-width:640px){.demo-page.svelte-1du1zi4{padding-top:1.25rem}.demo-hero.svelte-1du1zi4,.demo-section.svelte-1du1zi4{padding:1rem}}