skillroute 0.2.0__py3-none-any.whl

skillroute/__init__.py

@@ -0,0 +1,15 @@
+"""SkillRoute core package."""
+
+from importlib.metadata import PackageNotFoundError
+from importlib.metadata import version as _package_version
+
+from skillroute.catalog import Catalog, default_catalog_path
+from skillroute.models import SkillRecord
+from skillroute.routing import Router
+
+__all__ = ["Catalog", "Router", "SkillRecord", "default_catalog_path"]
+
+try:
+    __version__ = _package_version("skillroute")
+except PackageNotFoundError:  # pragma: no cover - only hit when run from an unbuilt tree
+    __version__ = "0.0.0.dev0"

skillroute/__main__.py

@@ -0,0 +1,5 @@
+from skillroute.cli import main
+
+if __name__ == "__main__":
+    main()
+

skillroute/_harnesses/amp.toml

@@ -0,0 +1,17 @@
+schema = 1
+id = "amp"
+display_name = "Amp"
+tier = "breadth"
+homepage = "https://ampcode.com/manual"
+
+[detect]
+commands = ["amp"]
+client_names = ["amp", "sourcegraph-amp"]
+paths.all = ["~/.config/amp/settings.json"]
+
+[modes.mcp]
+setup_method = "json_merge"
+config_format = "json"
+emitter = "amp_mcp_servers"
+config_path = "~/.config/amp/settings.json"
+write_path.all = "~/.config/amp/settings.json"

skillroute/_harnesses/claude-code.toml

@@ -0,0 +1,51 @@
+schema = 1
+id = "claude-code"
+display_name = "Claude Code"
+tier = "first-party"
+homepage = "https://code.claude.com/docs/en/mcp"
+
+[detect]
+commands = ["claude"]
+client_names = ["claude-code", "claude", "claude-code-*"]
+env = ["CLAUDECODE"]
+paths.all = ["~/.claude.json"]
+
+[modes.mcp]
+setup_method = "command"
+config_format = "json"
+emitter = "mcp_servers"
+config_path = "~/.claude.json"
+scopes = ["local", "project", "user"]
+default_scope = "user"
+argv = [
+    "claude", "mcp", "add",
+    "--transport", "stdio",
+    "--scope", "{scope}",
+    "--env", "SKILLROUTE_CATALOG_PATH={catalog}",
+    "--env", "SKILLROUTE_BACKEND={backend}",
+    "{server_name}",
+    "--", "{server_argv}",
+]
+write_path.all = "~/.claude.json"
+scope_paths.project = ".mcp.json"
+
+[modes.skills]
+setup_method = "dir_sync"
+dir.all = "~/.claude/skills"
+project_dir = ".claude/skills"
+discovery = ["~/.claude/skills", "~/.claude/plugins/*/skills"]
+
+[modes.router_skill]
+setup_method = "dir_sync"
+dir.all = "~/.claude/skills/skillroute"
+project_dir = ".claude/skills/skillroute"
+
+[modes.hook]
+setup_method = "json_merge"
+config_format = "json"
+emitter = "claude_session_start_hook"
+config_path = "~/.claude/settings.json"
+write_path.all = "~/.claude/settings.json"
+scope_paths.project = ".claude/settings.json"
+scopes = ["project", "user"]
+default_scope = "project"

skillroute/_harnesses/claude-desktop.toml

@@ -0,0 +1,22 @@
+schema = 1
+id = "claude-desktop"
+display_name = "Claude Desktop"
+tier = "breadth"
+homepage = "https://modelcontextprotocol.io/quickstart/user"
+
+[detect]
+commands = []
+client_names = ["claude-desktop", "claude-ai"]
+paths.macos = ["~/Library/Application Support/Claude/claude_desktop_config.json"]
+paths.linux = ["~/.config/Claude/claude_desktop_config.json"]
+paths.windows = ["%APPDATA%/Claude/claude_desktop_config.json"]
+apps.macos = ["/Applications/Claude.app"]
+
+[modes.mcp]
+setup_method = "json_merge"
+config_format = "json"
+emitter = "mcp_servers"
+config_path = "~/Library/Application Support/Claude/claude_desktop_config.json or %APPDATA%\\Claude\\claude_desktop_config.json"
+write_path.macos = "~/Library/Application Support/Claude/claude_desktop_config.json"
+write_path.linux = "~/.config/Claude/claude_desktop_config.json"
+write_path.windows = "%APPDATA%/Claude/claude_desktop_config.json"

