Update app.py

app.py

@@ -99,43 +99,38 @@ class FashionPromptGenerator:
         """Limpia el historial de prompts generados."""
         self.previous_prompts.clear()
 
+# CSS como string separado
 custom_css = """
-    .prompt-box {
-        border: 1px solid #e2e8f0; 
-        border-radius: 8px; 
-        padding: 16px;
-        margin-bottom: 16px; 
-        background-color: #f8fafc; 
-        font-family: 'Monaco', 'Consolas', monospace; 
-        font-size: 0.9em;
-        white-space: pre-wrap;
-        word-wrap: break-word;
-    }
-    .prompt-title { 
-        font-weight: bold; 
-        margin-bottom: 8px; 
-        color: #4a5568; 
-    }
-    .header { 
-        text-align: center; 
-        margin-bottom: 20px; 
-    }
-    .generate-btn {
-        background: linear-gradient(45deg, #FF6B6B, #4ECDC4);
-        color: white;
-        border: none;
-    }
-    .clear-btn {
-        background: #718096;
-        color: white;
-        border: none;
-    }
+.prompt-box {
+    border: 1px solid #e2e8f0; 
+    border-radius: 8px; 
+    padding: 16px;
+    margin-bottom: 16px; 
+    background-color: #f8fafc; 
+    font-family: 'Monaco', 'Consolas', monospace; 
+    font-size: 0.9em;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+.prompt-title { 
+    font-weight: bold; 
+    margin-bottom: 8px; 
+    color: #4a5568; 
+}
+.header { 
+    text-align: center; 
+    margin-bottom: 20px; 
+}
 """
 
 def create_gradio_interface():
     generator = FashionPromptGenerator()
 
-    with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as demo:
+    # Usar Blocks sin el parámetro css y theme
+    with gr.Blocks() as demo:
+        
+        # Inyectar CSS usando gr.HTML
+        gr.HTML(f"<style>{custom_css}</style>")
         
         gr.Markdown("""
         # 🎭 Advanced Fashion Prompt Generator
@@ -154,8 +149,8 @@ def create_gradio_interface():
                     label="Number of Prompts to Generate"
                 )
             with gr.Column(scale=1):
-                generate_btn = gr.Button("✨ Generate Prompts", variant="primary", elem_classes="generate-btn")
-                clear_btn = gr.Button("🗑️ Clear History", variant="secondary", elem_classes="clear-btn")
+                generate_btn = gr.Button("✨ Generate Prompts", variant="primary")
+                clear_btn = gr.Button("🗑️ Clear History", variant="secondary")
 
         gr.Markdown("---")
         
@@ -166,9 +161,8 @@ def create_gradio_interface():
                     value=negative_prompt_fusion,
                     label="",
                     lines=4,
-                    interactive=False,
-                    elem_classes="prompt-box"
-                )
+                    interactive=False
+                ).style(container=False)
 
         gr.Markdown("## Generated Prompts")
         
@@ -183,8 +177,7 @@ def create_gradio_interface():
                     label="", 
                     lines=12, 
                     max_lines=15,
-                    interactive=False, 
-                    elem_classes="prompt-box",
+                    interactive=False,
                     show_copy_button=True
                 )
                 output_columns.append(col)