/* Custom styles */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer {
    margin-top: auto;
}

#diagramCode {
    font-family: monospace;
    resize: vertical;
}

#preview {
    background-color: var(--bs-dark);
    border-radius: 5px;
    padding: 10px;
    min-height: 200px;
}

#imageResult {
    background-color: var(--bs-dark);
    border-radius: 5px;
    padding: 10px;
    min-height: 200px;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.card {
    height: 100%;
}

.card-body {
    display: flex;
    flex-direction: column;
}

#renderedImage {
    max-width: 100%;
    border: 1px solid var(--bs-gray-700);
    border-radius: 5px;
}