skillroute/_harnesses/codex.toml

@@ -0,0 +1,43 @@
+schema = 1
+id = "codex"
+display_name = "Codex"
+tier = "first-party"
+homepage = "https://developers.openai.com/codex/mcp"
+
+[detect]
+commands = ["codex"]
+client_names = ["codex", "codex-cli", "openai-codex"]
+env = ["CODEX_SANDBOX"]
+paths.all = ["~/.codex/config.toml"]
+
+# Codex is TOML-configured. SkillRoute never rewrites a user's TOML -- tomllib
+# cannot write, and hand-merging someone's config.toml is not worth the blast
+# radius -- so this installs through the CLI and only ever *prints* the snippet.
+[modes.mcp]
+setup_method = "command"
+config_format = "toml"
+emitter = "codex_toml"
+config_path = "~/.codex/config.toml"
+argv = [
+    "codex", "mcp", "add", "{server_name}",
+    "--env", "SKILLROUTE_CATALOG_PATH={catalog}",
+    "--env", "SKILLROUTE_BACKEND={backend}",
+    "--", "{server_argv}",
+]
+write_path.all = "~/.codex/config.toml"
+
+[modes.mcp.extra]
+cwd = "{server_cwd}"
+startup_timeout_sec = 20
+tool_timeout_sec = 60
+
+[modes.skills]
+setup_method = "dir_sync"
+dir.all = "~/.codex/skills"
+project_dir = ".codex/skills"
+discovery = ["~/.codex/skills", "~/.codex/plugins/cache"]
+
+[modes.router_skill]
+setup_method = "dir_sync"
+dir.all = "~/.codex/skills/skillroute"
+project_dir = ".codex/skills/skillroute"

skillroute/_harnesses/cursor.toml

@@ -0,0 +1,19 @@
+schema = 1
+id = "cursor"
+display_name = "Cursor"
+tier = "breadth"
+homepage = "https://cursor.com/docs/context/mcp"
+
+[detect]
+commands = ["cursor"]
+client_names = ["cursor", "cursor-*"]
+paths.all = ["~/.cursor/mcp.json"]
+apps.macos = ["/Applications/Cursor.app"]
+
+[modes.mcp]
+setup_method = "print_only"
+config_format = "json"
+emitter = "mcp_servers"
+config_path = "Cursor MCP settings"
+write_path.all = "~/.cursor/mcp.json"
+notes = ["Cursor setup is snippet-only until a stable official write target is confirmed."]

skillroute/_harnesses/gemini-cli.toml

@@ -0,0 +1,22 @@
+schema = 1
+id = "gemini-cli"
+display_name = "Gemini CLI"
+tier = "breadth"
+homepage = "https://google-gemini.github.io/gemini-cli/docs/tools/mcp-server.html"
+
+[detect]
+commands = ["gemini"]
+client_names = ["gemini-cli", "gemini"]
+paths.all = ["~/.gemini/settings.json"]
+
+# Gemini CLI uses the same top-level mcpServers shape as Claude Code, so this
+# whole harness is pure data -- no new emitter.
+[modes.mcp]
+setup_method = "json_merge"
+config_format = "json"
+emitter = "mcp_servers"
+config_path = "~/.gemini/settings.json"
+write_path.all = "~/.gemini/settings.json"
+scope_paths.project = ".gemini/settings.json"
+scopes = ["user", "project"]
+default_scope = "user"

skillroute/_harnesses/goose.toml

