.graph-layout.svelte-1phx733{display:flex;width:100%;height:calc(100dvh - var(--nav-height, 3.5rem));overflow:hidden;position:relative;background:var(--color-surface-primary, #09090b)}.graph-layout.mobile.svelte-1phx733{flex-direction:column}.graph-sidebar.svelte-1phx733{width:280px;min-width:280px;background:var(--color-surface-secondary, #18181b);border-right:1px solid var(--color-border-default, #27272a);overflow-y:auto;display:flex;flex-direction:column;gap:0}.sidebar-toggle.svelte-1phx733{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid var(--color-border-default, #27272a);color:var(--color-text-primary, #fafafa);font-size:14px;font-weight:600;cursor:pointer;min-height:44px;min-width:44px}.sidebar-toggle.svelte-1phx733:hover{background:var(--color-surface-tertiary, #27272a)}.toggle-icon.svelte-1phx733{font-size:10px;transition:transform .2s ease;color:var(--color-text-muted, #71717a)}.toggle-icon.open.svelte-1phx733{transform:rotate(180deg)}.legend-panel.svelte-1phx733{padding:12px 16px;border-bottom:1px solid var(--color-border-default, #27272a)}.legend-panel.svelte-1phx733 h4:where(.svelte-1phx733),.filter-panel.svelte-1phx733 h4:where(.svelte-1phx733),.mobile-sheet-content.svelte-1phx733 h4:where(.svelte-1phx733){color:var(--color-text-secondary, #a1a1aa);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:12px 0 6px}.legend-panel.svelte-1phx733 h4:where(.svelte-1phx733):first-child{margin-top:0}.legend-items.svelte-1phx733{display:flex;flex-direction:column;gap:4px}.legend-item.svelte-1phx733{display:flex;align-items:center;gap:8px}.legend-swatch.svelte-1phx733{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-label.svelte-1phx733{font-size:12px;color:var(--color-text-secondary, #a1a1aa)}.filter-panel.svelte-1phx733{padding:12px 16px;border-bottom:1px solid var(--color-border-default, #27272a)}.filter-toggle-all.svelte-1phx733{font-size:11px;color:var(--color-accent, #6366f1);background:transparent;border:none;cursor:pointer;padding:4px 0;min-height:32px;min-width:auto}.filter-toggle-all.svelte-1phx733:hover{color:var(--color-accent-hover, #818cf8)}.filter-checkbox.svelte-1phx733{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-primary, #fafafa);cursor:pointer;padding:4px 0;min-height:36px}.filter-checkbox.svelte-1phx733 input[type=checkbox]:where(.svelte-1phx733){width:16px;height:16px;min-height:16px;min-width:16px;accent-color:var(--color-accent, #6366f1);cursor:pointer}.filter-swatch.svelte-1phx733{width:10px;height:10px;border-radius:2px;flex-shrink:0}.filter-edge-swatch.svelte-1phx733{flex-shrink:0}.mt-edge.svelte-1phx733{margin-top:16px!important}.cycle-toggle.svelte-1phx733{color:var(--color-warning, #eab308)!important}.cycle-toggle.active.svelte-1phx733{background:#eab3081a}.cycle-badge.svelte-1phx733{background:var(--color-warning, #eab308);color:#09090b;font-size:10px;font-weight:700;padding:2px 6px;border-radius:8px}.detail-panel.svelte-1phx733{padding:16px;border-top:1px solid var(--color-border-default, #27272a)}.detail-header.svelte-1phx733{display:flex;justify-content:space-between;align-items:flex-start}.detail-header.svelte-1phx733 h3:where(.svelte-1phx733){font-size:16px;font-weight:700;color:var(--color-text-primary, #fafafa);word-break:break-word;margin:0}.detail-close.svelte-1phx733{background:transparent;border:none;color:var(--color-text-muted, #71717a);font-size:18px;cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.detail-close.svelte-1phx733:hover{color:var(--color-text-primary, #fafafa)}.detail-meta.svelte-1phx733{display:flex;align-items:center;gap:8px;margin-top:8px}.detail-badge.svelte-1phx733{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;color:#fff}.detail-kind.svelte-1phx733{font-size:12px;color:var(--color-text-muted, #71717a);text-transform:capitalize}.detail-purpose.svelte-1phx733{font-size:13px;color:var(--color-text-secondary, #a1a1aa);margin-top:8px;line-height:1.4}.detail-panel.svelte-1phx733 h4:where(.svelte-1phx733){color:var(--color-text-secondary, #a1a1aa);font-size:12px;font-weight:600;margin:12px 0 4px}.detail-list.svelte-1phx733{list-style:none;padding:0;margin:0}.detail-list.svelte-1phx733 li:where(.svelte-1phx733){padding:0}.detail-link.svelte-1phx733{background:transparent;border:none;color:var(--color-accent, #6366f1);font-size:12px;cursor:pointer;padding:4px 0;min-height:32px;min-width:auto;text-align:left}.detail-link.svelte-1phx733:hover{color:var(--color-accent-hover, #818cf8)}.detail-browse-link.svelte-1phx733{display:inline-block;margin-top:16px;font-size:13px;color:var(--color-accent, #6366f1);text-decoration:none;font-weight:600;min-height:44px;min-width:auto;display:flex;align-items:center}.detail-browse-link.svelte-1phx733:hover{color:var(--color-accent-hover, #818cf8)}.graph-canvas.svelte-1phx733{flex:1;position:relative;overflow:hidden}.graph-svg.svelte-1phx733{display:block;width:100%;height:100%;touch-action:none}.graph-edge.svelte-1phx733{pointer-events:none}.graph-node.svelte-1phx733{transition:opacity .3s ease}.node-label.svelte-1phx733{pointer-events:none;-webkit-user-select:none;user-select:none}.touch-target.svelte-1phx733{pointer-events:all}.graph-stats.svelte-1phx733{position:absolute;bottom:12px;left:12px;padding:4px 10px;background:#09090bcc;border:1px solid var(--color-border-default, #27272a);border-radius:6px;font-size:11px;color:var(--color-text-muted, #71717a);pointer-events:none}.mobile-toolbar.svelte-1phx733{display:flex;gap:4px;padding:6px 8px;background:var(--color-surface-secondary, #18181b);border-top:1px solid var(--color-border-default, #27272a)}.mobile-btn.svelte-1phx733{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:var(--color-surface-tertiary, #27272a);border:1px solid var(--color-border-default, #27272a);border-radius:8px;color:var(--color-text-secondary, #a1a1aa);font-size:12px;cursor:pointer;min-height:44px;min-width:44px}.mobile-btn.svelte-1phx733:hover,.mobile-btn.active.svelte-1phx733{background:var(--color-surface-elevated, #3f3f46);color:var(--color-text-primary, #fafafa)}.mobile-sheet.svelte-1phx733{position:absolute;bottom:52px;left:0;right:0;max-height:50vh;background:var(--color-surface-secondary, #18181b);border-top:1px solid var(--color-border-default, #27272a);border-radius:16px 16px 0 0;overflow-y:auto;z-index:10;animation:svelte-1phx733-slideUp .2s ease-out}@keyframes svelte-1phx733-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-sheet-handle.svelte-1phx733{width:40px;height:4px;background:var(--color-border-hover, #3f3f46);border-radius:2px;margin:8px auto}.mobile-sheet-content.svelte-1phx733{padding:8px 16px 24px}.mobile-sheet-content.svelte-1phx733 h3:where(.svelte-1phx733){font-size:16px;font-weight:700;color:var(--color-text-primary, #fafafa);margin:0 0 8px}.mobile-filter-grid.svelte-1phx733{display:flex;flex-direction:column;gap:2px}.mobile-legend-grid.svelte-1phx733{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}