dialog.custom-mcp { width: min(680px, calc(100vw - 3rem)); max-height: 88dvh; overflow: auto; box-sizing: border-box; padding: 1.5rem; border: 1px solid var(--pl-line); border-radius: 14px; background: var(--sv-color-surface-elevated); color: var(--pl-text); font: inherit; }
dialog.custom-mcp::backdrop { background: rgb(0 0 0 / 65%); }
.custom-mcp header { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.custom-mcp h2 { margin: 0; font-size: 1.2rem; font-weight: 600; }
.custom-mcp p { color: var(--pl-muted); line-height: 1.6; }
.custom-mcp [hidden] { display: none !important; }
.custom-mcp label { display: grid; gap: .45rem; margin: .85rem 0; font-size: .85rem; }
.custom-mcp input:not([type=radio]):not([type=checkbox]), .custom-mcp textarea, .custom-mcp select { min-width: 0; width: 100%; box-sizing: border-box; border: 1px solid var(--pl-line); border-radius: 8px; background: var(--sv-color-surface-strong); color: var(--pl-text); padding: .7rem; font: inherit; }
.custom-mcp textarea { min-height: 5rem; resize: vertical; font: 12px/1.6 var(--sv-font-mono); }
.custom-mcp .mcp-json { min-height: 15rem; }
.custom-mcp .mcp-modes { display: flex; gap: 1.5rem; border: 0; padding: 0; }
.custom-mcp .mcp-modes label, .custom-mcp .mcp-confirm { display: flex; align-items: start; gap: .55rem; }
.custom-mcp input[type=checkbox], .custom-mcp input[type=radio] { accent-color: var(--pl-accent); margin: .15rem 0 0; }
.custom-mcp footer { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
.custom-mcp pre { white-space: pre-wrap; overflow-wrap: anywhere; background: var(--sv-color-surface-strong); border-radius: 8px; padding: 1rem; max-height: 22rem; overflow: auto; font: 12px/1.7 var(--sv-font-mono); }
.custom-mcp .mcp-tools { max-height: 22rem; overflow: auto; }
.custom-mcp .mcp-tool { display: flex; gap: .75rem; padding: .8rem 0; border-bottom: 1px solid var(--pl-line); }
.custom-mcp .mcp-tool strong, .custom-mcp .mcp-tool small { display: block; overflow-wrap: anywhere; }
.custom-mcp .mcp-tool small { color: var(--pl-muted); margin-top: .35rem; line-height: 1.6; }
.custom-mcp [data-mcp-status] { min-height: 1.5em; font-size: .85rem; }
.custom-mcp :focus-visible { outline: 2px solid var(--pl-accent); outline-offset: 3px; }