Update app.py

app.py

@@ -625,16 +625,21 @@ def visualize_color_psychology(brand: Dict) -> str:
 
 def visualize_generic_brand(brand: Dict, theory: str) -> str:
     """일반적인 브랜드 시각화"""
-    return f"""
+    # JSON을 HTML로 변환 (f-string 밖에서 처리)
+    json_str = json.dumps(brand, ensure_ascii=False, indent=2)
+    json_html = json_str.replace("\n", "<br>").replace(" ", "&nbsp;")
+    
+    html = f"""
 <div style="max-width: 700px; margin: 20px auto; padding: 30px; background: #f8f9fa; border-radius: 12px; font-family: -apple-system, sans-serif;">
     <h2 style="text-align: center; color: #2c3e50; margin-bottom: 10px;">{brand.get('brand_name', 'Brand')}</h2>
     <p style="text-align: center; font-style: italic; color: #7f8c8d; margin-bottom: 30px;">"{brand.get('slogan', '')}"</p>
     
-    <div style="background: white; padding: 20px; border-radius: 8px;">
-        {json.dumps(brand, ensure_ascii=False, indent=2).replace('\\n', '<br>').replace(' ', '&nbsp;')}
+    <div style="background: white; padding: 20px; border-radius: 8px; font-family: monospace; font-size: 0.9em;">
+        <pre style="margin: 0; white-space: pre-wrap;">{json_str}</pre>
     </div>
 </div>
 """
+    return html
 
 # Gradio UI
 with gr.Blocks(title="Ultimate Brand Theory Generator", theme=gr.themes.Soft()) as demo: