/* Mermaid Preview */

.mermaid-preview-container {
    border-top: 1px solid var(--color-border); background: var(--color-bg-secondary);
    max-height: 300px; overflow: auto; padding: var(--space-16); display: none;
}
.mermaid-preview-container.visible { display: block; }

.mermaid-preview-header {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: var(--space-8); font-size: var(--font-size-base); color: var(--color-text-muted);
}

.mermaid-preview-output {
    background: white; border-radius: var(--radius-sm);
    padding: var(--space-12); min-height: 60px;
}
.mermaid-preview-output svg { max-width: 100%; height: auto; }