@@ -0,0 +1,29 @@
+schema = 1
+id = "goose"
+display_name = "Goose"
+tier = "breadth"
+homepage = "https://block.github.io/goose/docs/getting-started/using-extensions"
+
+[detect]
+commands = ["goose"]
+client_names = ["goose", "goose-cli"]
+paths.macos = ["~/.config/goose/config.yaml"]
+paths.linux = ["~/.config/goose/config.yaml"]
+paths.windows = ["%APPDATA%/Block/goose/config/config.yaml"]
+
+# Goose is YAML-configured, so this prints rather than merges. Goose calls MCP
+# servers "extensions" and keys them by a normalized identifier.
+[modes.mcp]
+setup_method = "print_only"
+config_format = "yaml"
+emitter = "yaml_map"
+config_path = "~/.config/goose/config.yaml"
+write_path.macos = "~/.config/goose/config.yaml"
+write_path.linux = "~/.config/goose/config.yaml"
+write_path.windows = "%APPDATA%/Block/goose/config/config.yaml"
+notes = [
+    "Add the printed block under `extensions:` in the Goose config, or run `goose configure`.",
+]
+
+[modes.mcp.extra]
+container = "extensions"

skillroute/_harnesses/hermes.toml

@@ -0,0 +1,50 @@
+schema = 1
+id = "hermes"
+display_name = "Hermes Agent"
+tier = "first-party"
+homepage = "https://hermes-agent.nousresearch.com/docs"
+
+[detect]
+commands = ["hermes"]
+client_names = ["hermes", "hermes-agent"]
+paths.all = ["~/.hermes/config.yaml"]
+
+# Hermes is YAML-configured and SkillRoute carries no YAML dependency, so the
+# MCP entry is printed rather than merged. The yaml_map emitter renders the
+# snippet; it never writes the user's file.
+[modes.mcp]
+setup_method = "print_only"
+config_format = "yaml"
+emitter = "yaml_map"
+config_path = "~/.hermes/config.yaml"
+write_path.all = "~/.hermes/config.yaml"
+notes = [
+    "Add the printed block under `mcp_servers:` in ~/.hermes/config.yaml.",
+    "Hermes keys mcp_servers by server name, not as a list.",
+]
+
+[modes.mcp.extra]
+container = "mcp_servers"
+
+[modes.acp]
+setup_method = "print_only"
+config_format = "yaml"
+emitter = "yaml_map"
+config_path = "~/.hermes/config.yaml"
+notes = ["Hermes speaks ACP, so SkillRoute can attach as a routing-advisor agent."]
+
+[modes.acp.extra]
+container = "agents"
+
+[modes.skills]
+setup_method = "dir_sync"
+dir.all = "~/.hermes/skills"
+discovery = ["~/.hermes/skills"]
+# Hermes reads extra skill directories from external_dirs, so registration
+# beats copying: no duplication and no sync drift.
+register_in.path = "~/.hermes/config.yaml"
+register_in.key = "external_dirs"
+
+[modes.router_skill]
+setup_method = "dir_sync"
+dir.all = "~/.hermes/skills/skillroute"

skillroute/_harnesses/ibm-bob.toml

@@ -0,0 +1,22 @@
+schema = 1
+id = "ibm-bob"
+display_name = "IBM Bob"
+tier = "breadth"
+homepage = "https://www.ibm.com/products/bob"
+
+[detect]
+commands = []
+client_names = ["ibm-bob", "bob"]
+paths.all = ["~/.bob/mcp.json"]
+apps.macos = ["/Applications/IBM Bob.app"]
+
+[modes.mcp]
+setup_method = "json_merge"
+config_format = "json"
+emitter = "mcp_servers"
+config_path = "~/.bob/mcp.json or .bob/mcp.json"
+write_path.all = "~/.bob/mcp.json"
+
+[modes.mcp.extra]
+cwd = "{server_cwd}"
+disabled = false

skillroute/_harnesses/opencode.toml

