CSS

CSS = '\n    MCPViewerScreen {\n        align: center middle;\n    }\n\n    MCPViewerScreen > Vertical {\n        width: 80;\n        max-width: 90%;\n        height: 80%;\n        background: $surface;\n        border: solid $primary;\n        padding: 1 2;\n    }\n\n    MCPViewerScreen .mcp-viewer-title {\n        text-style: bold;\n        color: $primary;\n        text-align: center;\n        margin-bottom: 1;\n    }\n\n    MCPViewerScreen .mcp-list {\n        height: 1fr;\n        min-height: 5;\n        scrollbar-gutter: stable;\n        background: $background;\n    }\n\n    MCPViewerScreen .mcp-server-header {\n        color: $primary;\n        margin-top: 1;\n    }\n\n    MCPViewerScreen .mcp-list > .mcp-server-header:first-child {\n        margin-top: 0;\n    }\n\n    MCPViewerScreen .mcp-tool-item {\n        height: 1;\n        padding: 0 1;\n    }\n\n    MCPViewerScreen .mcp-tool-item:hover {\n        background: $surface-lighten-1;\n    }\n\n    MCPViewerScreen .mcp-tool-selected {\n        background: $primary;\n        text-style: bold;\n    }\n\n    MCPViewerScreen .mcp-tool-selected:hover {\n        background: $primary-lighten-1;\n    }\n\n    MCPViewerScreen .mcp-empty {\n        color: $text-muted;\n        text-style: italic;\n        text-align: center;\n        margin-top: 2;\n    }\n\n    MCPViewerScreen .mcp-viewer-help {\n        height: 1;\n        color: $text-muted;\n        text-style: italic;\n        margin-top: 1;\n        text-align: center;\n    }\n    '