@codingame/monaco-vscode-api 37.2.0 → 37.3.0

package/vscode/src/vs/workbench/contrib/chat/browser/aiCustomization/media/aiCustomizationManagement.css

@@ -0,0 +1,3742 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+/* AI Customization Management Editor */
+.ai-customization-management-editor {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	overflow: hidden;
+}
+
+.plugin-list-widget .plugin-card-section-count {
+	min-width: var(--vscode-spacing-size160);
+	padding: 0 var(--vscode-spacing-size40);
+	border-radius: var(--vscode-cornerRadius-circle);
+	background: var(--vscode-toolbar-hoverBackground);
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-agents-fontSize-label3);
+	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	line-height: 16px;
+	text-align: center;
+	box-sizing: border-box;
+}
+
+/* Inset button focus rings so they aren't clipped by a widget's overflow:hidden edge. !important overrides button.css. */
+.ai-customization-management-editor .monaco-button:focus,
+.ai-customization-list-widget .monaco-button:focus,
+.mcp-list-widget .monaco-button:focus {
+	outline-offset: -1px !important;
+}
+
+/* Sidebar */
+.ai-customization-management-editor .management-sidebar {
+	height: 100%;
+	overflow: hidden;
+}
+
+.ai-customization-management-editor .sidebar-content {
+	height: 100%;
+	padding: 0 12px 4px 4px;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	background: var(--vscode-editor-background);
+}
+
+.ai-customization-management-editor .sidebar-header-row {
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	gap: 4px;
+}
+
+.ai-customization-management-editor .sidebar-home-button {
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	gap: 10px;
+	padding: 5px 8px;
+	border: none;
+	border-radius: 4px;
+	background: transparent;
+	color: var(--vscode-foreground);
+	cursor: pointer;
+	font-size: 12px;
+	font-weight: 400;
+	line-height: 18px;
+	font-family: inherit;
+	transition: background-color 0.1s ease;
+}
+
+.ai-customization-management-editor .sidebar-home-button:hover {
+	background-color: var(--vscode-list-hoverBackground);
+}
+
+.ai-customization-management-editor .sidebar-home-button:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.ai-customization-management-editor .sidebar-home-icon {
+	flex-shrink: 0;
+	font-size: 14px;
+	opacity: 0.85;
+}
+
+.ai-customization-management-editor .sidebar-home-label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.ai-customization-management-editor .sidebar-sections-list {
+	flex: 0 0 auto;
+	overflow: hidden;
+}
+
+.ai-customization-management-editor .sidebar-migration-shortcut {
+	flex-shrink: 0;
+	margin-top: var(--vscode-spacing-size80);
+	padding-top: var(--vscode-spacing-size40);
+}
+
+.ai-customization-management-editor .sidebar-migration-separator {
+	height: var(--vscode-strokeThickness);
+	margin: 0 8px 6px;
+	background-color: var(--vscode-widget-border, var(--vscode-editorWidget-border, transparent));
+}
+
+.ai-customization-management-editor .sidebar-migration-shortcut > button.sidebar-migration-button {
+	all: unset;
+	box-sizing: border-box;
+	display: flex;
+	align-items: center;
+	gap: 10px;
+	width: 100%;
+	padding: 4px 8px;
+	border: none;
+	border-radius: var(--vscode-cornerRadius-small);
+	background: transparent;
+	color: var(--vscode-foreground);
+	cursor: pointer;
+	font-size: 12px;
+	font-weight: 400;
+	line-height: 18px;
+	font-family: inherit;
+	text-align: left;
+}
+
+.ai-customization-management-editor .sidebar-migration-shortcut > button.sidebar-migration-button:hover {
+	background-color: var(--vscode-list-hoverBackground);
+}
+
+.ai-customization-management-editor .sidebar-migration-shortcut > button.sidebar-migration-button.selected {
+	background-color: var(--vscode-list-activeSelectionBackground);
+	color: var(--vscode-list-activeSelectionForeground);
+}
+
+.ai-customization-management-editor .sidebar-migration-shortcut > button.sidebar-migration-button:focus-visible {
+	outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.ai-customization-management-editor .sidebar-migration-icon {
+	flex-shrink: 0;
+	width: 16px;
+	height: 16px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: inherit;
+	opacity: 1;
+}
+
+.ai-customization-management-editor .sidebar-migration-label {
+	flex: 1;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	font-size: 12px;
+	font-weight: 400;
+}
+
+.ai-customization-management-editor .sidebar-migration-count {
+	margin-left: auto;
+	flex-shrink: 0;
+	min-width: 14px;
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-fontSize-label2);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	line-height: 16px;
+	text-align: right;
+}
+
+/* Section list items */
+.ai-customization-management-editor .section-list-item {
+	display: flex;
+	align-items: center;
+	padding: 4px 8px;
+	gap: 10px;
+	cursor: pointer;
+	border-radius: 4px;
+	transition: background-color 0.1s ease, opacity 0.1s ease;
+}
+
+.ai-customization-management-editor .section-list-item:hover {
+	background-color: var(--vscode-list-hoverBackground);
+}
+
+/* Selected section - using list selection */
+.ai-customization-management-editor .monaco-list .monaco-list-row.section-list-item.selected .section-icon {
+	color: inherit;
+	opacity: 1;
+}
+
+.ai-customization-management-editor .monaco-list .monaco-list-row.section-list-item.selected .section-count {
+	color: inherit;
+}
+
+.ai-customization-management-editor .section-icon {
+	flex-shrink: 0;
+	width: 16px;
+	height: 16px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	opacity: 0.85;
+}
+
+.ai-customization-management-editor .section-label {
+	flex: 1;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	font-size: 12px;
+	font-weight: 400;
+}
+
+.ai-customization-management-editor .section-list-item .section-count {
+	flex-shrink: 0;
+	font-size: var(--vscode-fontSize-label2);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	color: var(--vscode-descriptionForeground);
+	border-radius: 8px;
+	min-width: 14px;
+	text-align: right;
+	line-height: 16px;
+}
+
+/* Content area */
+.ai-customization-management-editor .management-content {
+	background-color: var(--vscode-editor-background);
+	height: 100%;
+	overflow: hidden;
+}
+
+.ai-customization-management-editor .content-inner {
+	height: 100%;
+	box-sizing: border-box;
+	padding-right: 16px;
+	padding-bottom: 16px;
+	display: flex;
+	flex-direction: column;
+}
+
+.ai-customization-management-editor .content-inner .welcome-page-host {
+	flex: 1 1 auto;
+	min-height: 0;
+	padding: 40px 40px 16px;
+	background: var(--vscode-agentsPanel-background);
+	border: 1px solid var(--vscode-agentsPanel-border);
+	border-radius: 6px;
+	box-sizing: border-box;
+}
+
+.plugin-list-widget > .section-title-header,
+.plugin-list-widget > .plugin-marketplace-back-container,
+.plugin-list-widget > .list-search-and-button-container,
+.plugin-list-widget > .mcp-list-container,
+.tools-list-widget > .section-title-header,
+.tools-list-widget > .tools-list-search-and-button-container {
+	width: min(100%, 840px);
+	margin-inline: auto;
+	box-sizing: border-box;
+}
+
+.ai-customization-management-editor .contributed-section-container {
+	flex: 1 1 auto;
+	min-height: 0;
+}
+
+.ai-customization-management-editor .section-back-arrow-button {
+	flex-shrink: 0;
+	align-self: flex-start;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 26px;
+	height: 26px;
+	padding: 0;
+	border: none;
+	border-radius: 4px;
+	background: transparent;
+	color: var(--vscode-foreground);
+	cursor: pointer;
+	font-family: inherit;
+	opacity: 0.8;
+	transition: background-color 0.1s ease, opacity 0.1s ease;
+}
+
+.ai-customization-management-editor .section-back-arrow-button:hover {
+	background-color: var(--vscode-toolbar-hoverBackground, var(--vscode-list-hoverBackground));
+	opacity: 1;
+}
+
+.ai-customization-management-editor .section-back-arrow-button:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.ai-customization-management-editor .section-back-arrow-icon {
+	font-size: 14px;
+	opacity: 0.85;
+}
+
+.ai-customization-management-editor .section-back-bar {
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	margin-bottom: 8px;
+}
+
+/* List Widget */
+.ai-customization-list-widget {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	overflow: hidden;
+}
+
+/* Harness dropdown in sidebar */
+.ai-customization-management-editor .sidebar-harness-dropdown {
+	flex: 1;
+	min-width: 0;
+}
+
+.ai-customization-management-editor .harness-dropdown-button {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	width: 100%;
+	padding: 2px 6px;
+	min-height: 26px;
+	border: 1px solid var(--vscode-dropdown-border, var(--vscode-dropdown-background));
+	font-size: 12px;
+	border-radius: var(--vscode-cornerRadius-small);
+	color: var(--vscode-dropdown-foreground);
+	background: var(--vscode-dropdown-background);
+	cursor: pointer;
+	font-family: inherit;
+	text-align: left;
+	-webkit-appearance: none;
+	appearance: none;
+}
+
+.ai-customization-management-editor .harness-dropdown-button:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.ai-customization-management-editor .harness-dropdown-icon {
+	font-size: 14px;
+	flex-shrink: 0;
+	color: inherit;
+}
+
+.ai-customization-management-editor .harness-dropdown-label {
+	flex: 1;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.ai-customization-management-editor .harness-dropdown-chevron {
+	font-size: var(--vscode-codiconFontSize-compact);
+	flex-shrink: 0;
+	opacity: 0.7;
+}
+
+/* Search and button container - consistent with Models view */
+.ai-customization-list-widget .list-search-and-button-container,
+.mcp-list-widget .list-search-and-button-container {
+	display: flex;
+	align-items: center;
+	flex-shrink: 0;
+	padding: var(--vscode-spacing-size160) 0 0;
+	margin-bottom: var(--vscode-spacing-size160);
+}
+
+.ai-customization-list-widget .list-search-and-button-container {
+	gap: var(--vscode-spacing-size80);
+}
+
+.mcp-list-widget .list-search-and-button-container {
+	gap: var(--vscode-spacing-size40);
+}
+
+.plugin-list-widget.browse-mode .list-search-and-button-container {
+	gap: var(--vscode-spacing-sizeNone);
+}
+
+.plugin-list-widget.narrow-layout .list-search-and-button-container {
+	align-items: stretch;
+	flex-wrap: wrap;
+}
+
+.plugin-list-widget.narrow-layout .list-search-container {
+	flex-basis: 100%;
+}
+
+.plugin-list-widget.narrow-layout .list-button-group {
+	width: 100%;
+	flex-wrap: nowrap;
+}
+
+.plugin-list-widget.narrow-layout .list-button-group > .list-add-button-container,
+.plugin-list-widget.narrow-layout .list-button-group > .list-add-button {
+	flex: 1 1 auto;
+	min-width: 0;
+}
+
+.plugin-list-widget.narrow-layout .list-button-group > .list-add-button {
+	width: auto;
+}
+
+.plugin-list-widget.narrow-layout .list-button-group > .list-icon-button {
+	flex: 0 0 var(--vscode-spacing-size280);
+	width: var(--vscode-spacing-size280);
+}
+
+.ai-customization-list-widget .list-search-container,
+.mcp-list-widget .list-search-container {
+	flex: 1;
+}
+
+.ai-customization-list-widget .list-search-container .monaco-inputbox,
+.mcp-list-widget .list-search-container .monaco-inputbox {
+	width: 100%;
+}
+
+.ai-customization-list-widget .list-add-button-container,
+.mcp-list-widget .list-add-button-container {
+	flex-shrink: 0;
+}
+
+.ai-customization-list-widget .list-add-button,
+.mcp-list-widget .list-add-button {
+	white-space: nowrap;
+}
+
+.ai-customization-list-widget .list-add-button .monaco-button-dropdown .monaco-button:first-child {
+	flex: 1;
+}
+
+.ai-customization-list-widget .list-container {
+	flex: 1;
+	min-height: 0;
+	overflow: hidden;
+}
+
+.ai-customization-list-widget .list-empty-message {
+	padding: 12px;
+	text-align: center;
+	color: var(--vscode-descriptionForeground);
+	font-style: italic;
+}
+
+/* Empty state - engaging design */
+.ai-customization-list-widget .list-empty-state,
+.ai-customization-management-editor .tools-list-widget .list-empty-state {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 48px 24px;
+	gap: 8px;
+	text-align: center;
+	flex: 1;
+}
+
+.ai-customization-list-widget .list-empty-state .empty-state-text,
+.ai-customization-management-editor .tools-list-widget .list-empty-state .empty-state-text {
+	font-size: 16px;
+	font-weight: var(--vscode-fontWeight-semiBold);
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-list-widget .list-empty-state .empty-state-subtext,
+.ai-customization-management-editor .tools-list-widget .list-empty-state .empty-state-subtext {
+	font-size: var(--vscode-fontSize-body1);
+	color: var(--vscode-descriptionForeground);
+	max-width: 250px;
+	line-height: 1.4;
+}
+
+.ai-customization-list-widget .list-empty-state .empty-state-button {
+	margin-top: 16px;
+}
+
+/* Sessions empty state */
+.agent-sessions-workbench .ai-customization-list-widget .list-empty-state .empty-state-header {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: 6px;
+}
+
+.agent-sessions-workbench .ai-customization-list-widget .list-empty-state .empty-state-header > .empty-state-icon {
+	font-size: 16px;
+	margin-bottom: 0;
+	flex-shrink: 0;
+}
+
+/* Group header styling */
+.ai-customization-group-header {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	padding: 4px 8px;
+	cursor: pointer;
+	-webkit-user-select: none;
+	user-select: none;
+	border-radius: 4px;
+}
+
+/* Spacing above non-first group headers */
+/* .ai-customization-group-header.has-previous-group {
+	margin-top: 8px;
+} */
+
+.ai-customization-group-header:hover {
+	background-color: var(--vscode-list-hoverBackground);
+}
+
+.ai-customization-group-header .group-chevron {
+	flex-shrink: 0;
+	width: 16px;
+	height: 16px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: var(--vscode-codiconFontSize-compact);
+	opacity: 0.7;
+	order: 10;
+	margin-left: auto;
+}
+
+.ai-customization-group-header .group-icon {
+	display: none;
+}
+
+.ai-customization-group-header .group-label-group {
+	display: flex;
+	align-items: center;
+	gap: 4px;
+	overflow: hidden;
+	min-width: 0;
+}
+
+/* No text-transform: these labels are localized strings that are already cased correctly, and
+per-word capitalization does not survive translation. */
+.ai-customization-group-header .group-label {
+	font-weight: var(--vscode-fontWeight-semiBold);
+	color: var(--vscode-sideBarSectionHeader-foreground, var(--vscode-foreground));
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.ai-customization-group-header .group-count {
+	flex-shrink: 0;
+	font-size: var(--vscode-fontSize-label2);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	color: var(--vscode-descriptionForeground);
+	text-align: right;
+	margin-top: 2px;
+}
+
+.ai-customization-group-header .group-info {
+	flex-shrink: 0;
+	width: 16px;
+	height: 16px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 14px;
+	opacity: 0;
+	color: var(--vscode-descriptionForeground);
+	transition: opacity 0.1s ease;
+}
+
+.ai-customization-group-header:hover .group-info {
+	opacity: 0.7;
+}
+
+.ai-customization-group-header .group-info:hover {
+	opacity: 1;
+}
+
+/* List item styling */
+.ai-customization-list-item {
+	display: flex;
+	align-items: center;
+	padding: 6px 12px 6px 16px;
+	cursor: pointer;
+	border-radius: 4px;
+	min-height: 32px;
+}
+
+.ai-customization-list-item:hover {
+	background-color: var(--vscode-list-hoverBackground);
+}
+
+.ai-customization-list-item.disabled {
+	opacity: 0.5;
+}
+
+.ai-customization-list-item .item-left {
+	display: flex;
+	align-items: center;
+	flex: 1;
+	overflow: hidden;
+	gap: 10px;
+	min-width: 0;
+}
+
+.ai-customization-list-item .storage-badge {
+	flex-shrink: 0;
+	width: 16px;
+	height: 16px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	opacity: 0.7;
+}
+
+.ai-customization-list-item:hover .storage-badge {
+	opacity: 1;
+}
+
+.ai-customization-list-item .git-status-badge {
+	flex-shrink: 0;
+	font-size: 10px;
+	font-weight: 600;
+	width: 16px;
+	height: 16px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border-radius: 3px;
+	margin-right: 4px;
+	opacity: 1;
+}
+
+.ai-customization-list-item .git-status-badge.committed {
+	color: var(--vscode-charts-green, #89d185);
+	opacity: 0.6;
+}
+
+/* Shared inline badge style — used by MCP "Bridged" badge and item badges */
+.inline-badge {
+	flex-shrink: 0;
+	font-size: var(--vscode-fontSize-label3);
+	padding: 0 4px;
+	border-radius: 3px;
+	color: var(--vscode-descriptionForeground);
+	background: var(--vscode-toolbar-hoverBackground, rgba(90, 93, 94, 0.31));
+	white-space: nowrap;
+	line-height: 16px;
+}
+
+/* Status icon for remote customization items (loading/loaded/degraded/error) */
+.ai-customization-list-item .item-status-icon {
+	flex-shrink: 0;
+	width: 16px;
+	height: 16px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 14px;
+}
+
+/* Sync checkbox for local items in remote agent harness view */
+.ai-customization-list-item .item-sync-checkbox {
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	margin-right: 4px;
+}
+
+/* MCP bridged badge — shown inline next to the server name */
+.mcp-server-item .mcp-server-name-row {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+}
+
+.ai-customization-list-item .item-type-icon {
+	display: none;
+}
+
+.ai-customization-list-item .item-text {
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+	flex: 1;
+	min-width: 0;
+}
+
+.ai-customization-list-item .item-name-row {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	overflow: hidden;
+}
+
+.ai-customization-list-item .item-name {
+	font-size: var(--vscode-fontSize-body1);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	line-height: 18px;
+}
+
+.ai-customization-list-item .item-description {
+	font-size: var(--vscode-fontSize-body2);
+	color: var(--vscode-descriptionForeground);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	line-height: 14px;
+}
+
+.ai-customization-list-item .item-description.is-filename {
+	font-family: monospace;
+	font-size: var(--vscode-fontSize-label3);
+	opacity: 0.7;
+}
+
+.ai-customization-list-item .item-right {
+	display: flex;
+	align-items: center;
+	flex-shrink: 0;
+	margin-left: 16px;
+	gap: 4px;
+	opacity: 0;
+	transition: opacity 0.1s ease;
+}
+
+.ai-customization-list-item:hover .item-right,
+.ai-customization-list-item:focus-within .item-right,
+.monaco-list-row.focused .ai-customization-list-item .item-right {
+	opacity: 1;
+}
+
+/* Highlighted matches */
+.ai-customization-list-item .highlight {
+	font-weight: bold;
+	color: var(--vscode-list-highlightForeground);
+}
+
+/* Section title header at top of list widget (shared by all list widgets) */
+.ai-customization-list-widget .section-title-header,
+.mcp-list-widget .section-title-header,
+.ai-customization-management-editor .tools-list-widget .section-title-header {
+	flex-shrink: 0;
+	padding: 0;
+}
+
+.ai-customization-list-widget .section-title-header .section-title-row,
+.mcp-list-widget .section-title-header .section-title-row,
+.ai-customization-management-editor .tools-list-widget .section-title-header .section-title-row {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	margin: 0 0 6px 0;
+}
+
+.ai-customization-list-widget .section-title-header .section-title-back-slot,
+.mcp-list-widget .section-title-header .section-title-back-slot {
+	display: flex;
+	align-items: center;
+}
+
+.ai-customization-list-widget .section-title-header .section-title-back-slot:empty,
+.mcp-list-widget .section-title-header .section-title-back-slot:empty {
+	display: none;
+}
+
+.ai-customization-list-widget .section-title-header .section-title,
+.mcp-list-widget .section-title-header .section-title,
+.ai-customization-management-editor .tools-list-widget .section-title-header .section-title {
+	font-size: var(--vscode-fontSize-heading2);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	margin: 0;
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-list-widget .section-title-header .section-title-description,
+.mcp-list-widget .section-title-header .section-title-description,
+.ai-customization-management-editor .tools-list-widget .section-title-header .section-title-description {
+	font-size: var(--vscode-fontSize-body1);
+	line-height: 1.45;
+	color: var(--vscode-descriptionForeground);
+	margin: 0 0 8px 0;
+}
+
+.ai-customization-list-widget .section-title-header .section-title-link,
+.mcp-list-widget .section-title-header .section-title-link,
+.ai-customization-management-editor .tools-list-widget .section-title-header .section-title-link {
+	font-size: var(--vscode-fontSize-body1);
+	/* Match the description's line-height so the link's inline-flex line-box */
+	/* does not change the total header height between sections. */
+	line-height: 1.45;
+	color: var(--vscode-textLink-foreground);
+	text-decoration: none;
+	cursor: pointer;
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+}
+
+.ai-customization-list-widget .section-title-header .section-title-link:hover,
+.mcp-list-widget .section-title-header .section-title-link:hover,
+.ai-customization-management-editor .tools-list-widget .section-title-header .section-title-link:hover {
+	text-decoration: underline;
+}
+
+/* Inset the focus ring so it isn't clipped by the widget's overflow:hidden at the header's edge. */
+.ai-customization-list-widget .section-title-header .section-title-link:focus-visible,
+.mcp-list-widget .section-title-header .section-title-link:focus-visible,
+.ai-customization-management-editor .tools-list-widget .section-title-header .section-title-link:focus-visible {
+	outline-offset: -1px;
+}
+
+/* Section footer at bottom of list widget */
+.ai-customization-list-widget .section-footer {
+	flex-shrink: 0;
+	padding: 12px 4px 6px 4px;
+	border-top: 1px solid var(--vscode-widget-border);
+}
+
+.ai-customization-list-widget .section-footer .section-footer-description {
+	font-size: var(--vscode-fontSize-body1);
+	color: var(--vscode-descriptionForeground);
+	margin: 0 0 8px 0;
+}
+
+.ai-customization-list-widget .section-footer .section-footer-link {
+	font-size: var(--vscode-fontSize-body1);
+	color: var(--vscode-textLink-foreground);
+	text-decoration: none;
+	cursor: pointer;
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+}
+
+.ai-customization-list-widget .section-footer .section-footer-link:hover {
+	text-decoration: underline;
+	color: var(--vscode-textLink-activeForeground);
+}
+
+/* Overview View (compact snapshot) */
+.ai-customization-overview {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	padding: 8px;
+}
+
+.ai-customization-overview .overview-sections {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 8px;
+}
+
+
+.ai-customization-overview .overview-section {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	padding: 10px 12px;
+	background-color: var(--vscode-sideBar-background);
+	border: 1px solid var(--vscode-widget-border);
+	border-radius: 6px;
+	cursor: pointer;
+	transition: background-color 0.1s ease;
+	flex: 1 1 120px;
+	min-width: 100px;
+}
+
+.ai-customization-overview .overview-section:hover {
+	background-color: var(--vscode-list-hoverBackground);
+	border-color: var(--vscode-focusBorder);
+}
+
+.ai-customization-overview .overview-section:focus {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.ai-customization-overview .overview-section .section-icon {
+	flex-shrink: 0;
+	width: 16px;
+	height: 16px;
+	opacity: 0.9;
+}
+
+.ai-customization-overview .overview-section .section-text {
+	flex: 1;
+	min-width: 0;
+}
+
+.ai-customization-overview .overview-section .section-label {
+	font-size: var(--vscode-fontSize-label1);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	color: var(--vscode-foreground);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+
+
+.ai-customization-overview .overview-section .section-count {
+	flex-shrink: 0;
+	font-size: 9px;
+	font-weight: var(--vscode-fontWeight-semiBold);
+	padding: 1px 5px;
+	background-color: var(--vscode-list-inactiveSelectionBackground);
+	color: var(--vscode-list-inactiveSelectionForeground, var(--vscode-foreground));
+	border-radius: 8px;
+	min-width: 14px;
+	text-align: center;
+}
+
+/* Content container visibility */
+.ai-customization-management-editor .prompts-content-container,
+.ai-customization-management-editor .prompt-migration-content-container,
+.ai-customization-management-editor .mcp-content-container,
+.ai-customization-management-editor .plugin-content-container,
+.ai-customization-management-editor .models-content-container,
+.ai-customization-management-editor .tools-content-container {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	padding-block: var(--vscode-spacing-size400) var(--vscode-spacing-size160);
+	padding-inline: var(--vscode-spacing-size400);
+	background: var(--vscode-agentsPanel-background);
+	border: 1px solid var(--vscode-agentsPanel-border);
+	border-radius: 6px;
+	overflow: hidden;
+	box-sizing: border-box;
+}
+
+.ai-customization-management-editor .prompts-content-container,
+.ai-customization-management-editor .prompt-migration-content-container,
+.ai-customization-management-editor .tools-content-container {
+	padding-inline: var(--vscode-spacing-sizeNone);
+}
+
+/* The scroll hosts reach the pane edge while their content retains the panel inset. */
+.ai-customization-management-editor .prompts-content-container > .ai-customization-list-widget.plugin-list-widget > .section-title-header,
+.ai-customization-management-editor .prompts-content-container > .ai-customization-list-widget.plugin-list-widget > .list-search-and-button-container,
+.ai-customization-management-editor .prompts-content-container > .ai-customization-list-widget.plugin-list-widget .plugin-card-scroll,
+.ai-customization-management-editor .prompt-migration-content-container > .section-title-header,
+.ai-customization-management-editor .prompt-migration-content-container > .customization-migration-banner,
+.ai-customization-management-editor .prompt-migration-content-container > .prompt-migration-footer,
+.ai-customization-management-editor .prompt-migration-list,
+.ai-customization-management-editor .tools-content-container > .tools-list-widget > .section-title-header,
+.ai-customization-management-editor .tools-content-container > .tools-list-widget > .tools-list-search-and-button-container,
+.ai-customization-management-editor .tools-list-tree {
+	width: min(calc(100% - var(--vscode-spacing-size400) - var(--vscode-spacing-size400)), 840px);
+	margin-inline: auto;
+}
+
+.ai-customization-management-editor .tools-content-container > .tools-list-widget > .tools-gallery-container {
+	width: min(calc(100% - var(--vscode-spacing-size400) - var(--vscode-spacing-size400) - var(--vscode-spacing-size40)), 840px);
+	margin-inline: auto;
+	box-sizing: border-box;
+}
+
+.ai-customization-management-editor .prompts-content-container > .ai-customization-list-widget.plugin-list-widget > .plugin-card-scrollable {
+	max-width: none;
+}
+
+.ai-customization-management-editor .prompt-migration-list-scrollable {
+	position: relative;
+	flex: 1;
+	min-height: 0;
+	width: 100%;
+}
+
+.ai-customization-management-editor .prompt-migration-list-scrollable > .prompt-migration-scroll-container {
+	position: absolute;
+	inset: 0;
+	overflow: hidden;
+}
+
+.ai-customization-management-editor .prompt-migration-footer {
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--vscode-spacing-size80);
+	padding-top: var(--vscode-spacing-size120);
+	border-top: var(--vscode-strokeThickness) solid var(--vscode-widget-border);
+}
+
+.ai-customization-management-editor .prompt-migration-selected-count {
+	font-size: var(--vscode-agents-fontSize-body2);
+	color: var(--vscode-descriptionForeground);
+}
+
+.ai-customization-management-editor .prompt-migration-settings-item {
+	display: flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size80);
+	min-height: 56px;
+	padding: var(--vscode-spacing-size80) var(--vscode-spacing-size120);
+	box-sizing: border-box;
+}
+
+.ai-customization-management-editor .prompt-migration-settings-item-text {
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size20);
+	min-width: 0;
+	cursor: pointer;
+}
+
+.ai-customization-management-editor .prompt-migration-settings-item-label {
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-management-editor .prompt-migration-settings-item-description {
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-agents-fontSize-body2);
+}
+
+.ai-customization-management-editor .prompt-migration-settings-item.disabled .prompt-migration-settings-item-text {
+	cursor: default;
+	opacity: 0.6;
+}
+
+.ai-customization-management-editor .prompt-migration-state {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	gap: var(--vscode-spacing-size60);
+	margin-top: var(--vscode-spacing-size120);
+	border: var(--vscode-strokeThickness) solid var(--vscode-widget-border);
+	border-radius: var(--vscode-cornerRadius-medium);
+}
+
+.ai-customization-management-editor .prompt-migration-state-title {
+	color: var(--vscode-foreground);
+	font-size: var(--vscode-agents-fontSize-body1);
+	font-weight: var(--vscode-agents-fontWeight-semiBold);
+}
+
+.ai-customization-management-editor .prompt-migration-state-description {
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-agents-fontSize-body2);
+}
+
+.ai-customization-management-editor .prompt-migration-state .monaco-button {
+	width: auto;
+	margin-top: var(--vscode-spacing-size40);
+}
+
+.ai-customization-management-editor .prompt-migration-footer .monaco-button {
+	width: auto;
+}
+
+.ai-customization-management-editor .prompt-migration-content-container .section-title-header {
+	margin-bottom: var(--vscode-spacing-size80);
+}
+
+.ai-customization-management-editor .prompt-migration-content-container .section-title-header .section-title-row {
+	margin-bottom: 0;
+}
+
+.ai-customization-management-editor .customization-migration-banner {
+	flex-shrink: 0;
+	margin: 0 0 var(--vscode-spacing-size240);
+	padding: 0;
+	background: transparent;
+	border: 0;
+	box-sizing: border-box;
+}
+
+.ai-customization-management-editor .customization-migration-banner-content {
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size80);
+	min-width: 0;
+}
+
+.ai-customization-management-editor .customization-migration-banner-title {
+	margin: 0;
+	font-size: var(--vscode-fontSize-body1);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-management-editor .customization-migration-banner-message {
+	margin: 0;
+	font-size: var(--vscode-fontSize-body1);
+	line-height: 1.45;
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-management-editor .customization-migration-banner-message.rendered-markdown p {
+	margin: 0;
+}
+
+.ai-customization-management-editor .customization-migration-banner-message.rendered-markdown a {
+	color: var(--vscode-textLink-foreground);
+}
+
+.ai-customization-management-editor .customization-migration-banner-message.rendered-markdown a:hover,
+.ai-customization-management-editor .customization-migration-banner-message.rendered-markdown a:active {
+	color: var(--vscode-textLink-activeForeground);
+}
+
+.ai-customization-management-editor .customization-migration-banner-consequence {
+	margin: 0;
+	font-size: var(--vscode-fontSize-body2);
+	line-height: 1.45;
+	color: var(--vscode-descriptionForeground);
+}
+
+.ai-customization-management-editor .migration-learn-more-link {
+	align-self: flex-start;
+	margin-top: 0;
+}
+
+.ai-customization-management-editor .customization-migration-banner .section-title-link {
+	color: var(--vscode-textLink-foreground);
+	text-decoration: none;
+	cursor: pointer;
+}
+
+.ai-customization-management-editor .customization-migration-banner .section-title-link:hover,
+.ai-customization-management-editor .customization-migration-banner .section-title-link:active {
+	color: var(--vscode-textLink-activeForeground);
+	text-decoration: underline;
+}
+
+.ai-customization-management-editor .customization-migration-page-destinations {
+	margin-top: var(--vscode-spacing-size120);
+}
+
+.ai-customization-management-editor .prompt-migration-list {
+	height: 100%;
+	min-height: 0;
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+	gap: var(--vscode-spacing-size100);
+	padding: 0;
+	box-sizing: border-box;
+}
+
+.ai-customization-management-editor .prompt-migration-group {
+	display: flex;
+	flex-direction: column;
+	margin: 0;
+}
+
+.ai-customization-management-editor .prompt-migration-group-header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--vscode-spacing-size120);
+	margin-bottom: var(--vscode-spacing-size80);
+	padding: 0;
+	background: transparent;
+}
+
+.ai-customization-management-editor .prompt-migration-group-heading {
+	display: flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size60);
+	min-width: 0;
+}
+
+.ai-customization-management-editor .customization-section-toggle {
+	flex: 0 0 auto;
+	width: var(--vscode-spacing-size160);
+	height: var(--vscode-spacing-size160);
+	padding: 0;
+	border: 0;
+	border-radius: var(--vscode-cornerRadius-small);
+	background: transparent;
+	color: var(--vscode-icon-foreground);
+	line-height: var(--vscode-spacing-size160);
+	cursor: pointer;
+}
+
+.ai-customization-management-editor .customization-section-toggle:hover {
+	background: var(--vscode-toolbar-hoverBackground);
+}
+
+.ai-customization-management-editor .customization-section-toggle:focus-visible {
+	outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
+	outline-offset: calc(-1 * var(--vscode-strokeThickness));
+}
+
+.ai-customization-management-editor .distributed-section-layout.virtualized-section-layout-overflow {
+	padding-right: var(--vscode-spacing-size100);
+}
+
+.vscode-high-contrast .ai-customization-management-editor .customization-section-toggle:focus-visible {
+	outline-color: var(--vscode-contrastActiveBorder);
+}
+
+.ai-customization-management-editor .prompt-migration-group-title {
+	margin: 0;
+	font-size: var(--vscode-agents-fontSize-heading3);
+	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-management-editor .prompt-migration-group-count {
+	font-size: var(--vscode-agents-fontSize-label2);
+	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	color: var(--vscode-descriptionForeground);
+}
+
+.ai-customization-management-editor .prompt-migration-group-controls {
+	display: flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size40);
+	flex: 0 0 auto;
+}
+
+.ai-customization-management-editor .prompt-migration-group-controls .monaco-checkbox {
+	margin-right: 0;
+}
+
+.ai-customization-management-editor .prompt-migration-select-all-label {
+	padding-inline-end: var(--vscode-spacing-size20);
+	font-size: var(--vscode-agents-fontSize-body2);
+	color: var(--vscode-descriptionForeground);
+	cursor: pointer;
+}
+
+.ai-customization-management-editor .prompt-migration-group-checkbox {
+	margin: 0;
+}
+
+.ai-customization-management-editor .prompt-migration-group-items {
+	display: flex;
+	flex-direction: column;
+	border: var(--vscode-strokeThickness) solid var(--vscode-widget-border);
+	border-radius: var(--vscode-cornerRadius-medium);
+	overflow: hidden;
+}
+
+.ai-customization-management-editor .prompt-migration-group-items.virtualized-section-list {
+	display: block;
+}
+
+.ai-customization-management-editor .prompt-migration-group-items.virtualized-section-list .monaco-list-row {
+	box-sizing: border-box;
+}
+
+.ai-customization-management-editor .prompt-migration-group-empty {
+	padding: var(--vscode-spacing-size160);
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-agents-fontSize-body2);
+	line-height: 16px;
+}
+
+.ai-customization-management-editor .prompt-migration-item {
+	gap: 8px;
+	cursor: default;
+	min-height: 56px;
+	padding: var(--vscode-spacing-size80) var(--vscode-spacing-size120);
+	border-radius: 0;
+	box-sizing: border-box;
+}
+
+.ai-customization-management-editor .prompt-migration-group-items.virtualized-section-list .monaco-list-row:not(:first-child) {
+	box-shadow: inset 0 var(--vscode-strokeThickness) var(--vscode-widget-border);
+}
+
+.ai-customization-management-editor .prompt-migration-checkbox {
+	flex-shrink: 0;
+	margin: 0;
+}
+
+.ai-customization-management-editor .prompt-migration-item-name {
+	color: inherit;
+}
+
+.ai-customization-management-editor .prompt-migration-item .item-left {
+	gap: 8px;
+}
+
+.ai-customization-management-editor .prompt-migration-open-button.monaco-text-button {
+	flex: 1;
+	flex-direction: column;
+	align-items: stretch;
+	justify-content: center;
+	min-width: 0;
+	width: 100%;
+	padding: 0;
+	border: none;
+	background: transparent;
+	color: inherit;
+	font: inherit;
+	text-align: left;
+	cursor: pointer;
+	border-radius: var(--vscode-cornerRadius-small);
+}
+
+.ai-customization-management-editor .prompt-migration-item .icon-button {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 24px;
+	height: 24px;
+	padding: 0;
+	border: none;
+	border-radius: var(--vscode-cornerRadius-small);
+	background: transparent;
+	color: var(--vscode-icon-foreground);
+	cursor: pointer;
+	font-size: 16px;
+}
+
+.ai-customization-management-editor .prompt-migration-more-action {
+	color: var(--vscode-descriptionForeground);
+}
+
+.ai-customization-management-editor .prompt-migration-item .icon-button:hover {
+	background-color: var(--vscode-toolbar-hoverBackground);
+}
+
+.ai-customization-management-editor .prompt-migration-item .icon-button:focus {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.ai-customization-management-editor .prompt-migration-empty {
+	margin: 0;
+	padding: 8px 12px;
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-fontSize-body2);
+}
+
+.ai-customization-management-editor .prompt-migration-button {
+	min-width: 96px;
+}
+
+/* Tools section list widget */
+.ai-customization-management-editor .tools-list-widget {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+	overflow: hidden;
+}
+
+.ai-customization-management-editor .tools-list-search-and-button-container {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	flex: none;
+}
+
+.ai-customization-management-editor .tools-list-search-container {
+	flex: 1;
+}
+
+.ai-customization-management-editor .tools-list-search-container .monaco-inputbox {
+	width: 100%;
+}
+
+.ai-customization-management-editor .tools-list-browse-button-container {
+	flex-shrink: 0;
+}
+
+.ai-customization-management-editor .tools-list-browse-button-container .monaco-button {
+	white-space: nowrap;
+}
+
+/* Marketplace browse (gallery) list */
+.ai-customization-management-editor .tools-gallery-container {
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+	min-height: 0;
+}
+
+.ai-customization-management-editor .tools-gallery-list {
+	flex: 1;
+	min-height: 0;
+}
+
+/* Shared gallery row used by the tools, MCP server and plugin marketplace lists. See galleryItemRenderer.ts */
+.ai-customization-management-editor .gallery-item {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	padding: 8px 12px;
+	box-sizing: border-box;
+	border-radius: 4px;
+	cursor: default;
+}
+
+.ai-customization-management-editor .gallery-item:hover {
+	background-color: var(--vscode-list-hoverBackground);
+}
+
+.ai-customization-management-editor .gallery-item-details {
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+	min-width: 0;
+	overflow: hidden;
+}
+
+.ai-customization-management-editor .gallery-item-name {
+	font-size: var(--vscode-fontSize-body1);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	line-height: 18px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.ai-customization-management-editor .gallery-item-description,
+.ai-customization-management-editor .gallery-item-publisher {
+	font-size: var(--vscode-fontSize-body2);
+	color: var(--vscode-descriptionForeground);
+	line-height: 16px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.ai-customization-management-editor .gallery-item-action {
+	flex-shrink: 0;
+}
+
+.ai-customization-management-editor .gallery-item-action .monaco-button {
+	white-space: nowrap;
+	font-size: var(--vscode-fontSize-body2);
+	padding: 2px 10px;
+}
+
+.ai-customization-management-editor .gallery-item-action .monaco-button:focus-visible {
+	outline-offset: -1px;
+}
+
+/* DomScrollableElement wrapper around the tool tree; takes remaining height for the overlay scrollbar. */
+.ai-customization-management-editor .tools-list-tree-scrollable {
+	position: relative;
+	flex: 1;
+	min-height: 0;
+	width: 100%;
+}
+
+.ai-customization-management-editor .tools-list-tree-scrollable > .tools-list-scroll-container {
+	position: absolute;
+	inset: 0;
+	overflow: hidden;
+}
+
+.ai-customization-management-editor .tools-list-tree {
+	height: 100%;
+	min-height: 0;
+	overflow: hidden;
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size100);
+	padding: 0 0 var(--vscode-spacing-size200);
+	box-sizing: border-box;
+}
+
+.ai-customization-management-editor .tools-inventory-section {
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size100);
+}
+
+.ai-customization-management-editor .tools-inventory-section-header {
+	display: flex;
+	align-items: flex-end;
+	gap: var(--vscode-spacing-size80);
+	min-width: 0;
+}
+
+.ai-customization-management-editor .tools-inventory-section-text {
+	flex: 1;
+	min-width: 0;
+}
+
+.ai-customization-management-editor .tools-inventory-section-heading-row {
+	display: flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size60);
+}
+
+.ai-customization-management-editor .tools-inventory-section-title,
+.ai-customization-management-editor .tools-marketplace-title {
+	margin: 0;
+	font-size: var(--vscode-agents-fontSize-heading3);
+	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-management-editor .tools-inventory-section-count {
+	min-width: var(--vscode-spacing-size160);
+	padding: 0 var(--vscode-spacing-size40);
+	border-radius: var(--vscode-cornerRadius-circle);
+	background: var(--vscode-toolbar-hoverBackground);
+	font-size: var(--vscode-agents-fontSize-label3);
+	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	color: var(--vscode-descriptionForeground);
+	line-height: 16px;
+	text-align: center;
+	box-sizing: border-box;
+}
+
+.ai-customization-management-editor .tools-inventory-section-description,
+.ai-customization-management-editor .tools-marketplace-description {
+	margin: var(--vscode-spacing-size20) 0 0;
+	font-size: var(--vscode-agents-fontSize-body2);
+	line-height: 16px;
+	color: var(--vscode-descriptionForeground);
+}
+
+.ai-customization-management-editor .tools-inventory-section-actions {
+	flex-shrink: 0;
+}
+
+.ai-customization-management-editor .tools-inventory-section-actions .monaco-button {
+	width: auto;
+}
+
+.ai-customization-management-editor .tools-list-widget.narrow-layout .tools-inventory-section-header {
+	align-items: stretch;
+	flex-wrap: wrap;
+}
+
+.ai-customization-management-editor .tools-list-widget.narrow-layout .tools-inventory-section-actions {
+	width: 100%;
+}
+
+.ai-customization-management-editor .tools-list-widget.narrow-layout .tools-inventory-section-actions .monaco-button {
+	width: 100%;
+}
+
+.ai-customization-management-editor .tools-list-widget.narrow-layout .tools-list-toolrow {
+	padding-inline-start: var(--vscode-spacing-size240);
+}
+
+.ai-customization-management-editor .tools-inventory-list {
+	display: flex;
+	flex-direction: column;
+	border: var(--vscode-strokeThickness) solid var(--vscode-widget-border);
+	border-radius: var(--vscode-cornerRadius-medium);
+	overflow: hidden;
+}
+
+.ai-customization-management-editor .tools-inventory-list .plugin-inventory-empty {
+	padding: var(--vscode-spacing-size160);
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-agents-fontSize-body2);
+	line-height: 16px;
+}
+
+.ai-customization-management-editor .tools-marketplace-header {
+	flex-shrink: 0;
+	margin-bottom: var(--vscode-spacing-size120);
+}
+
+/* Top-level tool-set row */
+.ai-customization-management-editor .tools-list-setrow {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	padding: var(--vscode-spacing-size80) var(--vscode-spacing-size120);
+	border-radius: 0;
+	outline-offset: -1px;
+}
+
+.ai-customization-management-editor .tools-list-setrow:hover,
+.ai-customization-management-editor .tools-list-toolrow:hover {
+	background: var(--vscode-list-hoverBackground);
+}
+
+/* A row-to-row divider between every adjacent row (set-to-set, set-to-tool, tool-to-tool, tool-to-set). */
+.ai-customization-management-editor .tools-inventory-list .monaco-list-row:not(:first-child) {
+	box-shadow: inset 0 var(--vscode-strokeThickness) var(--vscode-widget-border);
+}
+
+.ai-customization-management-editor .tools-list-chevron {
+	flex: none;
+	width: 16px;
+	height: 16px;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	font-size: var(--vscode-codiconFontSize-compact);
+	color: var(--vscode-foreground);
+	opacity: 0.7;
+	cursor: pointer;
+	margin-left: auto;
+}
+
+/* Tool row: visually indented under its tool set via its own `padding-inline-start` (no DOM nesting). */
+.ai-customization-management-editor .tools-list-toolrow {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	padding: var(--vscode-spacing-size60) var(--vscode-spacing-size120) var(--vscode-spacing-size60) var(--vscode-spacing-size400);
+	border-radius: 0;
+	cursor: pointer;
+	outline-offset: -1px;
+}
+
+.ai-customization-management-editor .tools-list-more-action {
+	flex: 0 0 auto;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: var(--vscode-spacing-size240);
+	height: var(--vscode-spacing-size240);
+	padding: 0;
+	border: none;
+	border-radius: var(--vscode-cornerRadius-small);
+	background: transparent;
+	color: var(--vscode-descriptionForeground);
+	cursor: pointer;
+}
+
+.ai-customization-management-editor .tools-list-more-action:hover {
+	background: var(--vscode-toolbar-hoverBackground);
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-management-editor .tools-list-more-action:focus-visible {
+	outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.ai-customization-management-editor .tools-list-always-available {
+	flex: 0 0 auto;
+	font-size: var(--vscode-agents-fontSize-label2);
+	color: var(--vscode-descriptionForeground);
+}
+
+.ai-customization-management-editor .tools-list-toolrow.readonly {
+	cursor: default;
+}
+
+.ai-customization-management-editor .tools-list-row-main {
+	display: flex;
+	align-items: flex-start;
+	gap: 8px;
+	flex: 1;
+	min-width: 0;
+	cursor: pointer;
+}
+
+.ai-customization-management-editor .tools-list-row-text {
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+	min-width: 0;
+}
+
+.ai-customization-management-editor .tools-list-row-label {
+	font-size: var(--vscode-fontSize-body1);
+	line-height: 18px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.ai-customization-management-editor .tools-list-setrow .tools-list-row-label {
+	font-weight: var(--vscode-fontWeight-semiBold);
+}
+
+/* Search match highlighting in tool set / tool names */
+.ai-customization-management-editor .tools-list-row-label .highlight {
+	font-weight: var(--vscode-fontWeight-semiBold);
+	color: var(--vscode-list-highlightForeground);
+}
+
+.ai-customization-management-editor .tools-list-row-subtext {
+	font-size: var(--vscode-fontSize-body2);
+	line-height: 14px;
+	color: var(--vscode-descriptionForeground);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+/* Enabled/total tool count shown at the right of a tool-set row */
+.ai-customization-management-editor .tools-list-row-count {
+	flex: none;
+	font-size: var(--vscode-fontSize-body2);
+	color: var(--vscode-descriptionForeground);
+	font-variant-numeric: tabular-nums;
+	white-space: nowrap;
+	cursor: pointer;
+}
+
+/* Embedded MCP server detail view */
+.ai-customization-management-editor .mcp-detail-container {
+	position: relative;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	min-height: 0;
+	overflow: hidden;
+}
+
+.ai-customization-management-editor .mcp-detail-editor-container {
+	flex: 1;
+	display: flex;
+	overflow: hidden;
+	min-height: 0;
+}
+
+/* Embedded plugin detail view */
+.ai-customization-management-editor .plugin-detail-container,
+.ai-customization-management-editor .tools-detail-container {
+	position: relative;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	min-height: 0;
+	padding: var(--vscode-spacing-size160);
+	background: var(--vscode-agentsPanel-background);
+	border: var(--vscode-strokeThickness) solid var(--vscode-agentsPanel-border);
+	border-radius: var(--vscode-cornerRadius-medium);
+	overflow: hidden;
+	box-sizing: border-box;
+}
+
+/* Inline back button with the embedded detail header */
+.ai-customization-management-editor .mcp-detail-container .ai-customization-embedded-detail,
+.ai-customization-management-editor .plugin-detail-container .ai-customization-embedded-detail,
+.ai-customization-management-editor .tools-detail-container .ai-customization-embedded-detail {
+	padding: 0;
+}
+
+.ai-customization-management-editor .mcp-detail-container .ai-customization-embedded-detail .embedded-detail-header,
+.ai-customization-management-editor .plugin-detail-container .ai-customization-embedded-detail .embedded-detail-header,
+.ai-customization-management-editor .tools-detail-container .ai-customization-embedded-detail .embedded-detail-header {
+	align-items: center;
+}
+
+.ai-customization-management-editor .mcp-detail-container .ai-customization-embedded-detail .embedded-detail-leading-slot:not(:empty),
+.ai-customization-management-editor .plugin-detail-container .ai-customization-embedded-detail .embedded-detail-leading-slot:not(:empty),
+.ai-customization-management-editor .tools-detail-container .ai-customization-embedded-detail .embedded-detail-leading-slot:not(:empty) {
+	display: flex;
+	align-items: center;
+	margin-inline-end: var(--vscode-spacing-size200);
+}
+
+.ai-customization-management-editor .plugin-detail-editor-container,
+.ai-customization-management-editor .tools-detail-editor-container {
+	flex: 1;
+	overflow: auto;
+	min-height: 0;
+	display: flex;
+	justify-content: center;
+}
+
+/* Shared embedded detail component foundation */
+.ai-customization-management-editor .ai-customization-embedded-detail {
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size200);
+	padding: var(--vscode-spacing-size160) var(--vscode-spacing-size240) var(--vscode-spacing-size240);
+	max-width: 720px;
+	width: 100%;
+	min-width: 0;
+	box-sizing: border-box;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail.embedded-mcp-detail {
+	flex: 1;
+	gap: 0;
+	max-width: none;
+	min-height: 0;
+	padding: 0;
+}
+
+.ai-customization-management-editor .embedded-mcp-detail.is-empty .mcp-detail-header {
+	display: none;
+}
+
+.ai-customization-management-editor .mcp-detail-container .embedded-mcp-detail .embedded-detail-leading-slot:not(:empty) {
+	display: contents;
+	margin: 0;
+}
+
+.ai-customization-management-editor .embedded-mcp-detail .mcp-detail-definition-editor {
+	flex: 1;
+	overflow: hidden;
+}
+
+.ai-customization-management-editor .embedded-mcp-detail .mcp-detail-definition-empty {
+	margin: var(--vscode-spacing-size80) calc(var(--vscode-spacing-size160) - var(--vscode-spacing-size40)) var(--vscode-spacing-size160);
+	padding-inline: var(--vscode-spacing-size40);
+	border-radius: var(--vscode-cornerRadius-small);
+}
+
+.ai-customization-management-editor .embedded-mcp-detail .embedded-detail-leading-slot:empty {
+	display: none;
+}
+
+.ai-customization-management-editor .mcp-detail-container .mcp-detail-header {
+	gap: var(--vscode-spacing-size80);
+	padding-inline: var(--vscode-spacing-size160);
+}
+
+.ai-customization-management-editor .mcp-detail-container .editor-back-button {
+	width: var(--vscode-spacing-size280);
+	height: var(--vscode-spacing-size280);
+}
+
+.ai-customization-management-editor .mcp-detail-container .mcp-detail-definition-empty {
+	margin-inline-start: calc(var(--vscode-spacing-size160) + var(--vscode-spacing-size280) + var(--vscode-spacing-size80) - var(--vscode-spacing-size40));
+}
+
+/* The tools detail lists many short tool descriptions, so let it use the full editor width. */
+.ai-customization-management-editor .ai-customization-embedded-detail.embedded-tool-detail {
+	max-width: none;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail.is-empty .embedded-detail-header,
+.ai-customization-management-editor .ai-customization-embedded-detail.is-empty .embedded-detail-description,
+.ai-customization-management-editor .ai-customization-embedded-detail.is-empty .embedded-detail-tools {
+	display: none;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-header {
+	display: flex;
+	align-items: flex-start;
+	gap: 0;
+	min-width: 0;
+	margin-bottom: var(--vscode-spacing-size40);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-icon {
+	flex: 0 0 auto;
+	width: 32px;
+	height: 32px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-icon.codicon::before {
+	font-size: 28px;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-header-text {
+	flex: 1;
+	min-width: 0;
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-title-actions {
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	flex-wrap: wrap;
+	gap: var(--vscode-spacing-size60);
+	margin-left: auto;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-title-actions .monaco-button {
+	width: auto;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-title-actions .monaco-button-dropdown:focus-within {
+	outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+	border-radius: var(--vscode-cornerRadius-small);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-title-actions .monaco-button-dropdown > .monaco-button:focus {
+	outline: 0;
+}
+
+.ai-customization-management-editor .embedded-plugin-detail.narrow-layout .embedded-detail-header {
+	display: grid;
+	grid-template-columns: auto minmax(0, 1fr);
+	row-gap: var(--vscode-spacing-size80);
+}
+
+.ai-customization-management-editor .embedded-plugin-detail.narrow-layout .embedded-detail-leading-slot {
+	grid-column: 1;
+	grid-row: 1;
+}
+
+.ai-customization-management-editor .embedded-plugin-detail.narrow-layout .embedded-detail-leading-slot:empty {
+	display: none;
+}
+
+.ai-customization-management-editor .embedded-plugin-detail.narrow-layout .embedded-detail-header-text {
+	grid-column: 2;
+	grid-row: 1;
+}
+
+.ai-customization-management-editor .embedded-plugin-detail.narrow-layout .embedded-detail-leading-slot:empty + .embedded-detail-header-text {
+	grid-column: 1 / -1;
+}
+
+.ai-customization-management-editor .embedded-plugin-detail.narrow-layout .embedded-detail-title-actions {
+	grid-column: 2;
+	grid-row: 2;
+	justify-content: flex-start;
+	margin-left: 0;
+}
+
+.ai-customization-management-editor .embedded-plugin-detail.narrow-layout .embedded-detail-leading-slot:empty ~ .embedded-detail-title-actions {
+	grid-column: 1 / -1;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-name-row {
+	display: flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size60);
+	min-width: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-status-badge {
+	flex-shrink: 0;
+	margin-top: 1px;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-title-actions .embedded-detail-disable-button.monaco-button {
+	color: var(--vscode-descriptionForeground);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-title-actions .embedded-detail-uninstall-button.monaco-button {
+	color: var(--vscode-errorForeground);
+	border-color: transparent;
+	background: transparent;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-title-actions .embedded-detail-uninstall-button.monaco-button:hover {
+	background: var(--vscode-button-secondaryHoverBackground);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-name {
+	margin: 0;
+	font-size: var(--vscode-fontSize-heading2);
+	line-height: 22px;
+	font-weight: var(--vscode-fontWeight-semiBold);
+	word-break: break-word;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-scope {
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-agents-fontSize-label1);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-scope .codicon {
+	font-size: var(--vscode-codiconFontSize-compact);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-badges {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: var(--vscode-spacing-size40);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-description {
+	color: var(--vscode-foreground);
+	font-size: var(--vscode-fontSize-body1);
+	line-height: 1.4;
+	white-space: pre-wrap;
+	word-break: break-word;
+	padding-inline-start: 32px;
+	margin-bottom: var(--vscode-spacing-size40);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail.embedded-plugin-detail .embedded-detail-description,
+.ai-customization-management-editor .ai-customization-embedded-detail.embedded-plugin-detail .embedded-detail-section {
+	padding-inline-start: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail.embedded-plugin-detail .embedded-detail-facts {
+	padding-inline-start: 0;
+	margin-bottom: 0;
+}
+
+.ai-customization-management-editor .embedded-plugin-detail .plugin-detail-source-facts {
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size40);
+}
+
+.ai-customization-management-editor .embedded-plugin-detail .plugin-detail-readme-message {
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-agents-fontSize-body2);
+	line-height: 16px;
+}
+
+.ai-customization-management-editor .embedded-plugin-detail .plugin-detail-readme > .plugin-detail-contribution-group-title {
+	font-weight: var(--vscode-fontWeight-semiBold);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-facts {
+	display: flex;
+	flex-direction: column;
+	gap: 0;
+	padding-inline-start: 32px;
+	margin-bottom: var(--vscode-spacing-size80);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-fact-row {
+	display: grid;
+	grid-template-columns: minmax(96px, max-content) minmax(0, 1fr);
+	gap: var(--vscode-spacing-size120);
+	padding: var(--vscode-spacing-size80) var(--vscode-spacing-size120);
+	min-width: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-fact-row:not(:last-child) {
+	box-shadow: inset 0 calc(-1 * var(--vscode-strokeThickness)) var(--vscode-widget-border);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-fact-label,
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-fact-value {
+	font-size: var(--vscode-agents-fontSize-body2);
+	line-height: 16px;
+	min-width: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-fact-label {
+	color: var(--vscode-descriptionForeground);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-fact-value {
+	color: var(--vscode-foreground);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-fact-value.has-actions {
+	overflow: visible;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-fact-link {
+	color: var(--vscode-textLink-foreground);
+	text-decoration: none;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-fact-link:hover {
+	color: var(--vscode-textLink-activeForeground);
+	text-decoration: underline;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-location-value {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size40);
+	min-width: 0;
+	max-width: 100%;
+	line-height: 20px;
+	padding: var(--vscode-spacing-size20);
+	margin: calc(-1 * var(--vscode-spacing-size20));
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-location-label {
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-copy-button.monaco-button {
+	flex-shrink: 0;
+	width: 20px;
+	min-width: 20px;
+	height: 20px;
+	padding: 0;
+	background: transparent;
+	border-color: transparent;
+	color: var(--vscode-descriptionForeground);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-copy-button.monaco-button:hover {
+	background: transparent;
+	color: var(--vscode-textLink-activeForeground);
+}
+
+.ai-customization-management-editor .mcp-detail-definition-empty:focus-visible {
+	outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-section {
+	padding-inline-start: 32px;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-section-title {
+	margin: 0 0 var(--vscode-spacing-size60) 0;
+	font-size: var(--vscode-agents-fontSize-heading3);
+	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	line-height: 18px;
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-chip-list {
+	display: flex;
+	flex-direction: column;
+	gap: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-flat-list {
+	border: var(--vscode-strokeThickness) solid var(--vscode-widget-border);
+	border-radius: var(--vscode-cornerRadius-medium);
+	overflow: hidden;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-section {
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size60);
+	min-width: 0;
+	padding: var(--vscode-spacing-size100) var(--vscode-spacing-size120);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-section + .plugin-detail-contribution-section {
+	box-shadow: inset 0 var(--vscode-strokeThickness) var(--vscode-widget-border);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-group {
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size60);
+	min-width: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-group-title {
+	display: flex;
+	align-items: baseline;
+	gap: var(--vscode-spacing-size60);
+	font-size: var(--vscode-agents-fontSize-label1);
+	font-weight: var(--vscode-agents-fontWeight-regular);
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-title-count {
+	color: var(--vscode-descriptionForeground);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-list {
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size60);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-row {
+	display: flex;
+	flex-direction: column;
+	min-width: 0;
+	gap: var(--vscode-spacing-size20);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-link {
+	padding: 0;
+	border: none;
+	background: transparent;
+	color: var(--vscode-textLink-foreground);
+	text-align: left;
+	cursor: pointer;
+	font-family: inherit;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-link:hover {
+	color: var(--vscode-textLink-activeForeground);
+	text-decoration: underline;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-link:focus-visible {
+	outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-name {
+	font-size: var(--vscode-agents-fontSize-body1);
+	line-height: 18px;
+	color: var(--vscode-descriptionForeground);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-link.plugin-detail-contribution-name {
+	color: var(--vscode-textLink-foreground);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-link.plugin-detail-contribution-name:hover {
+	color: var(--vscode-textLink-activeForeground);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-description,
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-more,
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-empty {
+	font-size: var(--vscode-agents-fontSize-body2);
+	line-height: 16px;
+	color: var(--vscode-descriptionForeground);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-chip-list > .plugin-detail-contribution-empty {
+	padding: var(--vscode-spacing-size100) var(--vscode-spacing-size120);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-contribution-description {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.vscode-high-contrast .ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-flat-list {
+	border-color: var(--vscode-contrastBorder);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-empty {
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-fontSize-body1);
+	padding-block: var(--vscode-spacing-size80);
+}
+
+/* Included tools list (tool extension detail) */
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-tools {
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+	padding-inline-start: 32px;
+	min-width: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-tools-heading {
+	font-size: var(--vscode-fontSize-body1);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	color: var(--vscode-foreground);
+	margin: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-tools-message {
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-fontSize-body1);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-tools-list {
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+	min-width: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-tool {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+	min-width: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-tool-name {
+	font-size: var(--vscode-fontSize-body1);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	color: var(--vscode-foreground);
+	word-break: break-word;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .embedded-detail-tool-description {
+	font-size: var(--vscode-fontSize-body2);
+	color: var(--vscode-descriptionForeground);
+	line-height: 1.4;
+	word-break: break-word;
+	/* Keep descriptions short and scannable; the full text is available once installed. */
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	line-clamp: 2;
+	overflow: hidden;
+}
+
+/* Models section footer */
+.ai-customization-management-editor .models-content-container .section-footer {
+	flex-shrink: 0;
+	padding: 12px 4px 6px 4px;
+	border-top: 1px solid var(--vscode-widget-border);
+}
+
+.ai-customization-management-editor .models-content-container .section-footer-description {
+	font-size: var(--vscode-fontSize-body1);
+	color: var(--vscode-descriptionForeground);
+	line-height: 1.5;
+	margin: 0 0 8px 0;
+}
+
+.ai-customization-management-editor .models-content-container .section-footer-link {
+	font-size: var(--vscode-fontSize-body1);
+	color: var(--vscode-textLink-foreground);
+	text-decoration: none;
+	cursor: pointer;
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+}
+
+.ai-customization-management-editor .models-content-container .section-footer-link:hover {
+	text-decoration: underline;
+	color: var(--vscode-textLink-activeForeground);
+}
+
+/* Override models widget padding when embedded in management editor */
+.ai-customization-management-editor .models-content-container .models-widget {
+	padding-right: 0;
+	flex: 1;
+	overflow: hidden;
+}
+
+/* MCP List Widget */
+.mcp-list-widget {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	min-height: 0;
+	overflow: hidden;
+}
+
+.mcp-list-widget .mcp-list-container {
+	flex: 1;
+	min-height: 0;
+	overflow: hidden;
+}
+
+/* MCP Empty State */
+.mcp-list-widget .mcp-empty-state {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 48px 24px;
+	gap: 8px;
+	text-align: center;
+	flex: 1;
+}
+
+.mcp-list-widget .mcp-empty-state .empty-text {
+	font-size: 16px;
+	font-weight: var(--vscode-fontWeight-semiBold);
+	color: var(--vscode-foreground);
+}
+
+.mcp-list-widget .mcp-empty-state .empty-subtext {
+	font-size: var(--vscode-fontSize-body1);
+	color: var(--vscode-descriptionForeground);
+	max-width: 250px;
+	line-height: 1.4;
+}
+
+.mcp-list-widget .mcp-empty-state .monaco-button {
+	margin-top: 16px;
+}
+
+/* Sessions empty state */
+.agent-sessions-workbench .mcp-empty-state .empty-state-header {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: 6px;
+}
+
+.agent-sessions-workbench .mcp-empty-state .empty-state-header > .empty-icon {
+	font-size: 16px;
+	margin-bottom: 0;
+	flex-shrink: 0;
+}
+
+/* MCP Disabled (access blocked) state */
+.mcp-list-widget .mcp-disabled-state {
+	display: none;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 48px 24px;
+	gap: 8px;
+	text-align: center;
+	flex: 1;
+}
+
+.mcp-list-widget .mcp-disabled-state .empty-state-header {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 8px;
+}
+
+.mcp-list-widget .mcp-disabled-state .empty-icon.codicon::before {
+	font-size: 48px;
+}
+
+.mcp-list-widget .mcp-disabled-state .empty-icon {
+	opacity: 0.5;
+	margin-bottom: 8px;
+	height: 48px;
+	width: 48px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.mcp-list-widget .mcp-disabled-state .empty-text {
+	font-size: 16px;
+	font-weight: var(--vscode-fontWeight-semiBold);
+	color: var(--vscode-foreground);
+}
+
+.mcp-list-widget .mcp-disabled-state .empty-subtext {
+	font-size: var(--vscode-fontSize-body1);
+	color: var(--vscode-descriptionForeground);
+	max-width: 420px;
+	line-height: 1.5;
+}
+
+.mcp-list-widget .mcp-disabled-state .mcp-disabled-settings-link {
+	color: var(--vscode-textLink-foreground);
+	cursor: pointer;
+	text-decoration: none;
+}
+
+.mcp-list-widget .mcp-disabled-state .mcp-disabled-settings-link:hover,
+.mcp-list-widget .mcp-disabled-state .mcp-disabled-settings-link:focus {
+	color: var(--vscode-textLink-activeForeground);
+	text-decoration: underline;
+	outline: none;
+}
+
+.mcp-list-widget.access-disabled > *:not(.mcp-disabled-state) {
+	display: none !important;
+}
+
+.mcp-list-widget.access-disabled .mcp-disabled-state {
+	display: flex;
+}
+
+/* MCP Server Item */
+.mcp-server-item {
+	display: flex;
+	align-items: center;
+	padding: 6px 8px 6px 30px;
+	cursor: pointer;
+	border-radius: var(--vscode-cornerRadius-small);
+	min-height: 32px;
+	gap: 10px;
+	box-sizing: border-box;
+}
+
+.mcp-server-item:not(.has-detail):not(.builtin) {
+	cursor: default;
+}
+
+.mcp-server-item:hover {
+	background-color: var(--vscode-list-hoverBackground);
+}
+
+.mcp-server-item.builtin {
+	cursor: default;
+	opacity: 0.85;
+}
+
+.mcp-server-item .mcp-server-icon {
+	display: none;
+}
+
+.mcp-server-item .mcp-server-details {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+	min-width: 0;
+}
+
+.mcp-server-item .mcp-server-name {
+	font-size: var(--vscode-fontSize-body1);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	line-height: 18px;
+}
+
+.mcp-server-item .mcp-server-description {
+	font-size: var(--vscode-fontSize-body2);
+	color: var(--vscode-descriptionForeground);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	line-height: 14px;
+}
+
+.mcp-server-item.has-error {
+	align-items: flex-start;
+	padding-top: var(--vscode-spacing-size120);
+	padding-bottom: var(--vscode-spacing-size120);
+}
+
+.mcp-server-item .mcp-server-description.error {
+	color: var(--vscode-errorForeground);
+	margin-top: var(--vscode-spacing-size80);
+	white-space: pre-wrap;
+	overflow-wrap: anywhere;
+	overflow: visible;
+	text-overflow: clip;
+}
+
+.mcp-server-item .mcp-server-description.error:not(.expanded) {
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 3;
+	max-height: 3lh;
+	overflow: hidden;
+}
+
+.mcp-server-item .mcp-server-error-toggle.monaco-button {
+	align-self: flex-start;
+	width: auto;
+	min-width: 0;
+	padding: 0;
+	margin-top: var(--vscode-spacing-size40);
+	color: var(--vscode-textLink-foreground);
+	font-size: var(--vscode-fontSize-body2);
+	border: 0;
+	background: transparent;
+}
+
+.mcp-server-item .mcp-server-error-toggle.monaco-button:hover {
+	color: var(--vscode-textLink-activeForeground);
+	text-decoration: underline;
+}
+
+.mcp-server-item .mcp-server-actions {
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size40);
+}
+
+.mcp-server-item .mcp-server-sign-in.monaco-button,
+.plugin-list-widget .mcp-installed-home-row .mcp-server-sign-in.monaco-button {
+	min-width: 0;
+	min-height: var(--vscode-spacing-size240);
+	padding: 0 var(--vscode-spacing-size80);
+	font-size: var(--vscode-fontSize-label1);
+	border-radius: var(--vscode-cornerRadius-small);
+}
+
+.mcp-server-item .mcp-server-status {
+	flex-shrink: 0;
+	width: var(--vscode-spacing-size240);
+	height: var(--vscode-spacing-size240);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: var(--vscode-codiconFontSize);
+}
+
+.mcp-server-item .mcp-server-status.running {
+	color: var(--vscode-charts-green);
+}
+
+.mcp-server-item .mcp-server-status.starting {
+	color: var(--vscode-progressBar-background, var(--vscode-icon-foreground));
+}
+
+.mcp-server-item .mcp-server-status.auth-required {
+	color: var(--vscode-list-warningForeground, var(--vscode-editorWarning-foreground));
+}
+
+.mcp-server-item.disabled {
+	opacity: 0.5;
+}
+
+.mcp-server-item .mcp-server-status.disabled {
+	color: var(--vscode-disabledForeground);
+}
+
+.plugin-list-widget .plugin-search-header {
+	display: flex;
+	align-items: flex-end;
+	padding: var(--vscode-spacing-size80) var(--vscode-spacing-size120) var(--vscode-spacing-size40);
+	-webkit-user-select: none;
+	user-select: none;
+	pointer-events: none;
+}
+
+.plugin-list-widget .plugin-search-header.available-to-install {
+	padding-top: var(--vscode-spacing-size160);
+}
+
+.plugin-list-widget .monaco-list-row.plugin-search-header:hover {
+	background: transparent;
+}
+
+.plugin-list-widget .plugin-search-header-label {
+	font-size: var(--vscode-agents-fontSize-heading3);
+	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	line-height: 18px;
+	color: var(--vscode-foreground);
+}
+
+/* Plugin list item */
+.plugin-list-widget .plugin-list-item {
+	display: flex;
+	align-items: center;
+	padding: var(--vscode-spacing-size80) var(--vscode-spacing-size120);
+	border-radius: var(--vscode-cornerRadius-small);
+	gap: var(--vscode-spacing-size120);
+	min-height: 44px;
+	overflow: hidden;
+	box-sizing: border-box;
+}
+
+.plugin-list-widget .plugin-installed-item:not(.plugin-home-row),
+.plugin-list-widget .plugin-marketplace-item {
+	cursor: pointer;
+}
+
+.plugin-list-widget .plugin-card-grid.plugin-inventory-list {
+	display: flex;
+	flex-direction: column;
+	gap: 0;
+	border: var(--vscode-strokeThickness) solid var(--vscode-agentsPanel-border);
+	border-radius: var(--vscode-cornerRadius-medium);
+	overflow: hidden;
+}
+
+.plugin-list-widget .plugin-card-grid.plugin-inventory-list.virtualized-section-list {
+	display: block;
+}
+
+.plugin-list-widget .virtualized-section-list .monaco-list-row {
+	box-sizing: border-box;
+}
+
+.plugin-list-widget .customization-inventory-list .monaco-list-row.ai-customization-list-item {
+	background-color: var(--vscode-editorWidget-background);
+}
+
+.plugin-list-widget .customization-inventory-list .monaco-list-row.ai-customization-list-item:hover {
+	background-color: var(--vscode-list-hoverBackground);
+}
+
+.plugin-list-widget .virtualized-section-list .monaco-list-row:not(:first-child) {
+	box-shadow: inset 0 var(--vscode-strokeThickness) var(--vscode-widget-border, var(--vscode-agentsPanel-border));
+}
+
+.plugin-list-widget .plugin-home-row {
+	width: 100%;
+	min-height: 64px;
+	background: transparent;
+	border-radius: 0;
+	cursor: pointer;
+}
+
+.plugin-list-widget .plugin-home-row.customization-home-row.disabled {
+	opacity: 0.6;
+}
+
+.plugin-list-widget .customization-card-primary-action {
+	appearance: none;
+	background: transparent;
+	border: 0;
+	color: inherit;
+	font: inherit;
+	padding: 0;
+	text-align: start;
+	min-width: 0;
+	cursor: pointer;
+}
+
+.plugin-list-widget .plugin-home-row > .customization-card-primary-action {
+	display: flex;
+	align-items: center;
+	align-self: stretch;
+	flex: 1;
+}
+
+.plugin-list-widget .customization-row-primary {
+	display: flex;
+	align-items: center;
+	align-self: stretch;
+	flex: 1;
+	min-width: 0;
+	border-radius: var(--vscode-cornerRadius-small);
+	cursor: pointer;
+}
+
+.plugin-list-widget .customization-card-primary-action:focus-visible,
+.plugin-list-widget .plugin-remote-item:focus-visible {
+	outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.plugin-list-widget .plugin-home-row:not(:last-child) {
+	box-shadow: inset 0 calc(-1 * var(--vscode-strokeThickness)) var(--vscode-widget-border, var(--vscode-agentsPanel-border));
+}
+
+.plugin-list-widget .plugin-home-row:hover {
+	background: var(--vscode-list-hoverBackground);
+}
+
+.plugin-list-widget .plugin-home-row .plugin-list-item-action {
+	display: flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size40);
+	margin-left: auto;
+}
+
+.plugin-list-widget .plugin-list-item:hover {
+	background-color: var(--vscode-list-hoverBackground);
+}
+
+.plugin-list-widget .plugin-list-item.disabled {
+	opacity: 0.6;
+}
+
+.plugin-list-widget .plugin-home-row.disabled {
+	opacity: 1;
+}
+
+.plugin-list-widget .plugin-list-item .item-sync-checkbox {
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+}
+
+.plugin-list-widget .plugin-list-item-details {
+	flex: 1;
+	min-width: 0;
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size20);
+	overflow: hidden;
+}
+
+.plugin-list-widget .plugin-list-item-name-row {
+	display: flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size60);
+	min-width: 0;
+	overflow: hidden;
+}
+
+.plugin-list-widget .plugin-list-item-name {
+	font-size: var(--vscode-agents-fontSize-body1);
+	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	line-height: 18px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.plugin-list-widget .plugin-list-item-description,
+.plugin-list-widget .plugin-list-item-source,
+.plugin-list-widget .plugin-list-item-metadata {
+	font-size: var(--vscode-agents-fontSize-body2);
+	line-height: 14px;
+	color: var(--vscode-descriptionForeground);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.plugin-list-widget .plugin-list-item-source {
+	color: var(--vscode-textPreformat-foreground, var(--vscode-descriptionForeground));
+}
+
+.plugin-list-widget .plugin-list-item-status {
+	flex-shrink: 0;
+	font-size: var(--vscode-agents-fontSize-label2);
+	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	line-height: 18px;
+	padding: 0 var(--vscode-spacing-size80);
+	border-radius: var(--vscode-cornerRadius-circle);
+	color: var(--vscode-badge-foreground);
+	background-color: var(--vscode-badge-background);
+}
+
+.plugin-list-widget .plugin-list-item-status.running {
+	color: var(--vscode-editor-background);
+	background-color: color-mix(in srgb, var(--vscode-terminal-ansiGreen) 50%, transparent);
+}
+
+.plugin-list-widget .plugin-list-item-status.disabled {
+	color: var(--vscode-badge-foreground);
+	background-color: color-mix(in srgb, var(--vscode-badge-background) 50%, transparent);
+}
+
+.plugin-list-widget .mcp-runtime-status-badge {
+	color: var(--vscode-foreground);
+	background-color: var(--vscode-toolbar-hoverBackground);
+}
+
+.plugin-list-widget .mcp-runtime-status-badge.running {
+	color: var(--vscode-foreground);
+	background-color: color-mix(in srgb, var(--vscode-charts-green) 18%, transparent);
+}
+
+.plugin-list-widget .mcp-runtime-status-badge.starting {
+	background-color: color-mix(in srgb, var(--vscode-progressBar-background) 18%, transparent);
+}
+
+.plugin-list-widget .mcp-runtime-status-badge.auth-required {
+	background-color: color-mix(in srgb, var(--vscode-list-warningForeground, var(--vscode-editorWarning-foreground)) 18%, transparent);
+}
+
+.plugin-list-widget .mcp-runtime-status-badge.error {
+	background-color: color-mix(in srgb, var(--vscode-errorForeground) 18%, transparent);
+}
+
+.plugin-list-widget .plugin-list-item-action {
+	display: flex;
+	align-items: center;
+	flex-flow: row nowrap;
+	gap: var(--vscode-spacing-size40);
+	flex-shrink: 0;
+	margin-left: auto;
+}
+
+.plugin-list-widget .plugin-list-item-action .plugin-card-icon-button.monaco-button {
+	width: var(--vscode-spacing-size240);
+	min-width: var(--vscode-spacing-size240);
+	height: var(--vscode-spacing-size240);
+	padding: 0;
+	border-color: transparent;
+	background: transparent;
+	color: var(--vscode-descriptionForeground);
+}
+
+.plugin-list-widget .plugin-list-item-action .plugin-card-icon-button.monaco-button:hover {
+	background: var(--vscode-toolbar-hoverBackground);
+	border-color: transparent;
+	color: var(--vscode-textLink-activeForeground);
+}
+
+.plugin-list-widget .mcp-server-actions .plugin-card-icon-button.monaco-button {
+	width: var(--vscode-spacing-size240);
+	min-width: var(--vscode-spacing-size240);
+	height: var(--vscode-spacing-size240);
+	padding: 0;
+	border-color: transparent;
+	background: transparent;
+	color: var(--vscode-descriptionForeground);
+}
+
+.plugin-list-widget .mcp-server-actions .plugin-card-icon-button.monaco-button:hover {
+	background: var(--vscode-toolbar-hoverBackground);
+	border-color: transparent;
+	color: var(--vscode-textLink-activeForeground);
+}
+
+.vscode-high-contrast .plugin-list-widget .plugin-list-item-action .plugin-card-icon-button.monaco-button:focus-visible,
+.vscode-high-contrast .plugin-list-widget .mcp-server-actions .plugin-card-icon-button.monaco-button:focus-visible {
+	border-color: var(--vscode-contrastActiveBorder);
+}
+
+.plugin-list-widget .customization-home-row:hover {
+	background: color-mix(in srgb, var(--vscode-list-hoverBackground) 65%, transparent);
+}
+
+/* The enablement switch is the shared `Switch` widget; its styling lives in base. */
+
+.plugin-list-widget .plugin-list-item-install-button {
+	font-size: var(--vscode-agents-fontSize-body2);
+	padding: var(--vscode-spacing-size40) var(--vscode-spacing-size80);
+}
+
+.plugin-list-widget .plugin-list-item-install-button:focus-visible {
+	outline-offset: -1px;
+}
+
+.plugin-list-widget .plugin-card-container {
+	flex: 1;
+	min-height: 0;
+	overflow: hidden;
+}
+
+.plugin-list-widget .plugin-card-scrollable {
+	position: relative;
+	flex: 1;
+	min-height: 0;
+	width: 100%;
+	max-width: 840px;
+	margin: 0 auto;
+}
+
+.plugin-list-widget .plugin-card-scrollable > .plugin-card-container {
+	position: absolute;
+	inset: 0;
+}
+
+.plugin-list-widget .plugin-card-scroll {
+	height: 100%;
+	overflow: auto;
+	padding: 0 0 var(--vscode-spacing-size200);
+	box-sizing: border-box;
+}
+
+.plugin-list-widget .plugin-card-scroll.distributed-section-layout {
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size100);
+	height: 100%;
+	min-height: 0;
+	padding-bottom: 0;
+	overflow: hidden;
+}
+
+.plugin-list-widget .distributed-section-layout > .plugin-card-section {
+	flex: 0 0 auto;
+	margin-bottom: 0;
+}
+
+.plugin-list-widget .distributed-section-layout .plugin-card-section-header {
+	margin-bottom: var(--vscode-spacing-size20);
+}
+
+.plugin-list-widget .plugin-card-scroll-content {
+	height: auto;
+	overflow: visible;
+	padding: 0 0 var(--vscode-spacing-size200);
+}
+
+.plugin-list-widget .plugin-marketplace-back-container {
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	padding: var(--vscode-spacing-size120) 0 0;
+}
+
+.plugin-list-widget .plugin-card-section {
+	margin-bottom: var(--vscode-spacing-size240);
+}
+
+.plugin-list-widget .plugin-card-section-header {
+	display: flex;
+	align-items: flex-end;
+	justify-content: flex-start;
+	gap: var(--vscode-spacing-size60);
+	margin-bottom: var(--vscode-spacing-size120);
+	min-width: 0;
+}
+
+.plugin-list-widget .plugin-card-section-actions {
+	display: flex;
+	align-items: center;
+	flex: 0 0 auto;
+	gap: var(--vscode-spacing-size40);
+}
+
+.plugin-list-widget .plugin-card-section-actions .monaco-button {
+	width: auto;
+}
+
+.plugin-list-widget .plugin-card-section-actions .plugin-update-button.monaco-button {
+	width: var(--vscode-spacing-size280);
+	min-width: var(--vscode-spacing-size280);
+	padding: var(--vscode-spacing-size40) 0;
+}
+
+.plugin-list-widget.narrow-layout .available-plugins-section .plugin-card-section-header,
+.plugin-list-widget.narrow-layout .installed-plugins-section .plugin-card-section-header,
+.plugin-list-widget.narrow-layout .available-mcp-servers-section .plugin-card-section-header,
+.plugin-list-widget.narrow-layout .installed-mcp-servers-section .plugin-card-section-header,
+.plugin-list-widget.narrow-layout .customization-card-section .plugin-card-section-header {
+	align-items: stretch;
+	flex-wrap: wrap;
+}
+
+.plugin-list-widget.narrow-layout .available-plugins-section .plugin-card-section-actions,
+.plugin-list-widget.narrow-layout .installed-plugins-section .plugin-card-section-actions,
+.plugin-list-widget.narrow-layout .available-mcp-servers-section .plugin-card-section-actions,
+.plugin-list-widget.narrow-layout .installed-mcp-servers-section .plugin-card-section-actions,
+.plugin-list-widget.narrow-layout .customization-card-section .plugin-card-section-actions {
+	width: 100%;
+}
+
+.plugin-list-widget.narrow-layout .available-plugins-section .plugin-available-action,
+.plugin-list-widget.narrow-layout .installed-plugins-section .plugin-installed-action,
+.plugin-list-widget.narrow-layout .installed-mcp-servers-section .plugin-installed-action,
+.plugin-list-widget.narrow-layout .customization-card-section .customization-create-action,
+.plugin-list-widget.narrow-layout .customization-card-section .customization-generate-action {
+	flex: 1 1 auto;
+	min-width: 0;
+}
+
+.plugin-list-widget.narrow-layout .customization-card-section .customization-create-action > .monaco-button {
+	flex: 1 1 auto;
+	min-width: 0;
+}
+
+.plugin-list-widget .plugin-card-section-heading-row {
+	display: flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size60);
+}
+
+.plugin-list-widget .plugin-card-section-text {
+	flex: 1;
+	min-width: 0;
+}
+
+.plugin-list-widget .plugin-card-section-title {
+	margin: 0;
+	font-size: var(--vscode-agents-fontSize-heading3);
+	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	line-height: 18px;
+	color: var(--vscode-foreground);
+}
+
+.plugin-list-widget .plugin-card-section-description {
+	margin-top: var(--vscode-spacing-size20);
+	font-size: var(--vscode-agents-fontSize-body2);
+	line-height: 16px;
+	color: var(--vscode-descriptionForeground);
+}
+
+.plugin-list-widget .plugin-card-grid {
+	display: grid;
+	grid-template-columns: minmax(0, 1fr);
+	gap: var(--vscode-spacing-size80);
+}
+
+.plugin-list-widget .plugin-inventory-empty {
+	padding: var(--vscode-spacing-size160);
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-agents-fontSize-body2);
+	line-height: 16px;
+}
+
+.plugin-list-widget .virtualized-section-loading {
+	display: flex;
+	align-items: center;
+	box-sizing: border-box;
+	padding-inline: var(--vscode-spacing-size160);
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-fontSize-body2);
+}
+
+.plugin-list-widget .plugin-marketplace-home-row .plugin-list-item-install-button.monaco-button {
+	width: auto;
+	flex: 0 0 auto;
+}
+
+.plugin-list-widget .plugin-search-results .plugin-card-section:last-child {
+	margin-bottom: 0;
+}
+
+.plugin-list-widget.wide-layout .plugin-marketplace-recommended-section .plugin-card-grid {
+	grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.plugin-list-widget .plugin-card {
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size80);
+	min-width: 0;
+	min-height: 112px;
+	padding: var(--vscode-spacing-size120);
+	border: var(--vscode-strokeThickness) solid var(--vscode-agentsPanel-border);
+	border-radius: var(--vscode-cornerRadius-large);
+	color: var(--vscode-foreground);
+	box-sizing: border-box;
+	cursor: pointer;
+}
+
+.plugin-list-widget .plugin-marketplace-card {
+	justify-content: space-between;
+	gap: var(--vscode-spacing-size120);
+	min-height: 0;
+	padding-bottom: var(--vscode-spacing-size120);
+}
+
+.plugin-list-widget .plugin-marketplace-card .plugin-card-header {
+	flex: 1;
+	align-items: stretch;
+	flex-direction: column;
+}
+
+.plugin-list-widget .plugin-marketplace-card .plugin-card-title-block.customization-card-primary-action {
+	width: 100%;
+}
+
+.plugin-list-widget .plugin-marketplace-card .plugin-card-header .plugin-card-actions {
+	justify-content: flex-start;
+	margin-top: auto;
+	margin-left: 0;
+	padding-top: var(--vscode-spacing-size80);
+}
+
+.plugin-list-widget .plugin-marketplace-card .plugin-card-subtitle {
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	white-space: normal;
+}
+
+.plugin-list-widget .plugin-card:hover {
+	background: var(--vscode-list-hoverBackground);
+}
+
+.plugin-list-widget .plugin-card.disabled {
+	opacity: 0.65;
+}
+
+.plugin-list-widget .plugin-card-header {
+	display: flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size100);
+	min-width: 0;
+}
+
+.plugin-list-widget .plugin-card-header .plugin-card-actions {
+	margin-left: auto;
+	padding-top: var(--vscode-spacing-size20);
+}
+
+.plugin-list-widget .plugin-card-title-block {
+	flex: 1;
+	min-width: 0;
+}
+
+.plugin-list-widget .plugin-card-title {
+	font-size: var(--vscode-agents-fontSize-body1);
+	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	line-height: 18px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.plugin-list-widget .plugin-card-subtitle,
+.plugin-list-widget .plugin-card-description,
+.plugin-list-widget .plugin-card-meta {
+	font-size: var(--vscode-agents-fontSize-body2);
+	line-height: 16px;
+	color: var(--vscode-descriptionForeground);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.plugin-list-widget .plugin-card-description {
+	white-space: normal;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+
+.plugin-list-widget .plugin-card-badges,
+.plugin-list-widget .plugin-card-actions {
+	display: flex;
+	flex-wrap: nowrap;
+	align-items: center;
+	gap: var(--vscode-spacing-size40);
+}
+
+.plugin-list-widget .plugin-card-badges {
+	justify-content: flex-start;
+}
+
+.plugin-list-widget .plugin-card-actions {
+	justify-content: flex-end;
+}
+
+.plugin-list-widget .plugin-card-actions .monaco-button {
+	width: auto;
+	flex: 0 0 auto;
+	font-size: var(--vscode-agents-fontSize-body2);
+	padding: 0 var(--vscode-spacing-size80);
+	min-height: 24px;
+}
+
+.plugin-list-widget .plugin-card-actions .plugin-card-icon-button.monaco-button {
+	width: 24px;
+	min-width: 24px;
+	padding: 0;
+}
+
+.plugin-list-widget .plugin-card-actions .plugin-card-ghost-button.monaco-button,
+.plugin-list-widget .plugin-card-section-header .plugin-card-ghost-button.monaco-button,
+.plugin-list-widget .plugin-marketplace-page-header .plugin-card-ghost-button.monaco-button {
+	background: transparent;
+	color: var(--vscode-foreground);
+	border-color: transparent;
+	width: auto;
+	flex: 0 0 auto;
+}
+
+.plugin-list-widget .plugin-card-actions .plugin-card-ghost-button.monaco-button:hover,
+.plugin-list-widget .plugin-card-section-header .plugin-card-ghost-button.monaco-button:hover,
+.plugin-list-widget .plugin-marketplace-page-header .plugin-card-ghost-button.monaco-button:hover {
+	background: var(--vscode-toolbar-hoverBackground);
+	color: var(--vscode-foreground);
+}
+
+.plugin-list-widget .plugin-home-empty-card {
+	display: flex;
+	flex-direction: column;
+	grid-column: 1 / -1;
+	align-items: center;
+	justify-content: center;
+	gap: var(--vscode-spacing-size120);
+	min-height: 160px;
+	padding: var(--vscode-spacing-size360) var(--vscode-spacing-size160);
+	margin: var(--vscode-spacing-size40) 0 var(--vscode-spacing-size240);
+	text-align: center;
+	box-sizing: border-box;
+}
+
+.plugin-list-widget .plugin-home-empty-title {
+	margin: 0;
+	font-size: var(--vscode-agents-fontSize-heading3);
+	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	color: var(--vscode-foreground);
+}
+
+.plugin-list-widget .plugin-home-empty-description {
+	max-width: 520px;
+	font-size: var(--vscode-agents-fontSize-body2);
+	line-height: 1.45;
+	color: var(--vscode-descriptionForeground);
+}
+
+.plugin-list-widget .plugin-home-empty-card .plugin-card-actions {
+	justify-content: center;
+	flex-wrap: wrap;
+}
+
+.plugin-list-widget .plugin-browse-all-button.monaco-button {
+	width: fit-content;
+	flex: 0 0 auto;
+}
+
+.vscode-high-contrast .plugin-list-widget .plugin-card,
+.vscode-high-contrast .plugin-list-widget .plugin-home-empty-card {
+	border-color: var(--vscode-contrastBorder);
+}
+
+/* Button group for Add Server + Browse Marketplace */
+.mcp-list-widget .list-button-group {
+	display: flex;
+	gap: 4px;
+	flex-shrink: 0;
+}
+
+/* Embedded Editor View */
+.ai-customization-management-editor .editor-content-container {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	padding: 0;
+	background: var(--vscode-agentsPanel-background);
+	border: 1px solid var(--vscode-agentsPanel-border);
+	border-radius: 6px;
+	overflow: hidden;
+	box-sizing: border-box;
+}
+
+.ai-customization-management-editor .editor-header {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	padding: 16px 16px 6px;
+	flex-shrink: 0;
+}
+
+.ai-customization-management-editor .editor-back-button {
+	flex-shrink: 0;
+	align-self: flex-start;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 26px;
+	height: 26px;
+	padding: 0;
+	border-radius: var(--vscode-cornerRadius-small);
+	cursor: pointer;
+	background: transparent;
+	border: none;
+	color: var(--vscode-foreground);
+	opacity: 0.8;
+	transition: background-color 0.1s ease, opacity 0.1s ease;
+}
+
+.ai-customization-management-editor .editor-back-button .codicon {
+	font-size: var(--vscode-codiconFontSize);
+	line-height: 1;
+}
+
+.ai-customization-management-editor .editor-back-button:focus-visible {
+	outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.ai-customization-management-editor .editor-back-button:hover:not(:disabled) {
+	background-color: var(--vscode-toolbar-hoverBackground);
+	opacity: 1;
+}
+
+.ai-customization-management-editor .editor-back-button:active:not(:disabled) {
+	background-color: var(--vscode-toolbar-activeBackground);
+}
+
+.ai-customization-management-editor .editor-back-button:disabled {
+	cursor: default;
+	opacity: 0.45;
+}
+
+.ai-customization-management-editor .editor-action-button-icon {
+	font-size: 14px;
+	line-height: 14px;
+}
+
+.ai-customization-management-editor .editor-item-info {
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+	flex: 1;
+	min-width: 0;
+}
+
+.ai-customization-management-editor .editor-item-name {
+	font-size: 14px;
+	font-weight: var(--vscode-fontWeight-semiBold);
+	color: var(--vscode-foreground);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content {
+	color: var(--vscode-foreground);
+	font-size: var(--vscode-agents-fontSize-body1);
+	line-height: 1.5;
+	overflow-wrap: anywhere;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown > :first-child {
+	margin-top: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown > :last-child {
+	margin-bottom: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown p {
+	margin: 0 0 var(--vscode-spacing-size120) 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown h1,
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown h2,
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown h3,
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown h4,
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown h5,
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown h6 {
+	margin: var(--vscode-spacing-size160) 0 var(--vscode-spacing-size80);
+	color: var(--vscode-foreground);
+	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	line-height: 1.35;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown h1 {
+	font-size: var(--vscode-agents-fontSize-heading2);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown h2,
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown h3 {
+	font-size: var(--vscode-agents-fontSize-heading3);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown h4,
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown h5,
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown h6 {
+	font-size: var(--vscode-agents-fontSize-label1);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown a,
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown a code {
+	color: var(--vscode-textLink-foreground);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown a:hover,
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown a:active {
+	color: var(--vscode-textLink-activeForeground);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown ul,
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown ol {
+	margin: 0 0 var(--vscode-spacing-size120) 0;
+	padding-inline-start: var(--vscode-spacing-size240);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown li {
+	margin: var(--vscode-spacing-size40) 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown li > p {
+	margin: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown code {
+	font-family: var(--monaco-monospace-font);
+	font-size: var(--vscode-agents-fontSize-label2);
+	color: var(--vscode-textPreformat-foreground);
+	background: var(--vscode-textCodeBlock-background);
+	border-radius: var(--vscode-cornerRadius-small);
+	padding: 0 var(--vscode-spacing-size40);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown pre,
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown div[data-code] {
+	margin: 0 0 var(--vscode-spacing-size120) 0;
+	padding: var(--vscode-spacing-size100) var(--vscode-spacing-size120);
+	overflow: auto;
+	white-space: pre;
+	background: var(--vscode-textCodeBlock-background);
+	border: var(--vscode-strokeThickness) solid var(--vscode-widget-border);
+	border-radius: var(--vscode-cornerRadius-medium);
+	box-sizing: border-box;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown pre code,
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown div[data-code] code {
+	display: block;
+	padding: 0;
+	background: transparent;
+	border-radius: 0;
+	white-space: pre;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown .monaco-tokenized-source {
+	white-space: pre;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown blockquote {
+	margin: 0 0 var(--vscode-spacing-size120) 0;
+	padding: var(--vscode-spacing-size80) var(--vscode-spacing-size120) var(--vscode-spacing-size40);
+	color: var(--vscode-foreground);
+	background: var(--vscode-textBlockQuote-background);
+	border-left: 5px solid var(--vscode-textBlockQuote-border);
+	border-radius: var(--vscode-cornerRadius-small);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown blockquote > :first-child {
+	margin-top: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown blockquote > :last-child {
+	margin-bottom: 0;
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown table {
+	width: 100%;
+	margin: 0 0 var(--vscode-spacing-size120) 0;
+	border-collapse: collapse;
+	border: var(--vscode-strokeThickness) solid var(--vscode-widget-border);
+}
+
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown th,
+.ai-customization-management-editor .ai-customization-embedded-detail .plugin-detail-readme-content .rendered-markdown td {
+	padding: var(--vscode-spacing-size40) var(--vscode-spacing-size60);
+	border: var(--vscode-strokeThickness) solid var(--vscode-widget-border);
+	text-align: left;
+}
+
+.ai-customization-management-editor .editor-item-path {
+	font-size: var(--vscode-fontSize-body2);
+	color: var(--vscode-descriptionForeground);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	font-family: var(--monaco-monospace-font);
+}
+
+.ai-customization-management-editor .editor-save-indicator {
+	flex-shrink: 0;
+	width: 16px;
+	height: 16px;
+	font-size: 16px;
+	line-height: 16px;
+	text-align: center;
+	color: var(--vscode-descriptionForeground);
+	opacity: 0;
+	transition: opacity 0.2s ease;
+	margin-right: 4px;
+}
+
+.ai-customization-management-editor .editor-save-indicator.visible {
+	opacity: 0.7;
+}
+
+.ai-customization-management-editor .editor-save-indicator.saved {
+	color: var(--vscode-testing-iconPassed, #73c991);
+	opacity: 1;
+}
+
+.ai-customization-management-editor .editor-mode-button {
+	flex-shrink: 0;
+	height: 26px;
+	padding: 0 10px;
+	border-radius: 4px;
+	border: 1px solid var(--vscode-widget-border);
+	background: var(--vscode-button-secondaryBackground);
+	color: var(--vscode-button-secondaryForeground);
+	cursor: pointer;
+	font-size: 12px;
+	line-height: 24px;
+	transition: background-color 0.1s ease, border-color 0.1s ease;
+}
+
+.ai-customization-management-editor .editor-mode-button:hover {
+	background: var(--vscode-button-secondaryHoverBackground);
+}
+
+.ai-customization-management-editor .editor-mode-button:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: 1px;
+}
+
+.ai-customization-management-editor .editor-preview-container,
+.ai-customization-management-editor .embedded-editor-container {
+	flex: 1;
+	margin-top: 8px;
+	min-height: 0;
+	overflow: hidden;
+}
+
+.ai-customization-management-editor .editor-preview-container {
+	background: var(--vscode-editor-background);
+	overflow: hidden;
+}
+
+.ai-customization-management-editor .editor-preview-scroll-container {
+	height: 100%;
+	overflow: auto;
+	padding: 16px;
+	box-sizing: border-box;
+	outline: none;
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+}
+
+.ai-customization-management-editor .editor-preview-section {
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+}
+
+.ai-customization-management-editor .editor-preview-frontmatter-list {
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+}
+
+.ai-customization-management-editor .editor-preview-row {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+	padding: 10px 12px;
+	background: var(--vscode-editorWidget-background);
+	border: 1px solid var(--vscode-widget-border);
+	border-radius: 6px;
+}
+
+.ai-customization-management-editor .editor-preview-row-header {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+}
+
+.ai-customization-management-editor .editor-preview-row-key {
+	font-size: 12px;
+	font-weight: 600;
+	color: var(--vscode-foreground);
+	font-family: var(--monaco-monospace-font);
+}
+
+.ai-customization-management-editor .editor-preview-row-help {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 20px;
+	height: 20px;
+	padding: 0;
+	border: none;
+	border-radius: 999px;
+	background: transparent;
+	color: var(--vscode-descriptionForeground);
+	cursor: pointer;
+}
+
+.ai-customization-management-editor .editor-preview-row-help:hover {
+	background: var(--vscode-toolbar-hoverBackground);
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-management-editor .editor-preview-row-help:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: 1px;
+}
+
+.ai-customization-management-editor .editor-preview-row-help-icon {
+	font-size: 14px;
+	line-height: 14px;
+}
+
+.ai-customization-management-editor .editor-preview-row-value {
+	font-size: var(--vscode-fontSize-body1);
+	line-height: 1.5;
+	color: var(--vscode-foreground);
+	white-space: pre-wrap;
+	word-break: break-word;
+}
+
+.ai-customization-management-editor .editor-preview-row-value.multiline {
+	font-family: var(--monaco-monospace-font);
+	font-size: 12px;
+}
+
+.ai-customization-management-editor .editor-preview-body-content {
+	padding: 12px 14px;
+	background: var(--vscode-editorWidget-background);
+	border: 1px solid var(--vscode-widget-border);
+	border-radius: 6px;
+}
+
+.ai-customization-management-editor .editor-preview-body-content > :first-child {
+	margin-top: 0;
+}
+
+.ai-customization-management-editor .editor-preview-body-content > :last-child {
+	margin-bottom: 0;
+}
+
+.ai-customization-management-editor .editor-preview-empty-state {
+	padding: 12px 14px;
+	background: var(--vscode-editorWidget-background);
+	border: 1px dashed var(--vscode-widget-border);
+	border-radius: 6px;
+	color: var(--vscode-descriptionForeground);
+	font-size: 12px;
+}
+
+.ai-customization-management-editor .editor-preview-issues-box {
+	padding: 12px 14px;
+	background: var(--vscode-inputValidation-warningBackground);
+	border: 1px solid var(--vscode-inputValidation-warningBorder);
+	border-radius: 6px;
+	color: var(--vscode-inputValidation-warningForeground);
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+}
+
+.ai-customization-management-editor .editor-preview-issues-title {
+	font-size: 12px;
+	font-weight: 600;
+}
+
+.ai-customization-management-editor .editor-preview-issues-description,
+.ai-customization-management-editor .editor-preview-issues-list {
+	font-size: 12px;
+	line-height: 1.4;
+}
+
+.ai-customization-management-editor .editor-preview-issues-list {
+	margin: 0;
+	padding-left: 18px;
+}
+
+.ai-customization-management-editor .embedded-editor-container .monaco-editor {
+	border-radius: 4px;
+}
+
+/* Initial open transition: a subtle fade + lift plays once when the editor
+pane is first mounted. View switches inside the modal are not animated. */
+.ai-customization-management-editor {
+	animation: ai-customization-view-enter 160ms ease-out;
+}
+
+@keyframes ai-customization-view-enter {
+	from {
+		opacity: 0;
+		transform: translateY(4px);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.ai-customization-management-editor {
+		animation: none;
+	}
+}
+
+/* Welcome page styles live in the welcome page variant stylesheets. */
+
+/* Migrations dashboard scroll container */
+.ai-customization-management-editor .prompt-migration-content-container.showing-dashboard {
+	padding: 0;
+}
+
+.ai-customization-management-editor .customization-migration-dashboard-scrollable {
+	position: relative;
+	flex: 1;
+	min-height: 0;
+	width: 100%;
+}
+
+.ai-customization-management-editor .customization-migration-dashboard-container {
+	position: absolute;
+	inset: 0;
+	overflow: hidden;
+	box-sizing: border-box;
+	padding: 0 var(--vscode-spacing-size160) 0 0;
+}