.split-shell.svelte-vu651v{grid-template-columns:var(--split-sidebar-width) 1fr;min-height:0;display:grid}.split-sidebar.svelte-vu651v{border-right:1px solid var(--bd);overflow-y:auto}.split-content.svelte-vu651v{min-width:0;overflow-y:auto}@media (width<=1024px){.split-shell.svelte-vu651v{grid-template-columns:1fr}.split-sidebar.svelte-vu651v{border-right:none;border-bottom:1px solid var(--bd)}}.note.svelte-1r0ds1e{max-width:720px;margin-bottom:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-md);color:var(--txs);background:var(--sf);border:1px solid var(--bd);border-radius:var(--radius-sm);font-size:12px;line-height:1.6}.spacing-label.svelte-1r0ds1e{width:24px;font-family:var(--font-mono);color:var(--txs);flex-shrink:0;font-size:11px}.spacing-bar.svelte-1r0ds1e{background:var(--acc);border-radius:var(--radius-xs);height:14px}.spacing-px.svelte-1r0ds1e{font-family:var(--font-mono);color:var(--txt);font-size:11px}.viewport-demo.svelte-1r0ds1e{width:100%}.viewport-caption{font-family:var(--font-mono);margin:0 0 var(--spacing-xs)}.viewport-frame.svelte-1r0ds1e{border:1px dashed var(--bd);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);overflow-x:auto}.viewport-frame.svelte-1r0ds1e:last-child{margin-bottom:0}.band-demo.svelte-1r0ds1e,.section-demo.svelte-1r0ds1e,.stack-demo.svelte-1r0ds1e{width:100%}.band-demo.svelte-1r0ds1e{border-radius:var(--radius-sm);overflow:hidden}.ref-demo-flash{outline:2px solid var(--acc);outline-offset:-2px;transition:outline-color .2s}.class-demo-row{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--sf);border-radius:var(--radius-sm)}.class-demo-row--active{background:var(--acc)}.class-demo-row--active p{color:var(--bg)}.class-demo-btn.svelte-1r0ds1e{padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-sans);color:var(--txs);background:var(--bg);border:1px solid var(--bd);border-radius:var(--radius-xs);cursor:pointer;flex-shrink:0;font-size:11px}.grid-demo-caption{font-family:var(--font-mono);margin:0 0 var(--spacing-xs)}.split-demo.svelte-1r0ds1e{border:1px solid var(--bd);border-radius:var(--radius-sm);width:100%;height:220px;overflow:hidden}.split-demo-sidebar.svelte-1r0ds1e{padding:var(--spacing-sm);background:var(--sf);flex-direction:column;gap:2px;height:100%;display:flex}.split-demo-item.svelte-1r0ds1e{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);color:var(--txs);font-size:12px}.split-demo-item--active.svelte-1r0ds1e{background:var(--bg);color:var(--tx);font-weight:600}.split-demo-content.svelte-1r0ds1e{height:100%;color:var(--txt);justify-content:center;align-items:center;font-size:12px;display:flex}.fill-block.svelte-1r0ds1e{padding:var(--spacing-md);background:var(--sf);border:1px solid var(--bd);border-radius:var(--radius-xs);color:var(--txs);text-align:center;justify-content:center;align-items:center;font-size:12px;display:flex}.fill-block--sm.svelte-1r0ds1e{padding:var(--spacing-sm)}.pill-block.svelte-1r0ds1e{padding:var(--spacing-xs) var(--spacing-sm);background:var(--sf);border:1px solid var(--bd);border-radius:var(--radius-full);color:var(--txs);white-space:nowrap;font-size:11.5px}