.variant-selector.svelte-1s3k3t7{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.variant-btn.svelte-1s3k3t7{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);cursor:pointer;font-size:.9rem;color:var(--color-text)}.variant-btn.active.svelte-1s3k3t7{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.variant-info.svelte-1s3k3t7{margin-bottom:1rem;color:var(--color-secondary)}.variant-info.svelte-1s3k3t7 p:where(.svelte-1s3k3t7){margin:0}.demo-split.svelte-1s3k3t7{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;height:500px;margin:0 0 2rem}.source-pane.svelte-1s3k3t7{display:flex;flex-direction:column;border-right:1px solid var(--color-border);overflow:hidden}.render-pane.svelte-1s3k3t7{display:flex;flex-direction:column;overflow:hidden}.pane-header.svelte-1s3k3t7{padding:.5rem 1rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-secondary);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.source-content.svelte-1s3k3t7{flex:1;padding:1rem;overflow:auto;font-family:var(--font-mono);font-size:.8rem;line-height:1.5;margin:0}.render-content.svelte-1s3k3t7{flex:1;padding:1rem;overflow:auto;font-size:.95rem}.render-content.svelte-1s3k3t7 table{border-collapse:collapse;margin:.5rem 0;font-size:.85rem}.render-content.svelte-1s3k3t7 th,.render-content.svelte-1s3k3t7 td{border:1px solid var(--color-border);padding:.3rem .6rem}.render-content.svelte-1s3k3t7 th{background:var(--color-surface)}.render-content.svelte-1s3k3t7 pre{background:var(--color-surface);padding:.75rem;border-radius:4px;font-size:.85rem}.render-content.svelte-1s3k3t7 blockquote{border-left:3px solid var(--color-primary);padding-left:1rem;margin:.5rem 0;color:var(--color-secondary)}.loading.svelte-1s3k3t7{color:var(--color-secondary)}.comparison-table.svelte-1s3k3t7{overflow-x:auto;margin:1rem 0 2rem}.comparison-table.svelte-1s3k3t7 table:where(.svelte-1s3k3t7){border-collapse:collapse;width:100%;font-size:.9rem}.comparison-table.svelte-1s3k3t7 th:where(.svelte-1s3k3t7),.comparison-table.svelte-1s3k3t7 td:where(.svelte-1s3k3t7){border:1px solid var(--color-border);padding:.4rem .75rem;text-align:left}.comparison-table.svelte-1s3k3t7 th:where(.svelte-1s3k3t7){background:var(--color-surface);font-weight:600}@media(max-width:768px){.demo-split.svelte-1s3k3t7{grid-template-columns:1fr;height:auto}.source-pane.svelte-1s3k3t7{border-right:none;border-bottom:1px solid var(--color-border);height:250px}.render-pane.svelte-1s3k3t7{height:300px}}