<style>
    .diagnostic-console__container {
        margin-top: 20px;
    }

    .diagnostic-console {
        position: relative;
        background: #1e1e1e;
        border-radius: 4px;
        color: #d4d4d4;
        font-family: 'Courier New', Courier, monospace;
        font-size: 13px;
        overflow-y: auto;
        padding: 15px;
        word-wrap: break-word;
        display: flex;
        flex-direction: column;
    }

    .diagnostic-console__copy-button {
        position: absolute;
        top: 8px;
        right: 8px;
    }

    .diagnostic-message__success {
         color: #4ec9b0;
    }

    .diagnostic-message__info {
        color: #569cd6;
    }

    .diagnostic-message__warning {
        color: #ffa600;
    }

    .diagnostic-message__error {
        color: #f48771;
    }

    .diagnostic-message__date {
        color: #858585;
    }

    .diagnostic-message__container {
        margin-bottom: 5px;
    }
</style>
