ui/styles.css

/* style.css */

html, body, #root,
.gradio-container, .app, .gradio-page, .gradio-interface, .gr-group, .html-container {
  background-color: #ffffff !important;            /* change to transparent if desired */
}



#header {
    text-align: center;
    font-size: 2em;
    margin-bottom: 20px;
    color: #333;
}
#user-guidance {
    font-size: 1.1em;
    color: #555;
    margin-bottom: 20px;
}
#main, #control_panel {
    padding: 20px;
    background-color: white;
    margin-bottom: 20px;
    border-radius: 5px;
}
#examples {
    font-size: 1.1em;
    color: #333;
    margin-bottom: 20px;
}
#footer {
    text-align: center;
    color: #888;
    font-size: 0.9em;
}