.example-page.svelte-16h619e{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.documentation.svelte-16h619e{position:sticky;top:2rem;height:fit-content}.documentation.svelte-16h619e h1:where(.svelte-16h619e){font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lead.svelte-16h619e{font-size:1.125rem;color:#6b7280;margin-bottom:2rem}.doc-section.svelte-16h619e{margin-bottom:2rem}.doc-section.svelte-16h619e h2:where(.svelte-16h619e){font-size:1.5rem;font-weight:600;margin-bottom:1rem}.doc-section.svelte-16h619e ul:where(.svelte-16h619e){list-style:none;padding:0}.doc-section.svelte-16h619e li:where(.svelte-16h619e){padding:.5rem 0;color:#374151}.doc-section.svelte-16h619e pre:where(.svelte-16h619e){background:#1e293b;color:#e2e8f0;padding:1.5rem;border-radius:.5rem;overflow-x:auto;font-family:Fira Code,Monaco,monospace;font-size:.875rem;line-height:1.7}.comparison.svelte-16h619e{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.comparison-item.svelte-16h619e{padding:1rem;border-radius:.5rem}.comparison-item.bad.svelte-16h619e{background:#fef2f2;border:2px solid #fecaca}.comparison-item.good.svelte-16h619e{background:#f0fdf4;border:2px solid #bbf7d0}.comparison-item.svelte-16h619e h4:where(.svelte-16h619e){margin-bottom:.5rem;font-size:.875rem}.comparison-item.svelte-16h619e pre:where(.svelte-16h619e){margin:0;font-size:.75rem}.demo-container.svelte-16h619e{display:flex;flex-direction:column;gap:2rem}.demo-container.svelte-16h619e h2:where(.svelte-16h619e){font-size:1.5rem;font-weight:600}.info-banner.svelte-16h619e{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:1rem;text-align:center}.info-banner.svelte-16h619e strong:where(.svelte-16h619e){font-size:1.25rem}.hint.svelte-16h619e{margin-top:.5rem;opacity:.9;font-size:.875rem}.form-card.svelte-16h619e,.state-viewer.svelte-16h619e{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.form-actions.svelte-16h619e{display:flex;gap:.75rem;margin-top:2rem}button.svelte-16h619e{flex:1;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary.svelte-16h619e{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary.svelte-16h619e:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary.svelte-16h619e:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.svelte-16h619e{background:#f3f4f6;color:#374151}.btn-secondary.svelte-16h619e:hover{background:#e5e7eb}.state-viewer.svelte-16h619e h3:where(.svelte-16h619e){font-size:1.25rem;font-weight:600;margin-bottom:1rem}details.svelte-16h619e summary:where(.svelte-16h619e){cursor:pointer;font-weight:500;color:#667eea;margin-bottom:.5rem}.state-data.svelte-16h619e{padding:1rem;background:#f9fafb;border-radius:.5rem;font-size:.75rem;overflow-x:auto;max-height:400px;overflow-y:auto}@media (max-width: 1024px){.example-page.svelte-16h619e{grid-template-columns:1fr}.documentation.svelte-16h619e{position:static}.comparison.svelte-16h619e{grid-template-columns:1fr}}