@@ -0,0 +1,33 @@
+schema = 1
+id = "opencode"
+display_name = "OpenCode"
+tier = "first-party"
+homepage = "https://opencode.ai/docs/mcp-servers"
+
+[detect]
+commands = ["opencode"]
+client_names = ["opencode"]
+paths.all = ["~/.config/opencode/opencode.json"]
+
+# OpenCode nests servers under "mcp" with an explicit local/remote type, rather
+# than the "mcpServers" shape everyone else uses.
+[modes.mcp]
+setup_method = "json_merge"
+config_format = "json"
+emitter = "opencode_mcp"
+config_path = "~/.config/opencode/opencode.json"
+write_path.all = "~/.config/opencode/opencode.json"
+scope_paths.project = "opencode.json"
+scopes = ["user", "project"]
+default_scope = "user"
+
+[modes.skills]
+setup_method = "dir_sync"
+dir.all = "~/.config/opencode/skills"
+project_dir = ".opencode/skills"
+discovery = ["~/.config/opencode/skills", ".opencode/skills"]
+
+[modes.router_skill]
+setup_method = "dir_sync"
+dir.all = "~/.config/opencode/skills/skillroute"
+project_dir = ".opencode/skills/skillroute"

skillroute/_harnesses/pi.toml

@@ -0,0 +1,41 @@
+schema = 1
+id = "pi"
+display_name = "Pi"
+tier = "first-party"
+homepage = "https://pi.dev"
+
+[detect]
+commands = ["pi"]
+client_names = ["pi", "pi-coding-agent"]
+paths.all = ["~/.pi/agent/settings.json"]
+
+[modes.mcp]
+setup_method = "json_merge"
+config_format = "json"
+emitter = "mcp_servers"
+config_path = "~/.pi/agent/mcp.json"
+write_path.all = "~/.pi/agent/mcp.json"
+scope_paths.project = ".pi/mcp.json"
+scopes = ["user", "project"]
+default_scope = "user"
+
+[modes.skills]
+setup_method = "dir_sync"
+dir.all = "~/.pi/agent/skills"
+project_dir = ".pi/skills"
+discovery = ["~/.pi/agent/skills", ".pi/skills"]
+# Pi's settings declare where skills load from, so SkillRoute can register a
+# directory instead of copying bundles into Pi's own.
+register_in.path = "~/.pi/agent/settings.json"
+register_in.key = "skills"
+
+[modes.extension]
+setup_method = "package"
+config_path = "~/.pi/agent/extensions"
+write_path.all = "~/.pi/agent/extensions"
+notes = ["Pi extensions are TypeScript files or directories under the extensions path."]
+
+[modes.router_skill]
+setup_method = "dir_sync"
+dir.all = "~/.pi/agent/skills/skillroute"
+project_dir = ".pi/skills/skillroute"

skillroute/_harnesses/vscode.toml

@@ -0,0 +1,19 @@
+schema = 1
+id = "vscode"
+display_name = "VS Code"
+tier = "breadth"
+homepage = "https://code.visualstudio.com/docs/copilot/chat/mcp-servers"
+
+[detect]
+commands = ["code", "code-insiders"]
+client_names = ["vscode", "visual-studio-code"]
+env = ["VSCODE_PID"]
+
+# VS Code is the one harness that uses a top-level "servers" key rather than
+# "mcpServers", and embeds the server name inside the object it is handed.
+[modes.mcp]
+setup_method = "command"
+config_format = "json"
+emitter = "vscode_servers"
+config_path = "VS Code user profile mcp.json"
+argv = ["code", "--add-mcp", "{server_json}"]

skillroute/_harnesses/windsurf.toml

@@ -0,0 +1,18 @@
+schema = 1
+id = "windsurf"
+display_name = "Windsurf"
+tier = "breadth"
+homepage = "https://docs.windsurf.com/windsurf/cascade/mcp"
+
+[detect]
+commands = ["windsurf"]
+client_names = ["windsurf", "codeium"]
+paths.all = ["~/.codeium/windsurf/mcp_config.json"]
+apps.macos = ["/Applications/Windsurf.app"]
+
+[modes.mcp]
+setup_method = "json_merge"
+config_format = "json"
+emitter = "mcp_servers"
+config_path = "~/.codeium/windsurf/mcp_config.json"
+write_path.all = "~/.codeium/windsurf/mcp_config.json"

skillroute/_harnesses/zed.toml

