/* Minimal custom styles to complement Tailwind */
html, body {
    height: 100%;
}

/* Make mermaid SVG scale nicely inside the preview */
#diagram svg {
    width: 100%;
    height: auto;
}

/* Small scrollbar styling for preview area */
#diagram::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}
#diagram::-webkit-scrollbar-thumb {
    background: rgba(15, 23, 42, 0.15);
    border-radius: 8px;
}

/* Respect user's monospace font for the editor */
#mermaidCode {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Roboto Mono', 'Courier New', monospace;
}