.demo-page.svelte-1341jmh{max-width:1200px;margin:0 auto;padding:2rem}h1.svelte-1341jmh{font-size:2.5rem;margin-bottom:.5rem}.subtitle.svelte-1341jmh{color:#666;font-size:1.1rem;margin-bottom:3rem}.demo-section.svelte-1341jmh{margin-bottom:4rem;padding:2rem;background:#f9f9f9;border-radius:8px}.demo-section.svelte-1341jmh h2:where(.svelte-1341jmh){font-size:1.8rem;margin-bottom:1rem;color:#333}.description.svelte-1341jmh{color:#666;margin-bottom:1.5rem;line-height:1.6}.test-case.svelte-1341jmh{background:#fff;padding:1.5rem;border-radius:6px;box-shadow:0 2px 4px #0000001a}.test-case.svelte-1341jmh h3:where(.svelte-1341jmh){font-size:1.3rem;margin-bottom:1rem}.test-case.svelte-1341jmh ol:where(.svelte-1341jmh){margin-bottom:1.5rem;padding-left:1.5rem}.test-case.svelte-1341jmh ol:where(.svelte-1341jmh) li:where(.svelte-1341jmh){margin-bottom:.5rem}.array-items.svelte-1341jmh{display:flex;flex-direction:column;gap:1rem}.array-item.svelte-1341jmh{padding:1rem;border:2px solid #e0e0e0;border-radius:4px}.item-header.svelte-1341jmh{display:flex;justify-content:space-between;margin-bottom:.5rem}button.svelte-1341jmh{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}button.svelte-1341jmh:hover{background:#5568d3}input.svelte-1341jmh{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.test-result.svelte-1341jmh{margin-top:2rem;padding:1rem;background:#f0f4ff;border-left:4px solid #667eea}.test-result.svelte-1341jmh h4:where(.svelte-1341jmh){margin-bottom:1rem}.state-comparison.svelte-1341jmh{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}pre.svelte-1341jmh{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:4px;overflow-x:auto;font-size:.85rem}.expected.svelte-1341jmh{color:#2d7d2d;font-size:.95rem;margin-top:1rem}.error.svelte-1341jmh{color:#dc2626;font-size:.875rem;margin-top:.25rem}.code-example.svelte-1341jmh{background:#fff;padding:1.5rem;border-radius:6px;box-shadow:0 2px 4px #0000001a}.code-example.svelte-1341jmh h4:where(.svelte-1341jmh){margin:1rem 0 .5rem;font-size:1.1rem}.code-example.svelte-1341jmh h4:where(.svelte-1341jmh):first-child{margin-top:0}.code-example.svelte-1341jmh code:where(.svelte-1341jmh){display:block;padding:1rem;background:#1e1e1e;color:#d4d4d4;border-radius:4px;overflow-x:auto;font-family:Fira Code,Monaco,monospace;font-size:.9rem;line-height:1.5}