**Refactor output visibility logic and switch Gradio theme to blue**

app.py

@@ -240,13 +240,7 @@ def _extract_video(d):
 def _extract_path(d):
     return (d.get("path") if isinstance(d, dict) else d)
 
-def _extract_video_update(d):
-    v = (d.get("video") if isinstance(d, dict) else d)
-    return gr.update(value=v, visible=True)
 
-def _extract_path_update(d):
-    v = (d.get("path") if isinstance(d, dict) else d)
-    return gr.update(value=v, visible=True)
 
 def _check_token(token: str):
     """Token gate for public app. Expected token via env APP_ACCESS_TOKEN or KESHERAT_TOKEN.
@@ -843,21 +837,29 @@ with gr.Blocks(
         btn_detect = gr.Button("Detectar defectos", variant="primary")
 
         # Output section: results appear here after detection
-        with gr.Row():
-            with gr.Column():
-                output_video = gr.Video(label="Vídeo anotado", visible=False)
-            with gr.Column():
-                output_image = gr.Image(label="Imagen anotada", visible=False)
+        output_video = gr.Video(label="Vídeo anotado", visible=False)
+        output_image = gr.Image(label="Imagen anotada", visible=False)
 
         # Hidden JSON components for API chaining
         json_video = gr.JSON(visible=False)
         json_image = gr.JSON(visible=False)
 
-        # Wire up the detection events
+        # Functions to show/hide outputs based on active tab and update content
+        def _update_video_output(json_result):
+            if json_result and json_result.get("output_path"):
+                return gr.Video(value=json_result["output_path"], visible=True), gr.Image(visible=False)
+            return gr.Video(visible=False), gr.Image(visible=False)
+
+        def _update_image_output(json_result):
+            if json_result and json_result.get("output_path"):
+                return gr.Video(visible=False), gr.Image(value=json_result["output_path"], visible=True)
+            return gr.Video(visible=False), gr.Image(visible=False)
+
+        # Wire up the detection events with proper output visibility
         ev_video = btn_detect.click(fn=infer_media, inputs=video_input, outputs=json_video, api_name="infer_media")
-        ev_video.then(_extract_video_update, inputs=json_video, outputs=output_video)
+        ev_video.then(_update_video_output, inputs=json_video, outputs=[output_video, output_image])
         ev_image = btn_detect.click(fn=infer_media, inputs=image_input, outputs=json_image, api_name="infer_media_1")
-        ev_image.then(_extract_path_update, inputs=json_image, outputs=output_image)
+        ev_image.then(_update_image_output, inputs=json_image, outputs=[output_video, output_image])
 
     # Wire the gate
     btn_enter.click(fn=_check_token, inputs=[gate_token], outputs=[gate_group, app_group, gate_status])

assets/kesheret.css

@@ -96,5 +96,43 @@ button:hover, .gr-button:hover, .gradio-button:hover {
   background: #0056D6 !important;
 }
 
+/* Override Gradio's purple/violet colors with blue */
+:root {
+  --primary-50: #eff6ff !important;
+  --primary-100: #dbeafe !important;
+  --primary-200: #bfdbfe !important;
+  --primary-300: #93c5fd !important;
+  --primary-400: #60a5fa !important;
+  --primary-500: #0046B8 !important;
+  --primary-600: #0046B8 !important;
+  --primary-700: #004D85 !important;
+  --primary-800: #031F33 !important;
+  --primary-900: #031F33 !important;
+}
+
+/* Tab headers - force blue instead of purple */
+.gradio-tabs .tab-nav button {
+  background: var(--kesheret-blue) !important;
+  color: white !important;
+  border: none !important;
+}
+
+.gradio-tabs .tab-nav button.selected,
+.gradio-tabs .tab-nav button:hover {
+  background: var(--medium-blue) !important;
+  color: white !important;
+}
+
+/* Primary buttons - force blue */
+button[variant="primary"], .primary {
+  background: linear-gradient(135deg, var(--kesheret-blue) 0%, var(--medium-blue) 100%) !important;
+  color: white !important;
+  border: 1px solid var(--kesheret-blue) !important;
+}
+
+button[variant="primary"]:hover, .primary:hover {
+  background: #0056D6 !important;
+}
+
 }