styles/style.css

h1 {
    text-align: center;
    color: #1565c0;
}

#duplicate-button {
    margin: auto;
    color: white;
    background: #1565c0;
    border-radius: 50px;
}

#component-0 {
    max-width: 900px;
    margin: auto;
    padding-top: 1.5rem;
}

#chatbot {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 1rem;
}

#chatbot .gr-message-user {
    background-color: #e3f2fd;
    border-radius: 8px;
}

#chatbot .gr-message-bot {
    background-color: #bbdefb;
    border-radius: 8px;
}

.gr-input-group input, .gr-input-group textarea {
    border-radius: 8px;
}

.gr-input-group .gr-button-primary {
    background-color: #1565c0;
    color: white;
    border-radius: 8px;
}

.gr-input-group .gr-button-secondary {
    background-color: #eeeeee;
    color: #1565c0;
    border-radius: 8px;
}

#advanced-options .gr-accordion-label {
    color: #1565c0;
}

.gr-slider-container .gr-slider-label {
    color: #1565c0;
}