.demo-container.svelte-chodwg{max-width:56rem;margin:0 auto;padding:2rem}h1.svelte-chodwg{font-size:1.875rem;font-weight:700;margin-bottom:2rem}h2.svelte-chodwg{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.section-description.svelte-chodwg{color:#4b5563;margin-bottom:1rem}.demo-sections.svelte-chodwg{display:flex;flex-direction:column;gap:1.5rem}section.svelte-chodwg{padding-top:1.5rem;border-top:1px solid #e5e7eb}section.svelte-chodwg:first-child{padding-top:0;border-top:none}.button-group.svelte-chodwg{display:flex;gap:.75rem;flex-wrap:wrap}.btn.svelte-chodwg{padding:.5rem 1rem;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.btn--success.svelte-chodwg{background-color:#059669}.btn--success.svelte-chodwg:hover{background-color:#047857}.btn--error.svelte-chodwg{background-color:#dc2626}.btn--error.svelte-chodwg:hover{background-color:#b91c1c}.btn--warning.svelte-chodwg{background-color:#d97706}.btn--warning.svelte-chodwg:hover{background-color:#b45309}.btn--info.svelte-chodwg{background-color:#2563eb}.btn--info.svelte-chodwg:hover{background-color:#1d4ed8}.btn--purple.svelte-chodwg{background-color:#9333ea}.btn--purple.svelte-chodwg:hover{background-color:#7c3aed}.btn--indigo.svelte-chodwg{background-color:#6366f1}.btn--indigo.svelte-chodwg:hover{background-color:#4f46e5}.btn--gray.svelte-chodwg{background-color:#4b5563}.btn--gray.svelte-chodwg:hover{background-color:#374151}