style.css

/* Custom CSS for better styling */
.gradio-container {
    max-width: 1200px !important;
    margin: auto;
}

.tab-selected {
    background-color: #f0f2f6 !important;
    border-radius: 8px 8px 0 0 !important;
}

.input-column, .output-column {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.gr-button {
    background-color: #2c3e50 !important;
    color: white !important;
}

.gr-button:hover {
    background-color: #34495e !important;
}

.gr-form {
    border: none !important;
    background: transparent !important;
}