Solution 3: Force 1200px viewport with 0.33 scale for desktop rendering

- Set viewport to fixed 1200px width (desktop size)
- Scale down to 0.33 to fit on mobile screens
- Forces browser to render as desktop, bypassing mobile detection
- Testing if this makes Gradio tabs work on mobile

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

app.py

@@ -1339,9 +1339,9 @@ function() {
 }
 """
 
-# Standard viewport - works on all devices
+# Force desktop viewport - 1200px width scaled down to fit mobile
 custom_head = """
-<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
+<meta name="viewport" content="width=1200, initial-scale=0.33, minimum-scale=0.33, maximum-scale=5.0, user-scalable=yes">
 """
 
 with gr.Blocks(title="CatLLM - Research Data Classifier", theme=gr.themes.Soft(), css=custom_css, js=custom_js, head=custom_head) as demo: