.demo-page.svelte-1du1zi4{padding:64px 0 84px}h1.svelte-1du1zi4{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.8rem);color:var(--text-primary);text-transform:uppercase;margin-bottom:10px}.lead.svelte-1du1zi4{max-width:760px;color:var(--text-secondary);margin-bottom:22px}.demo-layout.svelte-1du1zi4{display:grid;grid-template-columns:1.25fr 1fr;gap:14px}.demo-form.svelte-1du1zi4,.demo-card.svelte-1du1zi4{background:var(--bg-panel);border:1px solid var(--bg-raised);border-radius:var(--radius);padding:22px}.demo-form.svelte-1du1zi4{display:flex;flex-direction:column;gap:12px}label.svelte-1du1zi4{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:.82rem;font-weight:600}input.svelte-1du1zi4,select.svelte-1du1zi4,textarea.svelte-1du1zi4{background:var(--bg-raised);border:1px solid transparent;color:var(--text-primary);border-radius:var(--radius-sm);padding:11px 12px;font-size:.88rem;font-family:var(--font-ui)}input.svelte-1du1zi4:focus,select.svelte-1du1zi4:focus,textarea.svelte-1du1zi4:focus{outline:none;border-color:#8b5cf666}.demo-form.svelte-1du1zi4 .btn-primary{margin-top:4px;justify-content:center}h2.svelte-1du1zi4{font-size:.94rem;margin-bottom:10px}ol.svelte-1du1zi4{margin:0 0 14px;padding-left:18px}ol.svelte-1du1zi4 li:where(.svelte-1du1zi4){font-size:.86rem;color:var(--text-secondary);margin-bottom:8px}.demo-card.svelte-1du1zi4 p:where(.svelte-1du1zi4){margin-bottom:0;font-size:.86rem}.demo-card.svelte-1du1zi4 a:where(.svelte-1du1zi4){color:var(--color-primary);text-decoration:none;font-weight:700}@media(max-width:860px){.demo-page.svelte-1du1zi4{padding-top:44px}.demo-layout.svelte-1du1zi4{grid-template-columns:1fr}}