.sidebar-demo-container.svelte-h89548{display:grid;grid-template-columns:auto 1fr;gap:var(--space-md);border:var(--elevation-border);border-radius:var(--radius-md);overflow:hidden}.sidebar-controls.svelte-h89548{position:absolute;top:var(--space-md);right:var(--space-md)}.sidebar-demo-container.svelte-h89548{position:relative}.control-btn.svelte-h89548{font-family:var(--button-font);letter-spacing:var(--button-tracking);font-size:var(--button-sm-font-size);height:var(--button-sm-height);padding:0 var(--button-sm-padding-x);border:var(--elevation-border);border-radius:var(--button-radius);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--button-transition)}.control-btn.svelte-h89548:hover{background:var(--color-surface-secondary)}.sidebar-demo.svelte-h89548{width:var(--nav-sidebar-width);min-width:var(--nav-sidebar-width);background:var(--nav-sidebar-bg);border-right:var(--nav-sidebar-border);padding:var(--nav-sidebar-padding);display:flex;flex-direction:column;gap:var(--space-sm);transition:width var(--duration-slow) var(--easing-default),min-width var(--duration-slow) var(--easing-default)}.sidebar-collapsed.svelte-h89548{width:var(--nav-sidebar-width-collapsed);min-width:var(--nav-sidebar-width-collapsed)}.sidebar-header-demo.svelte-h89548{display:flex;align-items:baseline;gap:var(--space-sm);padding:var(--space-sm);border-bottom:var(--elevation-border);padding-bottom:var(--space-md)}.sidebar-nav-demo.svelte-h89548{display:flex;flex-direction:column;gap:1px}.nav-section-title.svelte-h89548{font-family:var(--nav-section-font);font-size:var(--nav-section-size);letter-spacing:var(--nav-section-tracking);color:var(--nav-section-color);padding:var(--space-sm) var(--space-sm) var(--space-xs)}.nav-item-demo.svelte-h89548{all:unset;display:flex;align-items:center;gap:var(--space-sm);height:var(--nav-item-height);padding:0 var(--nav-item-padding-x);border-radius:var(--nav-item-radius);font-family:var(--nav-item-font);font-size:var(--nav-item-font-size);letter-spacing:var(--nav-item-tracking);color:var(--nav-item-color);cursor:pointer;transition:all var(--nav-item-transition)}.nav-item-demo.svelte-h89548:hover{color:var(--nav-item-color-hover);background:var(--nav-item-bg-hover)}.nav-item-active.svelte-h89548{color:var(--nav-item-color-active);background:var(--nav-item-bg-active)}.nav-item-label.svelte-h89548{font-family:inherit;font-size:inherit;letter-spacing:inherit;white-space:nowrap}.nav-icon.svelte-h89548{width:16px;height:16px;flex-shrink:0}.nav-badge.svelte-h89548{font-family:var(--type-data-font);font-size:var(--type-caption-size);background:var(--color-accent);color:var(--color-text-on-accent);border-radius:var(--radius-pill);padding:0 var(--space-xs);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;margin-left:auto}.state-reference.svelte-h89548{padding:var(--space-lg)}.state-list.svelte-h89548{display:flex;flex-direction:column;gap:var(--space-sm)}.state-item.svelte-h89548{display:flex;flex-direction:column;gap:2px}.state-demo-row.svelte-h89548{display:flex}.nav-item-preview.svelte-h89548{pointer-events:none;background:transparent;min-width:180px}.nav-item-hover-preview.svelte-h89548{color:var(--nav-item-color-hover);background:var(--nav-item-bg-hover)}.bottom-nav-container.svelte-h89548{border:var(--elevation-border);border-radius:var(--radius-md);overflow:hidden;max-width:400px}.bottom-nav-demo.svelte-h89548{height:var(--nav-bottom-height);background:var(--nav-bottom-bg);border-top:var(--nav-bottom-border-top);display:flex;align-items:center;justify-content:space-around}.bottom-nav-item.svelte-h89548{all:unset;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;color:var(--nav-bottom-item-color);transition:color var(--duration-instant) var(--easing-default);padding:var(--space-xs)}.bottom-nav-active.svelte-h89548{color:var(--nav-bottom-item-color-active)}.bottom-nav-disabled.svelte-h89548{opacity:.4;cursor:not-allowed}.bottom-nav-icon-wrap.svelte-h89548{position:relative}.bottom-nav-icon.svelte-h89548{width:20px;height:20px}.bottom-nav-badge.svelte-h89548{position:absolute;top:-2px;right:-4px;width:8px;height:8px;background:var(--color-accent);border-radius:var(--radius-circle)}.bottom-nav-label.svelte-h89548{font-family:var(--nav-bottom-item-font);font-size:var(--nav-bottom-item-size)}.bottom-states-row.svelte-h89548{display:flex;justify-content:space-around;max-width:400px;margin-top:var(--space-xs)}.state-label-pair.svelte-h89548{text-align:center}.token-columns.svelte-h89548{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.token-list.svelte-h89548{display:flex;flex-direction:column;gap:var(--space-xs)}.token-item.svelte-h89548{font-size:var(--type-caption-size);color:var(--color-text-secondary)}