CSS

CSS = "\n    MCPServerErrorScreen {\n        align: center middle;\n    }\n\n    MCPServerErrorScreen > Vertical {\n        width: 100;\n        max-width: 90%;\n        height: 80%;\n        background: $surface;\n        border: solid $error;\n        padding: 1 2;\n    }\n\n    MCPServerErrorScreen .mcp-error-title {\n        text-style: bold;\n        color: $error;\n        text-align: center;\n        margin-bottom: 1;\n    }\n\n    MCPServerErrorScreen .mcp-error-body {\n        height: 1fr;\n        background: $background;\n        scrollbar-gutter: stable;\n        padding: 0 1;\n    }\n\n    MCPServerErrorScreen .mcp-error-text {\n        color: $text;\n    }\n\n    /* Same treatment as `.mcp-viewer-help`: `height: auto` so the hints\n    wrap instead of truncating on a narrow window, `dock: bottom` so the\n    rows they wrap onto are reserved before `.mcp-error-body` claims the\n    rest — otherwise wrapping pushes the footer past the modal's edge. */\n    MCPServerErrorScreen .mcp-error-help {\n        dock: bottom;\n        height: auto;\n        color: $text-muted;\n        text-style: italic;\n        margin-top: 1;\n        text-align: center;\n    }\n    "