Update app.py

app.py

@@ -207,7 +207,58 @@ def update_button_state(img, prompt):
     return gr.Button.update(interactive=bool(img and prompt))
 
 
-
+# 맨 앞부분에 CSS 정의 추가
+css = """
+footer {display: none}
+.main-title {
+    text-align: center;
+    margin: 2em 0;
+    padding: 1em;
+    background: #f7f7f7;
+    border-radius: 10px;
+}
+.main-title h1 {
+    color: #2196F3;
+    font-size: 2.5em;
+    margin-bottom: 0.5em;
+}
+.main-title p {
+    color: #666;
+    font-size: 1.2em;
+}
+.container {
+    max-width: 1200px;
+    margin: auto;
+    padding: 20px;
+}
+.tabs {
+    margin-top: 1em;
+}
+.input-group {
+    background: white;
+    padding: 1em;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+.output-group {
+    background: white;
+    padding: 1em;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+button.primary {
+    background: #2196F3;
+    border: none;
+    color: white;
+    padding: 0.5em 1em;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background 0.3s ease;
+}
+button.primary:hover {
+    background: #1976D2;
+}
+"""
 # Gradio UI 부분 수정
 with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
     gr.HTML("""