@@ -0,0 +1,29 @@
+schema = 1
+id = "zed"
+display_name = "Zed"
+tier = "breadth"
+homepage = "https://zed.dev/docs/ai/mcp"
+
+[detect]
+commands = ["zed"]
+client_names = ["zed"]
+paths.macos = ["~/.config/zed/settings.json"]
+paths.linux = ["~/.config/zed/settings.json"]
+paths.windows = ["%APPDATA%/Zed/settings.json"]
+apps.macos = ["/Applications/Zed.app"]
+
+[modes.mcp]
+setup_method = "json_merge"
+config_format = "json"
+emitter = "zed_context_servers"
+config_path = "~/.config/zed/settings.json"
+write_path.macos = "~/.config/zed/settings.json"
+write_path.linux = "~/.config/zed/settings.json"
+write_path.windows = "%APPDATA%/Zed/settings.json"
+
+[modes.acp]
+setup_method = "print_only"
+config_format = "json"
+emitter = "zed_context_servers"
+config_path = "~/.config/zed/settings.json"
+notes = ["Zed speaks ACP natively; SkillRoute attaches as a routing-advisor agent."]

skillroute/_web/assets/index-I0Sgrz_R.css

@@ -0,0 +1 @@
+.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#020712;color:#dbeafe;--bg: #020712;--panel: rgba(7, 19, 31, .86);--panel-strong: rgba(8, 24, 39, .94);--line: rgba(148, 163, 184, .22);--line-strong: rgba(125, 211, 252, .3);--text: #dbeafe;--muted: #8fa2b7;--faint: #526274;--blue: #38bdf8;--orange: #fb923c;--green: #34d399;--red: #f87171;--radius: 8px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 48% 42%,rgba(14,165,233,.18),transparent 31%),radial-gradient(circle at 70% 62%,rgba(251,146,60,.11),transparent 30%),linear-gradient(145deg,#020712,#06101b 52%,#030713);overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:66px 252px minmax(460px,1fr) 360px;grid-template-rows:minmax(0,1fr) 118px;grid-template-areas:"nav left main inspector" "route route route route";height:100vh;min-width:1020px;overflow:hidden;border:1px solid rgba(125,211,252,.16)}.nav-rail{grid-area:nav;display:flex;flex-direction:column;align-items:center;gap:11px;padding:13px 8px;background:#020911ed;border-right:1px solid var(--line)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;color:#7dd3fc;border:1px solid rgba(125,211,252,.2);border-radius:10px;background:radial-gradient(circle at 25% 25%,rgba(125,211,252,.24),transparent 45%),#07111ee6;box-shadow:0 0 28px #38bdf824}.rail-button{display:grid;place-items:center;gap:4px;width:48px;height:58px;border:1px solid transparent;border-radius:8px;background:transparent;color:#98a8b9;cursor:pointer}.rail-button span{font-size:11px;line-height:1}.rail-button.active,.rail-button:hover{color:#e0f2fe;border-color:#7dd3fc57;background:#0f2030cc}.rail-button:disabled{color:#536274;cursor:default;opacity:.62}.rail-button:disabled:hover{border-color:transparent;background:transparent}.rail-spacer{flex:1}.local-first{display:grid;gap:4px;justify-items:center;color:#7b8a9b;font-size:10px}.local-first span{width:6px;height:6px;border-radius:99px;background:var(--green);box-shadow:0 0 12px var(--green)}.left-panel,.inspector{background:linear-gradient(180deg,#071420eb,#040d16f5);border-right:1px solid var(--line);overflow:hidden}.left-panel{grid-area:left;display:flex;flex-direction:column;overflow:auto}.panel-section{padding:13px 16px;border-bottom:1px solid rgba(148,163,184,.12)}.title-section{min-height:55px}.title-section h1{margin:0;color:#f8fafc;font-size:22px;line-height:1.1;letter-spacing:0}.grow{flex:0 0 auto;min-height:0}.section-label,.block-label{color:#9aa8ba;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#aab8c7;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.section-heading button{border:0;background:transparent;color:#9db7cc;font-size:11px;cursor:pointer}.search-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;height:34px;margin-top:12px;padding:0 10px;border:1px solid rgba(125,211,252,.2);border-radius:var(--radius);background:#020b139e;color:#7dd3fc}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#dbeafe;font-size:12px}.search-box kbd{color:#6d7d8f;font-size:10px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);background:#040d17bd;overflow:hidden}.segmented button{height:34px;border:0;border-right:1px solid rgba(148,163,184,.12);background:transparent;color:#8191a4;font-size:11px;cursor:pointer}.segmented button:disabled{color:#5e6c7d;cursor:default}.segmented button:last-child{border-right:0}.segmented button.active{color:#e0f2fe;background:#0ea5e92e;box-shadow:inset 0 0 0 1px #38bdf8b3}.domain-list,.relationship-toggle-list{display:grid;gap:7px}.domain-list{max-height:260px;overflow:auto;padding-right:2px}.toggle-row,.switch-row{display:grid;align-items:center;width:100%;border:0;background:transparent;color:#c2cedd;cursor:pointer}.toggle-row{grid-template-columns:19px 14px 1fr auto;gap:8px;min-height:24px;padding:0;text-align:left}.checkbox{display:grid;place-items:center;width:15px;height:15px;color:#bae6fd;border:1px solid rgba(125,211,252,.35);border-radius:4px;font-size:10px}.checkbox.checked{background:#0ea5e933;border-color:#7dd3fccc}.color-dot{width:12px;height:12px;border-radius:99px}.row-label{min-width:0;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.row-value{color:#a5b4c6;font-size:12px}.switch-row{grid-template-columns:34px 1fr auto;gap:8px;min-height:32px;text-align:left}.switch{position:relative;width:30px;height:18px;border-radius:99px;background:#64748b57}.switch:after{position:absolute;top:3px;left:3px;width:12px;height:12px;content:"";border-radius:99px;background:#8fa2b7;transition:transform .16s ease,background .16s ease}.switch.on{background:#38bdf840}.switch.on:after{background:#38bdf8;transform:translate(12px)}.catalog-card{margin:13px 16px 17px;padding:14px;border:1px solid rgba(125,211,252,.18);border-radius:var(--radius);background:#020b1394}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;color:#aab8c7;font-size:12px}.stat-row span{display:inline-flex;align-items:center;gap:6px;min-width:0}.stat-row i{width:6px;height:6px;border-radius:99px}.stat-row strong{color:#dbeafe;font-weight:600}.stats-footer{margin-top:10px;padding-top:10px;border-top:1px solid rgba(148,163,184,.13);color:#7f91a6;font-size:11px}.map-surface{grid-area:main;display:grid;grid-template-rows:56px minmax(0,1fr);min-width:0;background:radial-gradient(circle at 48% 48%,#0f172a33,#020817f5 58%)}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;overflow:hidden;padding:0 20px 0 26px;border-bottom:1px solid var(--line);background:#02080fa3}.top-bar>div:first-child{min-width:0}.top-title{color:#f8fafc;font-size:15px;font-weight:700}.top-meta{max-width:100%;margin-top:4px;overflow:hidden;color:#7f91a6;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.top-actions{display:flex;flex:0 0 auto;gap:9px;min-width:0}.top-actions button,.layout-chip,.preview-button,.path-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border:1px solid rgba(125,211,252,.2);border-radius:var(--radius);background:#050f1ab8;color:#c8d8e8;cursor:pointer}.layout-chip{padding:0 11px;font-size:12px;cursor:default}.top-actions button{padding:0 11px;font-size:12px}.top-actions button:disabled{cursor:default;opacity:.65}.top-actions button.loading svg{animation:spin .8s linear infinite}.graph-frame{position:relative;min-height:0;overflow:hidden}.react-flow{background:radial-gradient(circle at 50% 52%,rgba(56,189,248,.08),transparent 38%),radial-gradient(circle at 64% 62%,rgba(251,146,60,.09),transparent 32%)}.react-flow__edge-path{filter:drop-shadow(0 0 5px currentColor)}.react-flow__edge-textbg{fill:#050f1ae6}.react-flow__edge-text{fill:#dbeafe;font-size:10px}.skill-node{position:relative;border:1px solid rgba(255,255,255,.45);border-radius:99px;transform:translate(-50%,-50%)}.skill-node.route-hit{display:grid;place-items:center;color:#07111d;font-size:9px;font-weight:800}.skill-node.selected{border-color:#f8fafc;outline:6px solid rgba(251,146,60,.16)}.node-handle{width:2px;height:2px;min-width:2px;min-height:2px;border:0;background:transparent;opacity:0;pointer-events:none}.node-popover{position:absolute;top:-20px;left:24px;min-width:190px;padding:9px 11px;border:1px solid rgba(226,232,240,.25);border-radius:var(--radius);background:#040d17f5;color:#f8fafc;box-shadow:0 18px 44px #00000059;pointer-events:none}.node-popover strong,.node-popover small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-popover small{margin-top:4px;color:#9aa8ba;font-size:11px}.domain-node{display:grid;gap:3px;width:144px;pointer-events:none;text-shadow:0 0 12px currentColor}.domain-node strong{font-size:13px;line-height:1.1}.domain-node span{color:#a8b5c6;font-size:11px;text-shadow:none}.legend{position:absolute;top:12px;right:14px;width:140px;padding:12px;border:1px solid rgba(125,211,252,.18);border-radius:var(--radius);background:#030c15d1;box-shadow:0 18px 50px #00000042}.legend-row{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:7px;min-height:24px;color:#b7c4d3;font-size:11px}.legend-row span{height:2px;border-radius:99px}.legend-row.selected span{border-top:2px dashed #dbeafe}.canvas-help{position:absolute;bottom:12px;left:50%;padding:6px 12px;color:#8fa2b7;border:1px solid rgba(148,163,184,.15);border-radius:var(--radius);background:#020b13c2;font-size:11px;transform:translate(-50%)}.empty-graph-state{position:absolute;top:50%;left:50%;display:grid;gap:5px;width:min(280px,calc(100% - 32px));padding:14px 16px;color:#b8c7d8;border:1px solid rgba(125,211,252,.18);border-radius:var(--radius);background:#020b13d1;box-shadow:0 18px 50px #0000003d;text-align:center;transform:translate(-50%,-50%);pointer-events:none}.empty-graph-state strong{color:#f8fafc;font-size:13px}.empty-graph-state span{color:#8fa2b7;font-size:12px}.mini-map{overflow:hidden;border:1px solid rgba(125,211,252,.2);border-radius:var(--radius);background:#020b13b8}.flow-controls{overflow:hidden;border:1px solid rgba(125,211,252,.2);border-radius:var(--radius);background:#020b13db}.inspector{grid-area:inspector;padding:17px 17px 15px;border-right:0;border-left:1px solid var(--line);overflow:auto}.inspector-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.domain-glyph{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#0f172a80}.inspector h2{max-width:210px;margin:4px 0 0;overflow:hidden;color:#f8fafc;font-size:19px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.count-pill{padding:5px 9px;color:#a9b8c8;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:#0f172a8f;font-size:11px}.inspector-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:17px 0 14px;border-bottom:1px solid rgba(148,163,184,.2)}.inspector-tabs button{height:32px;border:0;background:transparent;color:#8191a4;cursor:pointer;font-size:12px}.inspector-tabs button.active{color:#f8fafc;border-bottom:2px solid #f8fafc}.inspector-block{margin-bottom:10px;padding:13px;border:1px solid rgba(125,211,252,.15);border-radius:var(--radius);background:#020b136b}.density-number{display:flex;align-items:baseline;gap:9px;margin-top:10px;color:#f8fafc;font-size:24px;font-weight:700}.density-number span{color:#8fa2b7;font-size:11px;font-weight:500}.density-meter{height:7px;margin-top:13px;overflow:hidden;border-radius:999px;background:#64748b3d}.density-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#86efac,#fde047,#fb923c,#f87171)}.top-skills{display:grid;gap:5px;margin-top:10px}.top-skill-row{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;min-height:30px;padding:0 6px;border-radius:6px;background:#94a3b80f}.top-skill-row>span{display:grid;place-items:center;width:20px;height:20px;color:#aab8c7;border-radius:5px;background:#94a3b821;font-size:11px}.top-skill-row strong,.reference-row strong,.backend-row strong{min-width:0;overflow:hidden;color:#dbeafe;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mini-dots{display:flex;gap:4px}.mini-dots i{width:6px;height:6px;border-radius:99px}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag-cloud span{max-width:145px;padding:4px 7px;overflow:hidden;color:#aebdd0;border:1px solid rgba(148,163,184,.16);border-radius:6px;background:#94a3b814;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.skill-description,.excerpt{margin:0;color:#cad7e6;font-size:13px;line-height:1.55}.relationship-grid{display:grid;gap:5px}.warning-list{display:grid;gap:8px}.warning-row{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:8px;color:#fbbf24;font-size:11px}.warning-row span{color:#fcd34d}.warning-row strong{min-width:0;overflow:hidden;color:#fde68a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.reference-list{display:grid;gap:7px;margin-top:10px}.reference-row,.backend-row{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:8px;min-height:24px;color:#8999aa;font-size:11px}.backend-row{grid-template-columns:12px auto 1fr;margin-top:10px}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--green);box-shadow:0 0 12px var(--green)}.muted-row{color:#7f91a6;font-size:12px}.route-preview{grid-area:route;display:grid;grid-template-rows:42px 1fr;gap:8px;padding:11px 16px 13px;border-top:1px solid var(--line);background:#040e18f5}.route-toolbar{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}.route-toolbar>div{display:grid;grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:14px;min-width:0}.route-toolbar strong{color:#f8fafc;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.route-toolbar input{width:100%;min-width:0;height:32px;padding:0 11px;color:#dbeafe;border:1px solid rgba(125,211,252,.18);border-radius:var(--radius);outline:0;background:#020b13b3;font-size:12px}.preview-button{min-width:86px;border-color:#fb923c73;color:#fed7aa}.path-toggle{min-width:118px;padding:0 12px;font-size:12px}.path-toggle.on{border-color:#fb923ca6;background:#fb923c26}.route-steps{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;min-height:0}.route-step{position:relative;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid rgba(125,211,252,.17);border-radius:var(--radius);background:#020b1380}.route-step.active{border-color:#fb923cf2;box-shadow:0 0 24px #fb923c29}.route-step>span{display:grid;place-items:center;width:24px;height:24px;color:#dbeafe;border-radius:6px;background:#94a3b824;font-size:12px;font-weight:700}.route-step div{min-width:0}.route-step strong,.route-step small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-step strong{color:#dbeafe;font-size:12px}.route-step small{margin-top:3px;color:#7f91a6;font-size:11px}.status-screen{display:grid;place-content:center;justify-items:center;min-height:100vh;gap:14px;padding:32px;text-align:center;background:var(--bg)}.status-screen h1{margin:0;color:#f8fafc}.status-screen p{max-width:560px;margin:0;color:#93a4b8}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){body{overflow:auto}.app-shell{grid-template-columns:58px minmax(230px,300px) minmax(520px,1fr);grid-template-rows:minmax(560px,1fr) auto auto;grid-template-areas:"nav left main" "nav inspector inspector" "route route route";min-width:0;height:auto;min-height:100vh}.inspector{max-height:none;border-top:1px solid var(--line)}.route-steps{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media(max-width:760px){.app-shell{grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto minmax(520px,70vh) auto auto;grid-template-areas:"nav left" "nav main" "nav inspector" "route route"}.left-panel{max-height:520px;overflow:auto}.domain-list{max-height:170px}.top-bar{align-content:center;align-items:start;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-height:84px;padding:10px 12px}.map-surface{grid-template-rows:auto minmax(0,1fr)}.top-meta{max-width:100%}.top-actions{justify-content:start;width:100%}.top-actions button,.layout-chip{min-height:30px}.legend{display:none}.route-toolbar,.route-toolbar>div{grid-template-columns:1fr}.route-preview{grid-template-rows:auto auto}.preview-button,.path-toggle{width:100%}.route-steps{grid-template-columns:1fr}}