Update app.py

app.py

@@ -55,9 +55,16 @@ ethics_list = "\n".join(
     [f"• {p}" for p in VOYEUR_SPECIALIST_CONFIG["ethical_principles"]]
 )
 
-professions_str = ", ".join(PROFESSIONS[:20])
-thongs_str = ", ".join(LACE_THONG_STYLES[:10])
-hosiery_str = ", ".join(HOSIERY_STYLES[:10])
+# defensiva en caso de que los módulos data no tengan el contenido esperado
+def safe_join(lst, max_items=10):
+    try:
+        return ", ".join(lst[:max_items])
+    except Exception:
+        return ""
+
+professions_str = safe_join(PROFESSIONS, 20)
+thongs_str = safe_join(LACE_THONG_STYLES, 10)
+hosiery_str = safe_join(HOSIERY_STYLES, 10)
 
 SYSTEM_PROMPT_BASE = f"""Eres {VOYEUR_SPECIALIST_CONFIG['role']}.
 
@@ -106,7 +113,7 @@ def infer(user_text: str) -> str:
     return output
 
 # ============================================
-# INTERFAZ DE USUARIO CON GRADIO (MEJORADA)
+# INTERFAZ DE USUARIO CON GRADIO (CORRECCIÓN)
 # ============================================
 
 def get_system_config_ui() -> str:
@@ -137,7 +144,7 @@ def get_system_config_ui() -> str:
     </div>
     """
 
-# CSS personalizado para darle un look oscuro y con detalles en naranja/dorado
+# CSS personalizado (se inyecta en la página con <style>, no via gr.Blocks css=)
 CUSTOM_CSS = """
 body {
     font-family: 'Inter', sans-serif;
@@ -174,8 +181,16 @@ button:hover {
 }
 """
 
-with gr.Blocks(css=CUSTOM_CSS, title="Voyeur Prompt Generator") as demo:
+# ----------------------------------------
+# Construcción de la UI sin usar `css=` en Blocks
+# ----------------------------------------
+with gr.Blocks(title="Voyeur Prompt Generator") as demo:
     
+    # Inyectar CSS personalizado como HTML <style>
+    demo.add_component(
+        gr.HTML(f"<style>{CUSTOM_CSS}</style>")
+    )
+
     # Fila Principal para el Título
     with gr.Row():
         # Etiqueta de firma "BATUTO-ART" (pequeña y dorada)
@@ -218,7 +233,7 @@ with gr.Blocks(css=CUSTOM_CSS, title="Voyeur Prompt Generator") as demo:
             )
 
         # COLUMNA DERECHA: Interacción Principal
-        with gr.Column(scale=2, min_width=400, css_classes=["main-panel"]):
+        with gr.Column(scale=2, min_width=400, elem_classes=["main-panel"]):
             
             gr.Markdown("### 💬 Escribe tu visión fotográfica")
             
@@ -228,7 +243,7 @@ with gr.Blocks(css=CUSTOM_CSS, title="Voyeur Prompt Generator") as demo:
                 placeholder="Ej: Quiero una foto de una sommelier muy elegante con medias de red ajustándose el liguero en el sótano de una bodega antigua."
             )
             
-            btn = gr.Button("✨ Generar Prompt VOYEUR ✨", size="lg")
+            btn = gr.Button("✨ Generar Prompt VOYEUR ✨")
             
             gr.Markdown("### 📜 Prompt de Output (Exclusivamente en Inglés)")
             
@@ -243,5 +258,4 @@ with gr.Blocks(css=CUSTOM_CSS, title="Voyeur Prompt Generator") as demo:
             btn.click(fn=infer, inputs=inp, outputs=out)
 
 if __name__ == "__main__":
-    demo.launch()
-
+    demo.launch()