.layout-toggle.svelte-m53o4e{position:sticky;top:1rem;z-index:100;display:flex;gap:.5rem;background:var(--story-bg, var(--color-bg));padding:.5rem;border-radius:8px;width:fit-content;margin-left:auto}.layout-toggle.svelte-m53o4e button:where(.svelte-m53o4e){padding:.5rem 1rem;border:1px solid #ccc;background:#fff;border-radius:4px;font-size:.875rem;transition:all .15s ease}.layout-toggle.svelte-m53o4e button:where(.svelte-m53o4e):hover{border-color:#999}.layout-toggle.svelte-m53o4e button.active:where(.svelte-m53o4e){background:#333;color:#fff;border-color:#333}.chart-container.svelte-4e9lse{position:relative;width:100%;height:100%}svg.svelte-4e9lse{width:100%;height:100%}.architecture-diagram.svelte-1x4qvi4{font-size:.85rem;line-height:1.3}.live-demo.svelte-1x4qvi4{--step-height: 40vh;--step-max-width: 350px;--step-text-align: left}.split-overlay.svelte-1x4qvi4{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding-inline:2rem}.split-overlay.svelte-1x4qvi4>.scrolly-content{pointer-events:none}.split-overlay.svelte-1x4qvi4 .code-panel:where(.svelte-1x4qvi4){position:sticky;top:10vh;height:90vh;max-height:800px;pointer-events:auto}@media(max-width:768px){.live-demo.svelte-1x4qvi4{--step-max-width: 100%}.split-overlay.svelte-1x4qvi4{grid-template-columns:1fr}.split-overlay.svelte-1x4qvi4 .code-panel:where(.svelte-1x4qvi4){display:none}}.code-explainer-chart.svelte-1x4qvi4{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.code-explainer-chart.svelte-1x4qvi4 pre{margin:0;max-width:100%;max-height:100%;overflow:auto}