/* General Styles */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

.gradio-container {
    max-width: 100%;
    margin: auto;
    padding: 10px;
}

/* Responsive Design for Mobile */
@media only screen and (max-width: 600px) {
    .gradio-container {
        font-size: 14px;
        padding: 5px;
    }

    input, button, textarea {
        font-size: 16px;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    .slider {
        width: 90%; /* Adjust sliders to fit smaller screens */
    }
}