.text-content {
padding: var(--mcpui-space-3);
border: 1px solid var(--mcpui-border);
border-radius: var(--mcpui-radius-card);
background: var(--mcpui-surface-sunken);
box-shadow: var(--mcpui-shadow-card);
color: var(--mcpui-ink);
font-family: var(--mcpui-font-body);
font-size: var(--mcpui-text-md);
line-height: var(--mcpui-leading-normal);
word-break: break-word;
max-height: 24rem;
overflow-y: auto;
scrollbar-width: thin;
}
.text-list {
padding-left: 1.1em;
list-style: disc;
}
.text-list li + li {
margin-top: 0.25em;
}
.text-content p + .text-list,
.text-list + p {
margin-top: 0.5em;
}
.text-content strong {
font-weight: 600;
}
.text-content code {
padding: 0.1em 0.3em;
border-radius: var(--mcpui-radius-sm);
background: var(--mcpui-surface);
font-family: var(--mcpui-font-mono);
font-size: 0.9em;
}
.text-content-mono {
font-family: var(--mcpui-font-mono);
font-size: var(--mcpui-text-sm);
white-space: pre;
overflow-x: auto;
}
.text-content-mono pre {
margin: 0;
font: inherit;
}
.text-content p + p {
margin-top: 0.5em;
}
.text-actions {
display: flex;
gap: var(--mcpui-space-2);
}
.copy-btn {
display: inline-flex;
align-items: center;
gap: var(--mcpui-space-2);
padding: var(--mcpui-space-1) var(--mcpui-space-3);
border: 1px solid var(--mcpui-border-strong);
border-radius: var(--mcpui-radius-inner);
background: var(--mcpui-surface);
color: var(--mcpui-ink);
font-size: var(--mcpui-text-sm);
cursor: pointer;
transition: border-color var(--mcpui-duration) var(--mcpui-ease),
background var(--mcpui-duration) var(--mcpui-ease);
}
.copy-btn:hover {
border-color: var(--mcpui-accent-rim);
background: var(--mcpui-accent-wash);
}
.copy-icon {
font-size: var(--mcpui-text-md);
line-height: 1;
}
.text-language {
font-family: var(--mcpui-font-mono);
font-size: var(--mcpui-text-xs);
letter-spacing: var(--mcpui-tracking-wide);
text-transform: uppercase;
color: var(--mcpui-ink-faint);
}
.copy-status {
font-size: var(--mcpui-text-sm);
color: var(--mcpui-ink-dim);
}
.copy-status[data-tone="success"] { color: var(--mcpui-success); }
.copy-status[data-tone="error"] { color: var(--mcpui-danger); }