CSS

CSS = '\n    ModelSelectorScreen {\n        align: center middle;\n    }\n\n    ModelSelectorScreen > 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    ModelSelectorScreen .model-selector-title {\n        text-style: bold;\n        color: $primary;\n        text-align: center;\n        margin-bottom: 1;\n    }\n\n    ModelSelectorScreen #model-filter {\n        margin-bottom: 1;\n        border: solid $primary-lighten-2;\n    }\n\n    ModelSelectorScreen #model-filter:focus {\n        border: solid $primary;\n    }\n\n    ModelSelectorScreen .model-list {\n        height: 1fr;\n        min-height: 5;\n        scrollbar-gutter: stable;\n        background: $background;\n    }\n\n    ModelSelectorScreen #model-options {\n        height: auto;\n    }\n\n    ModelSelectorScreen .model-provider-header {\n        color: $primary;\n        margin-top: 1;\n    }\n\n    ModelSelectorScreen #model-options > .model-provider-header:first-child {\n        margin-top: 0;\n    }\n\n    ModelSelectorScreen .model-option {\n        height: 1;\n        padding: 0 1;\n    }\n\n    ModelSelectorScreen .model-option:hover {\n        background: $surface-lighten-1;\n    }\n\n    ModelSelectorScreen .model-option-selected {\n        background: $primary;\n        text-style: bold;\n    }\n\n    ModelSelectorScreen .model-option-selected:hover {\n        background: $primary-lighten-1;\n    }\n\n    ModelSelectorScreen .model-option-current {\n        text-style: italic;\n    }\n\n    ModelSelectorScreen .model-selector-help {\n        height: 1;\n        color: $text-muted;\n        text-style: italic;\n        margin-top: 1;\n        text-align: center;\n    }\n    '