Deploy Project Halide Gradio Space

README.md

@@ -1,43 +1,43 @@
----
-title: Project Halide
-sdk: gradio
-sdk_version: 6.10.0
-app_file: app.py
-license: apache-2.0
-models:
-  - Lonelyguyse1/halide-vision
-  - openbmb/MiniCPM-V-4.6
-  - nvidia/Nemotron-Mini-4B-Instruct
-tags:
-  - gradio
-  - film
-  - computer-vision
-  - diagnostics
-  - track:backyard
-  - sponsor:openbmb
-  - sponsor:nvidia
-  - sponsor:modal
-  - sponsor:openai
-  - achievement:offgrid
-  - achievement:welltuned
-  - achievement:offbrand
----
-
-# Project Halide
-
-Project Halide is an edge-native diagnostic workbench for analog film scans by
-[Lonelyguyse1](https://huggingface.co/Lonelyguyse1).
-
-The runtime uses MiniCPM-V 4.6 for defect extraction and
-Nemotron-Mini-4B-Instruct for diagnostic reasoning. Model inference runs on the
-Space GPU runtime without cloud inference APIs.
-
-Fine-tuned vision model:
-<https://huggingface.co/Lonelyguyse1/halide-vision>
-
-Source repository:
-<https://github.com/Lonelyguyse1/Project-Halide>
-
-Demo video: pending final evaluation run.
-
-Social post: pending final evaluation run.
+---
+title: Project Halide
+sdk: gradio
+sdk_version: 6.10.0
+app_file: app.py
+license: apache-2.0
+models:
+  - Lonelyguyse1/halide-vision
+  - openbmb/MiniCPM-V-4.6
+  - nvidia/Nemotron-Mini-4B-Instruct
+tags:
+  - gradio
+  - film
+  - computer-vision
+  - diagnostics
+  - track:backyard
+  - sponsor:openbmb
+  - sponsor:nvidia
+  - sponsor:modal
+  - sponsor:openai
+  - achievement:offgrid
+  - achievement:welltuned
+  - achievement:offbrand
+---
+
+# Project Halide
+
+Project Halide is an edge-native diagnostic workbench for analog film scans by
+[Lonelyguyse1](https://huggingface.co/Lonelyguyse1).
+
+The runtime uses MiniCPM-V 4.6 for defect extraction and
+Nemotron-Mini-4B-Instruct for diagnostic reasoning. Model inference runs on the
+Space GPU runtime without cloud inference APIs.
+
+Fine-tuned vision model:
+<https://huggingface.co/Lonelyguyse1/halide-vision>
+
+Source repository:
+<https://github.com/Lonelyguyse1/Project-Halide>
+
+Demo video: pending final evaluation run.
+
+Social post: pending final evaluation run.

app.py

@@ -21,6 +21,8 @@ def main() -> None:
         show_error=True,
         theme=build_theme(),
         css=THEME_CSS,
+        allowed_paths=["assets"],
+        max_file_size="60mb",
     )
 
 

config.py

@@ -83,7 +83,7 @@ def get_vision_config() -> VisionConfig:
         ),
         local_model_path=env_path(
             "HALIDE_VISION_LOCAL_MODEL_PATH",
-            CHECKPOINT_DIR / "minicpm-v-4.6-merged-v3",
+            CHECKPOINT_DIR / "minicpm-v-4.6-merged-v4-stage1",
         ),
         use_finetuned=env_bool("HALIDE_USE_FINETUNED_VISION", False),
         downsample_mode=os.getenv("HALIDE_DOWNSAMPLE_MODE", "4x"),

requirements.txt

@@ -1,30 +1,9 @@
-# Project Halide Dependencies
-# Core runtime
-gradio>=6.10.0
-spaces>=0.40.0
-torch>=2.4.0
-torchvision>=0.19.0
-
-# HuggingFace transformers stack (pinned to MiniCPM-V 4.6 minimums)
-transformers>=5.7.0
-accelerate>=1.0.0
-huggingface_hub>=0.20.0
-pillow>=10.0.0
-
-# Optional: video decoding for MiniCPM-V 4.6 (we use image-only)
-# torchcodec or av
-
-# Local development extras
-datasets>=2.0.0
-numpy>=1.24.0
-opencv-python>=4.8.0
-pyyaml>=6.0
-tqdm>=4.65.0
-requests>=2.28.0
-pytest>=8.0.0
-
-# Storage
-# sqlite is part of the Python stdlib; no extra dep needed
-
-# Modal (for offline training jobs only, not used at runtime)
-modal>=0.50.0
+gradio>=6.10.0,<7.0.0
+spaces>=0.40.0
+torch>=2.4.0
+torchvision>=0.19.0
+transformers>=5.7.0,<6.0.0
+accelerate>=1.0.0
+huggingface_hub>=0.20.0
+pillow>=10.0.0
+numpy>=1.24.0

ui/app.py

@@ -7,6 +7,7 @@ import logging
 from typing import Any
 
 import gradio as gr
+from PIL import Image, ImageDraw, ImageFont
 
 from config import get_app_config
 from data.preprocessing import draw_defects, image_to_png_bytes, load_image
@@ -16,6 +17,7 @@ from storage.database import get_diagnosis, init_db, list_recent, record_diagnos
 from ui.components import (
     EMPTY_STATE,
     HEADER_HTML,
+    REPORT_EMPTY_STATE,
     confidence_notice_html,
     defect_table_rows,
     defect_pills_html,
@@ -26,6 +28,7 @@ from ui.components import (
     metadata_html,
     render_history,
     raw_json_text,
+    run_state_html,
     stats_html,
 )
 from ui.theme import THEME_CSS, build_theme
@@ -95,6 +98,74 @@ def _history_state(
     return render_history(entries), selected, gr.update(choices=choices, value=value), history_table_rows(entries)
 
 
+def _empty_outputs(
+    message: str = "Awaiting scan.",
+) -> tuple[Any, Any, str, str, str, str, str, str, str, list[list[str]], str, str, Any, list[list[str]]]:
+    history_html, selected_entry, selector_update, history_rows = _history_state()
+    empty = f'<p class="halide-muted">{html.escape(message)}</p>'
+    return (
+        None,
+        gr.update(value=[], visible=False),
+        run_state_html(None),
+        empty,
+        empty,
+        "",
+        "",
+        "",
+        "{}",
+        [],
+        history_html,
+        history_detail_html(selected_entry),
+        selector_update,
+        history_rows,
+    )
+
+
+def _review_gallery(pil_image: Any, annotated: Any) -> list[tuple[Any, str]]:
+    return [
+        (pil_image, "Original scan"),
+        (annotated, "Validated overlay"),
+    ]
+
+
+def _placeholder_image() -> Image.Image:
+    image = Image.new("RGB", (1200, 760), (5, 5, 5))
+    draw = ImageDraw.Draw(image)
+    frame = (28, 28, 1172, 732)
+    draw.rectangle(frame, outline=(68, 62, 52), width=2)
+    draw.rectangle((48, 48, 1152, 712), outline=(28, 27, 25), width=1)
+    try:
+        font = ImageFont.load_default(size=32)
+        small = ImageFont.load_default(size=18)
+    except TypeError:
+        font = ImageFont.load_default()
+        small = font
+    title = "Awaiting scan"
+    subtitle = "Validated overlay will appear here"
+    title_box = draw.textbbox((0, 0), title, font=font)
+    subtitle_box = draw.textbbox((0, 0), subtitle, font=small)
+    center_x = image.width // 2
+    center_y = image.height // 2
+    draw.text(
+        (center_x - (title_box[2] - title_box[0]) // 2, center_y - 26),
+        title,
+        fill=(243, 234, 219),
+        font=font,
+    )
+    draw.text(
+        (center_x - (subtitle_box[2] - subtitle_box[0]) // 2, center_y + 18),
+        subtitle,
+        fill=(169, 155, 136),
+        font=small,
+    )
+    return image
+
+
+def _placeholder_pair() -> tuple[Image.Image, Image.Image]:
+    placeholder = _placeholder_image()
+    return placeholder, placeholder.copy()
+
+
 @_gpu_decorator()
 def run_pipeline(
     image: Any,
@@ -104,25 +175,10 @@ def run_pipeline(
     scan_dpi: int,
     metadata_confidence: str = "low",
     progress: gr.Progress = gr.Progress(),
-) -> tuple[Any, str, str, str, str, str, str, list[list[str]], str, str, Any, list[list[str]]]:
+) -> tuple[Any, Any, str, str, str, str, str, str, str, list[list[str]], str, str, Any, list[list[str]]]:
     """Gradio handler for the diagnose button."""
-    history_html, selected_entry, selector_update, history_rows = _history_state()
     if image is None:
-        empty = '<p class="halide-muted">No image provided.</p>'
-        return (
-            None,
-            empty,
-            empty,
-            empty,
-            empty,
-            empty,
-            "{}",
-            [],
-            history_html,
-            history_detail_html(selected_entry),
-            selector_update,
-            history_rows,
-        )
+        return _empty_outputs("No image provided.")
 
     try:
         progress(0.0, "Hashing image for cache lookup...")
@@ -168,6 +224,8 @@ def run_pipeline(
             title=f"Halide: {len(defects)} validated defects",
         )
         image_pair = (pil_image, annotated)
+        gallery = gr.update(value=_review_gallery(pil_image, annotated), visible=True)
+        run_state = run_state_html(result)
         stats = stats_html(result)
         notice = confidence_notice_html(result)
         pills = defect_pills_html(counts)
@@ -178,6 +236,8 @@ def run_pipeline(
         history, selected_entry, selector_update, history_rows = _history_state(result.get("diagnosis_id"))
         return (
             image_pair,
+            gallery,
+            run_state,
             stats,
             notice,
             pills,
@@ -202,6 +262,8 @@ def run_pipeline(
         history, selected_entry, selector_update, history_rows = _history_state()
         return (
             None,
+            gr.update(value=[], visible=False),
+            err,
             err,
             "",
             "",
@@ -247,11 +309,15 @@ def build_app() -> gr.Blocks:
         gr.HTML(HEADER_HTML)
 
         with gr.Row(elem_classes="halide-workbench", equal_height=False):
-            with gr.Column(scale=3, min_width=320, elem_classes="halide-intake-panel"):
+            with gr.Column(scale=2, min_width=300, elem_classes="halide-intake-panel"):
+                gr.HTML(
+                    '<div class="halide-panel-title">Scan intake</div>'
+                    '<p class="halide-rail-copy">Metadata is context, visible evidence is primary.</p>'
+                )
                 image_input = gr.Image(
                     label="Film scan",
                     type="pil",
-                    height=330,
+                    height=300,
                     sources=["upload", "clipboard"],
                     buttons=["download", "fullscreen"],
                     elem_classes="halide-upload",
@@ -292,30 +358,54 @@ def build_app() -> gr.Blocks:
                     size="lg",
                     elem_id="halide-run-button",
                 )
+                gr.HTML(
+                    '<div class="halide-model-card">'
+                    '<span>Runtime</span>'
+                    '<strong>Open weights, GPU only</strong>'
+                    '<p>MiniCPM-V extracts evidence. Nemotron writes the lab report.</p>'
+                    "</div>"
+                )
 
-            with gr.Column(scale=7, min_width=560, elem_classes="halide-main-stage"):
-                with gr.Row(elem_classes="halide-status-band", equal_height=True):
-                    notice_output = gr.HTML(value=EMPTY_STATE, elem_classes="halide-status-cell")
-                    defect_summary = gr.HTML(value=EMPTY_STATE, elem_classes="halide-status-cell")
+            with gr.Column(scale=6, min_width=560, elem_classes="halide-main-stage"):
+                run_state_output = gr.HTML(value=run_state_html(None))
 
                 with gr.Group(elem_classes="halide-lighttable"):
-                    gr.HTML('<div class="halide-section-title">Light table</div>')
+                    gr.HTML(
+                        '<div class="halide-section-header">'
+                        '<div><span>Light table</span><strong>Original versus validated overlay</strong></div>'
+                        '<small>Review</small>'
+                        "</div>"
+                    )
                     compare_output = gr.ImageSlider(
+                        value=_placeholder_pair(),
                         label="Original / overlay",
                         type="pil",
-                        height="58vh",
+                        height="54vh",
                         max_height=760,
                         slider_position=52,
                         interactive=False,
                         buttons=["download", "fullscreen"],
+                        elem_id="halide-compare",
+                    )
+                    review_gallery = gr.Gallery(
+                        value=[],
+                        label="Review frames",
+                        columns=2,
+                        rows=1,
+                        height=220,
+                        allow_preview=True,
+                        object_fit="contain",
+                        buttons=["download", "fullscreen"],
+                        elem_classes="halide-review-gallery",
+                        visible=False,
                     )
 
-                with gr.Group(elem_classes="halide-diagnosis-panel"):
-                    gr.HTML('<div class="halide-section-title">Diagnosis and physical fixes</div>')
-                    diagnosis_output = gr.HTML(value=EMPTY_STATE)
-
-            with gr.Column(scale=3, min_width=360, elem_classes="halide-inspector"):
-                with gr.Tabs(selected="evidence", elem_classes="halide-inspector-tabs"):
+            with gr.Column(scale=3, min_width=390, elem_classes="halide-inspector"):
+                with gr.Tabs(selected="report", elem_classes="halide-inspector-tabs"):
+                    with gr.Tab("Report", id="report"):
+                        notice_output = gr.HTML(value=REPORT_EMPTY_STATE)
+                        defect_summary = gr.HTML(value="")
+                        diagnosis_output = gr.HTML(value="")
                     with gr.Tab("Evidence", id="evidence"):
                         stats_output = gr.HTML(value=EMPTY_STATE)
                         metadata_output = gr.HTML(value=EMPTY_STATE)
@@ -370,7 +460,12 @@ def build_app() -> gr.Blocks:
             "Vision: MiniCPM-V 4.6. Reasoning: Nemotron-Mini-4B-Instruct.</footer>"
         )
 
-        run_btn.click(
+        run_event = run_btn.click(
+            fn=lambda: gr.update(interactive=False, value="Diagnosing..."),
+            outputs=[run_btn],
+            queue=False,
+        )
+        run_event.then(
             fn=run_pipeline,
             inputs=[
                 image_input,
@@ -382,6 +477,8 @@ def build_app() -> gr.Blocks:
             ],
             outputs=[
                 compare_output,
+                review_gallery,
+                run_state_output,
                 stats_output,
                 notice_output,
                 defect_summary,
@@ -394,6 +491,10 @@ def build_app() -> gr.Blocks:
                 history_select,
                 history_table,
             ],
+        ).then(
+            fn=lambda: gr.update(interactive=True, value="Diagnose scan"),
+            outputs=[run_btn],
+            queue=False,
         )
         refresh_btn.click(
             fn=refresh_history,
@@ -414,8 +515,11 @@ def main() -> None:
     app.queue(max_size=8).launch(
         server_name="0.0.0.0",
         server_port=7860,
+        show_error=True,
         theme=build_theme(),
         css=THEME_CSS,
+        allowed_paths=["assets"],
+        max_file_size="60mb",
     )
 
 

ui/components.py

@@ -2,19 +2,36 @@
 
 from __future__ import annotations
 
+import base64
 import html
 import json
 import time
+from pathlib import Path
+import re
 from typing import Iterable
 
 from data.schemas import LABEL_DISPLAY_NAMES
 
 
-HEADER_HTML = """
+def _logo_html() -> str:
+    path = Path(__file__).resolve().parents[1] / "assets" / "logo.jpg"
+    if not path.exists():
+        return '<span class="halide-brand-mark halide-brand-mark-text">H</span>'
+    encoded = base64.b64encode(path.read_bytes()).decode("ascii")
+    return (
+        '<img class="halide-brand-mark" '
+        f'src="data:image/jpeg;base64,{encoded}" alt="" />'
+    )
+
+
+HEADER_HTML = f"""
 <div id="halide-header">
   <div class="halide-brand-lockup">
-    <span class="halide-kicker">Project Halide</span>
-    <h1>Analog Film Diagnostic Workbench</h1>
+    {_logo_html()}
+    <div>
+      <span class="halide-kicker">Project Halide</span>
+      <h1>Analog Film Diagnostic Workbench</h1>
+    </div>
   </div>
   <div class="halide-model-strip">
     <a href="https://huggingface.co/Lonelyguyse1" target="_blank" rel="noreferrer">Lonelyguyse1</a>
@@ -26,6 +43,21 @@ HEADER_HTML = """
 """
 
 EMPTY_STATE = '<p class="halide-muted">Awaiting scan.</p>'
+REPORT_EMPTY_STATE = (
+    '<div class="halide-empty-card">'
+    '<span>Report</span>'
+    '<strong>No scan analyzed yet</strong>'
+    '<p>Results, evidence counts, and physical fixes will appear here after a GPU run.</p>'
+    "</div>"
+)
+
+REPORT_SECTIONS = {
+    "root cause": "Root cause",
+    "evidence": "Evidence",
+    "physical fixes": "Physical fixes",
+    "confidence": "Confidence",
+    "next inspection": "Next inspection",
+}
 
 
 def defect_pills_html(label_counts: dict[str, int]) -> str:
@@ -88,9 +120,12 @@ def stats_html(result: dict) -> str:
     rows.append(_stat_row("Vision inference", f"{vision_s:.2f}s"))
     rows.append(_stat_row("Reasoning", f"{reasoning_s:.2f}s"))
     rows.append(_stat_row("Total", f"{total:.2f}s"))
-    rows.append(_stat_row("Vision model", _truncate(defects.get("model_path", ""), 50)))
-    rows.append(_stat_row("Reasoning model", _truncate(diagnosis.get("model_path", ""), 50)))
-    return f'<div class="halide-stats">{"".join(rows)}</div>'
+    rows.append(_stat_row("Vision model", _truncate(defects.get("model_path", ""), 46)))
+    rows.append(_stat_row("Reasoning model", _truncate(diagnosis.get("model_path", ""), 46)))
+    return (
+        '<div class="halide-panel-title">Run telemetry</div>'
+        f'<div class="halide-stats">{"".join(rows)}</div>'
+    )
 
 
 def _stat_row(label: str, value: str) -> str:
@@ -109,9 +144,101 @@ def _truncate(s: str, n: int) -> str:
 
 
 def diagnosis_html(text: str) -> str:
-    """Wrap diagnosis text in the styled card."""
-    safe = html.escape(text or "(no diagnosis produced)").replace("\n", "<br>")
-    return f'<div class="halide-diagnosis">{safe}</div>'
+    """Render the Nemotron Markdown report into structured HTML."""
+    return render_markdown_report(text or "(no diagnosis produced)")
+
+
+def render_markdown_report(text: str) -> str:
+    """Render the constrained diagnosis Markdown used by Nemotron.
+
+    This intentionally supports only the report shapes we request from the
+    model: section headings, paragraphs, bullets, and numbered fixes.
+    """
+    sections: list[dict[str, list[str] | str]] = []
+    current: dict[str, list[str] | str] = {
+        "title": "Report",
+        "lines": [],
+    }
+
+    for raw_line in text.replace("\r\n", "\n").split("\n"):
+        line = raw_line.strip()
+        if line.startswith("## "):
+            if current["lines"]:
+                sections.append(current)
+            title_key = line[3:].strip().lower()
+            current = {
+                "title": REPORT_SECTIONS.get(title_key, line[3:].strip() or "Report"),
+                "lines": [],
+            }
+            continue
+        current["lines"].append(line)
+    if current["lines"] or not sections:
+        sections.append(current)
+
+    rendered = []
+    for section in sections:
+        title = html.escape(str(section["title"]))
+        body = _render_report_lines(section["lines"])  # type: ignore[arg-type]
+        rendered.append(
+            '<section class="halide-report-section">'
+            f'<div class="halide-report-heading">{title}</div>'
+            f'<div class="halide-report-body">{body}</div>'
+            "</section>"
+        )
+    return '<div class="halide-report">' + "".join(rendered) + "</div>"
+
+
+def _render_report_lines(lines: list[str]) -> str:
+    blocks: list[str] = []
+    paragraph: list[str] = []
+    bullet_items: list[str] = []
+    ordered_items: list[str] = []
+
+    def flush_paragraph() -> None:
+        if paragraph:
+            blocks.append(
+                "<p>"
+                + " ".join(html.escape(part) for part in paragraph if part)
+                + "</p>"
+            )
+            paragraph.clear()
+
+    def flush_bullets() -> None:
+        if bullet_items:
+            items = "".join(f"<li>{item}</li>" for item in bullet_items)
+            blocks.append(f"<ul>{items}</ul>")
+            bullet_items.clear()
+
+    def flush_ordered() -> None:
+        if ordered_items:
+            items = "".join(f"<li>{item}</li>" for item in ordered_items)
+            blocks.append(f"<ol>{items}</ol>")
+            ordered_items.clear()
+
+    for line in lines:
+        if not line:
+            flush_paragraph()
+            flush_bullets()
+            flush_ordered()
+            continue
+        numbered = re.match(r"^\d+\.\s+(.*)$", line)
+        if line.startswith("- "):
+            flush_paragraph()
+            flush_ordered()
+            bullet_items.append(html.escape(line[2:].strip()))
+        elif numbered:
+            flush_paragraph()
+            flush_bullets()
+            ordered_items.append(html.escape(numbered.group(1).strip()))
+        else:
+            flush_bullets()
+            flush_ordered()
+            paragraph.append(line)
+
+    flush_paragraph()
+    flush_bullets()
+    flush_ordered()
+    return "".join(blocks) or '<p class="halide-muted">No report text.</p>'
 
 
 def metadata_html(result: dict) -> str:
@@ -125,7 +252,10 @@ def metadata_html(result: dict) -> str:
         _stat_row("Scan DPI", str(meta.get("scan_resolution_dpi", "unknown"))),
         _stat_row("Metadata confidence", confidence.title()),
     ]
-    return f'<div class="halide-stats compact">{"".join(rows)}</div>'
+    return (
+        '<div class="halide-panel-title">Film dossier</div>'
+        f'<div class="halide-stats compact">{"".join(rows)}</div>'
+    )
 
 
 def confidence_notice_html(result: dict) -> str:
@@ -152,6 +282,40 @@ def confidence_notice_html(result: dict) -> str:
     return f'<div class="halide-notice {tone}">{html.escape(message)}</div>'
 
 
+def run_state_html(result: dict | None) -> str:
+    """Render a top-level status block for the current diagnosis."""
+    if not result:
+        return (
+            '<div class="halide-run-state idle">'
+            '<span class="halide-run-eyebrow">Ready</span>'
+            "<strong>Load a scan to begin inspection.</strong>"
+            "</div>"
+        )
+
+    defects = result.get("defects", {}) or {}
+    count = int(defects.get("defect_count", 0) or 0)
+    dropped = int(defects.get("dropped_count", 0) or 0)
+    duplicates = int(defects.get("duplicate_count", 0) or 0)
+    if count:
+        title = f"{count} validated defect{'s' if count != 1 else ''}"
+        tone = "active"
+    else:
+        title = "No validated defects"
+        tone = "quiet"
+
+    detail = (
+        f"{dropped} invalid removed, {duplicates} duplicate removed, "
+        f"{float(result.get('total_seconds', 0.0) or 0.0):.2f}s total"
+    )
+    return (
+        f'<div class="halide-run-state {tone}">'
+        '<span class="halide-run-eyebrow">Current scan</span>'
+        f"<strong>{html.escape(title)}</strong>"
+        f"<span>{html.escape(detail)}</span>"
+        "</div>"
+    )
+
+
 def history_label(entry: dict) -> str:
     """Return a compact plain-text label for the history dropdown."""
     stamp = time.strftime(
@@ -259,6 +423,7 @@ def raw_json_text(result_or_entry: dict | None) -> str:
 __all__ = [
     "HEADER_HTML",
     "EMPTY_STATE",
+    "REPORT_EMPTY_STATE",
     "compact_label_counts",
     "confidence_notice_html",
     "defect_table_rows",
@@ -269,7 +434,9 @@ __all__ = [
     "history_label",
     "history_table_rows",
     "metadata_html",
+    "render_markdown_report",
     "render_history",
+    "run_state_html",
     "raw_json_text",
     "stats_html",
 ]

ui/server.py

@@ -32,6 +32,8 @@ def build_server(blocks: gr.Blocks | None = None) -> gr.Server:
         theme=build_theme(),
         css=THEME_CSS,
         show_error=True,
+        allowed_paths=["assets"],
+        max_file_size="60mb",
     )
     return server
 

ui/theme.py

@@ -4,52 +4,74 @@ from __future__ import annotations
 
 import gradio as gr
 
-OXIDE = "#c96f36"
-OXIDE_DEEP = "#8f3f27"
-AMBER = "#f6c85f"
-GREEN = "#6ee7b7"
-VIOLET = "#a78bfa"
-RED = "#ef4444"
-
-INK = "#0b0a08"
-SURFACE = "#151311"
-SURFACE_SOFT = "#1d1916"
-SURFACE_LIFT = "#27211c"
-PAPER = "#f6efe2"
-MUTED = "#b9afa2"
-BORDER = "#3b332b"
-BLACK = "#050403"
+BRASS = "#c59a52"
+BRASS_DARK = "#8a6431"
+COPPER = "#b85f3f"
+TEAL = "#66d4c1"
+VIOLET = "#9d8cff"
+RED = "#ef5d52"
+
+INK = "#0a0a0a"
+CARBON = "#111111"
+SURFACE = "#181715"
+SURFACE_SOFT = "#211f1c"
+SURFACE_LIFT = "#2c2924"
+PAPER = "#f3eadb"
+PAPER_SOFT = "#d7cbb8"
+MUTED = "#a99b88"
+BORDER = "#3a352e"
+BLACK = "#050505"
 
 THEME_CSS = f"""
 :root {{
-  --halide-oxide: {OXIDE};
-  --halide-oxide-deep: {OXIDE_DEEP};
-  --halide-amber: {AMBER};
-  --halide-green: {GREEN};
+  --halide-brass: {BRASS};
+  --halide-brass-dark: {BRASS_DARK};
+  --halide-copper: {COPPER};
+  --halide-teal: {TEAL};
   --halide-violet: {VIOLET};
   --halide-red: {RED};
   --halide-ink: {INK};
+  --halide-carbon: {CARBON};
   --halide-surface: {SURFACE};
   --halide-surface-soft: {SURFACE_SOFT};
   --halide-surface-lift: {SURFACE_LIFT};
   --halide-paper: {PAPER};
+  --halide-paper-soft: {PAPER_SOFT};
   --halide-muted: {MUTED};
   --halide-border: {BORDER};
   --halide-black: {BLACK};
 }}
 
+html,
 body,
 .gradio-container {{
-  background:
-    linear-gradient(180deg, #17110d 0%, #0d0a08 48%, #070605 100%) !important;
+  background: var(--halide-ink) !important;
   color: var(--halide-paper) !important;
   font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
     "Segoe UI", sans-serif !important;
+  letter-spacing: 0 !important;
+}}
+
+body::before {{
+  content: "";
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  background:
+    repeating-linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0.018) 0,
+      rgba(255, 255, 255, 0.018) 1px,
+      transparent 1px,
+      transparent 16px
+    );
+  opacity: 0.45;
 }}
 
 .gradio-container {{
   max-width: none !important;
-  padding: 0 1rem 1rem !important;
+  min-height: 100vh !important;
+  padding: 0 18px 18px !important;
 }}
 
 #halide-app {{
@@ -60,30 +82,44 @@ body,
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 1rem;
-  padding: 0.95rem 0.25rem 0.85rem;
-  margin: 0 0 0.75rem;
-  border-bottom: 1px solid rgba(246, 200, 95, 0.25);
+  gap: 18px;
+  max-width: 1720px;
+  margin: 0 auto;
+  padding: 18px 0 14px;
+  border-bottom: 1px solid rgba(197, 154, 82, 0.34);
 }}
 
 .halide-brand-lockup {{
+  display: flex;
+  align-items: center;
+  gap: 14px;
   min-width: 0;
 }}
 
+.halide-brand-mark {{
+  width: 46px;
+  height: 46px;
+  border-radius: 8px;
+  object-fit: cover;
+  border: 1px solid rgba(197, 154, 82, 0.45);
+  background: var(--halide-black);
+}}
+
 #halide-header h1 {{
   color: var(--halide-paper);
-  font-size: clamp(1.35rem, 2.1vw, 2.15rem);
-  line-height: 1.08;
-  margin: 0.15rem 0 0;
-  letter-spacing: 0;
+  font-size: clamp(1.5rem, 2.2vw, 2.35rem);
+  line-height: 1.04;
+  margin: 2px 0 0;
+  font-weight: 860;
+  letter-spacing: 0 !important;
 }}
 
 .halide-kicker {{
-  color: var(--halide-green);
+  color: var(--halide-teal);
   display: inline-block;
-  font-size: 0.75rem;
-  font-weight: 850;
-  letter-spacing: 0.12em;
+  font-size: 0.72rem;
+  font-weight: 840;
+  letter-spacing: 0.12em !important;
   text-transform: uppercase;
 }}
 
@@ -91,26 +127,33 @@ body,
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
-  gap: 0.45rem;
-  min-width: min(40vw, 34rem);
+  gap: 8px;
+  min-width: min(42vw, 36rem);
 }}
 
 .halide-model-strip span,
 .halide-model-strip a {{
-  border: 1px solid rgba(110, 231, 183, 0.34);
-  color: #ddfff3;
-  background: rgba(110, 231, 183, 0.08);
+  border: 1px solid rgba(197, 154, 82, 0.32);
+  color: var(--halide-paper);
+  background: rgba(24, 23, 21, 0.92);
   border-radius: 8px;
-  padding: 0.36rem 0.56rem;
+  padding: 8px 10px;
   font-size: 0.76rem;
-  font-weight: 760;
+  font-weight: 780;
   line-height: 1;
   text-decoration: none;
   white-space: nowrap;
 }}
 
+.halide-model-strip a {{
+  color: #dffcf6;
+  border-color: rgba(102, 212, 193, 0.38);
+}}
+
 .halide-workbench {{
-  gap: 0.85rem !important;
+  max-width: 1720px;
+  margin: 14px auto 0 !important;
+  gap: 14px !important;
   align-items: flex-start;
 }}
 
@@ -120,100 +163,204 @@ body,
   min-width: 0 !important;
 }}
 
-.halide-status-band {{
-  gap: 0.7rem !important;
-  margin-bottom: 0.75rem;
+.halide-intake-panel,
+.halide-inspector {{
+  background: rgba(17, 17, 17, 0.98);
+  border: 1px solid rgba(58, 53, 46, 0.95);
+  border-radius: 8px;
+  padding: 12px;
 }}
 
-.halide-status-cell {{
-  min-width: 0;
+.halide-panel-title {{
+  color: var(--halide-paper);
+  font-size: 0.76rem;
+  font-weight: 880;
+  letter-spacing: 0.1em !important;
+  text-transform: uppercase;
+  margin: 0 0 8px;
 }}
 
-.halide-lighttable,
-.halide-diagnosis-panel,
-.halide-panel {{
-  background: rgba(21, 19, 17, 0.96) !important;
-  border: 1px solid var(--halide-border) !important;
-  border-radius: 8px !important;
-  padding: 0.9rem !important;
-  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.34) !important;
+.halide-rail-copy {{
+  color: var(--halide-muted);
+  font-size: 0.84rem;
+  line-height: 1.42;
+  margin: 0 0 12px;
 }}
 
-.halide-lighttable {{
-  border-color: rgba(246, 200, 95, 0.24) !important;
-  padding-bottom: 0.7rem !important;
+.halide-model-card {{
+  border: 1px solid rgba(102, 212, 193, 0.28);
+  background: rgba(102, 212, 193, 0.055);
+  border-radius: 8px;
+  padding: 12px;
+  margin-top: 12px;
 }}
 
-.halide-diagnosis-panel {{
-  margin-top: 0.85rem;
-  border-left: 3px solid var(--halide-oxide) !important;
+.halide-model-card span {{
+  color: var(--halide-teal);
+  display: block;
+  font-size: 0.68rem;
+  font-weight: 860;
+  letter-spacing: 0.11em !important;
+  text-transform: uppercase;
+  margin-bottom: 5px;
 }}
 
-.halide-intake-panel .block,
-.halide-inspector .block,
-.halide-lighttable .block,
-.halide-diagnosis-panel .block {{
-  background: rgba(29, 25, 22, 0.88) !important;
-  border-color: rgba(59, 51, 43, 0.92) !important;
+.halide-model-card strong {{
+  color: var(--halide-paper);
+  display: block;
+  font-size: 0.98rem;
+  line-height: 1.2;
+}}
+
+.halide-model-card p {{
+  color: var(--halide-muted);
+  margin: 6px 0 0;
+  font-size: 0.82rem;
+  line-height: 1.35;
+}}
+
+.halide-run-state {{
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: 5px;
+  border-radius: 8px;
+  padding: 13px 15px;
+  margin-bottom: 12px;
+  background: var(--halide-surface);
+  border: 1px solid rgba(197, 154, 82, 0.30);
+  min-height: 76px;
+}}
+
+.halide-run-state strong {{
+  color: var(--halide-paper);
+  font-size: clamp(1.08rem, 1.5vw, 1.45rem);
+  line-height: 1.1;
+}}
+
+.halide-run-state span:last-child {{
+  color: var(--halide-muted);
+  font-size: 0.84rem;
+}}
+
+.halide-run-state.active {{
+  border-color: rgba(102, 212, 193, 0.46);
+}}
+
+.halide-run-state.quiet {{
+  border-color: rgba(157, 140, 255, 0.35);
+}}
+
+.halide-run-eyebrow {{
+  color: var(--halide-brass);
+  font-size: 0.68rem;
+  font-weight: 860;
+  letter-spacing: 0.12em !important;
+  text-transform: uppercase;
+}}
+
+.halide-lighttable {{
+  background: #0f0f0e !important;
+  border: 1px solid rgba(197, 154, 82, 0.34) !important;
   border-radius: 8px !important;
+  padding: 13px !important;
+  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.42) !important;
 }}
 
-.halide-upload img,
-.halide-lighttable img {{
-  background: #050403 !important;
+.halide-section-header {{
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 12px;
+}}
+
+.halide-section-header span {{
+  color: var(--halide-brass);
+  display: block;
+  font-size: 0.68rem;
+  font-weight: 880;
+  letter-spacing: 0.12em !important;
+  text-transform: uppercase;
+}}
+
+.halide-section-header strong {{
+  color: var(--halide-paper);
+  display: block;
+  font-size: 1rem;
+  line-height: 1.2;
+  margin-top: 3px;
+}}
+
+.halide-section-header small {{
+  color: var(--halide-muted);
+  border: 1px solid rgba(197, 154, 82, 0.26);
+  border-radius: 999px;
+  padding: 5px 9px;
+  font-size: 0.72rem;
+  line-height: 1;
+}}
+
+#halide-compare,
+.halide-review-gallery {{
+  background: var(--halide-black) !important;
 }}
 
-.halide-lighttable .wrap,
-.halide-lighttable .image-container,
-.halide-upload .wrap,
-.halide-upload .image-container {{
-  border-color: rgba(246, 239, 226, 0.34) !important;
+.halide-review-gallery {{
+  margin-top: 12px !important;
+}}
+
+.halide-upload img,
+#halide-compare img,
+.halide-review-gallery img {{
+  background: var(--halide-black) !important;
+  object-fit: contain !important;
 }}
 
 .halide-inline-controls {{
-  gap: 0.55rem !important;
+  gap: 8px !important;
 }}
 
 #halide-run-button,
 button.primary,
 .primary button {{
-  background: linear-gradient(135deg, var(--halide-oxide), var(--halide-red)) !important;
+  background: var(--halide-copper) !important;
   color: white !important;
-  border: 1px solid rgba(255, 255, 255, 0.14) !important;
+  border: 1px solid rgba(255, 255, 255, 0.16) !important;
   border-radius: 8px !important;
-  font-weight: 850 !important;
+  font-weight: 860 !important;
   letter-spacing: 0 !important;
-  box-shadow: 0 12px 28px rgba(201, 111, 54, 0.28) !important;
+  min-height: 46px !important;
+  box-shadow: 0 16px 30px rgba(184, 95, 63, 0.24) !important;
 }}
 
 #halide-run-button:hover,
 button.primary:hover,
 .primary button:hover {{
-  filter: brightness(1.06);
+  background: #ca6f4c !important;
 }}
 
 button.secondary,
 .secondary button,
 button {{
   border-radius: 8px !important;
-  font-weight: 740 !important;
+  font-weight: 760 !important;
 }}
 
 .halide-section-title {{
   color: var(--halide-paper);
-  font-size: 0.78rem;
-  font-weight: 850;
-  letter-spacing: 0.09em;
+  font-size: 0.76rem;
+  font-weight: 880;
+  letter-spacing: 0.1em !important;
   text-transform: uppercase;
-  margin: 0 0 0.7rem;
+  margin: 0 0 10px;
 }}
 
 .halide-subsection {{
   color: var(--halide-muted);
   font-size: 0.72rem;
-  font-weight: 850;
-  letter-spacing: 0.08em;
-  margin: 0.95rem 0 0.45rem;
+  font-weight: 860;
+  letter-spacing: 0.08em !important;
+  margin: 14px 0 7px;
   text-transform: uppercase;
 }}
 
@@ -222,47 +369,78 @@ button {{
   margin: 0;
 }}
 
+.halide-empty-card {{
+  background: rgba(33, 31, 28, 0.82);
+  border: 1px solid rgba(197, 154, 82, 0.28);
+  border-radius: 8px;
+  padding: 13px;
+}}
+
+.halide-empty-card span {{
+  color: var(--halide-brass);
+  display: block;
+  font-size: 0.68rem;
+  font-weight: 880;
+  letter-spacing: 0.12em !important;
+  text-transform: uppercase;
+  margin-bottom: 6px;
+}}
+
+.halide-empty-card strong {{
+  color: var(--halide-paper);
+  display: block;
+  font-size: 1rem;
+  line-height: 1.2;
+}}
+
+.halide-empty-card p {{
+  color: var(--halide-muted);
+  font-size: 0.84rem;
+  line-height: 1.4;
+  margin: 7px 0 0;
+}}
+
 .halide-notice {{
   border-radius: 8px;
-  padding: 0.74rem 0.82rem;
+  padding: 11px 12px;
   border: 1px solid var(--halide-border);
   color: var(--halide-paper);
-  background: rgba(39, 33, 28, 0.86);
+  background: rgba(33, 31, 28, 0.9);
   font-size: 0.88rem;
-  line-height: 1.38;
-  min-height: 3rem;
+  line-height: 1.42;
+  margin-bottom: 10px;
 }}
 
 .halide-notice.good {{
-  border-color: rgba(110, 231, 183, 0.38);
-  background: rgba(110, 231, 183, 0.08);
+  border-color: rgba(102, 212, 193, 0.38);
+  background: rgba(102, 212, 193, 0.075);
 }}
 
 .halide-notice.caution {{
-  border-color: rgba(246, 200, 95, 0.42);
-  background: rgba(246, 200, 95, 0.09);
+  border-color: rgba(197, 154, 82, 0.48);
+  background: rgba(197, 154, 82, 0.08);
 }}
 
 .halide-notice.neutral {{
-  border-color: rgba(167, 139, 250, 0.36);
-  background: rgba(167, 139, 250, 0.08);
+  border-color: rgba(157, 140, 255, 0.36);
+  background: rgba(157, 140, 255, 0.075);
 }}
 
 .halide-stats {{
   display: grid;
-  gap: 0.42rem;
+  gap: 0;
 }}
 
 .halide-stats.compact {{
-  gap: 0.32rem;
+  gap: 0;
 }}
 
 .halide-stat {{
   display: grid;
-  grid-template-columns: minmax(7.2rem, 0.42fr) minmax(0, 1fr);
-  gap: 0.7rem;
-  padding: 0.42rem 0;
-  border-bottom: 1px solid rgba(59, 51, 43, 0.88);
+  grid-template-columns: minmax(7rem, 0.42fr) minmax(0, 1fr);
+  gap: 12px;
+  padding: 8px 0;
+  border-bottom: 1px solid rgba(58, 53, 46, 0.85);
   color: var(--halide-paper);
   min-width: 0;
 }}
@@ -273,7 +451,7 @@ button {{
 
 .halide-stat-label {{
   color: var(--halide-muted);
-  font-weight: 760;
+  font-weight: 780;
 }}
 
 .halide-stat span:last-child {{
@@ -281,34 +459,71 @@ button {{
   text-align: right;
 }}
 
-.halide-diagnosis {{
-  background: rgba(39, 33, 28, 0.78);
-  border: 1px solid rgba(201, 111, 54, 0.28);
-  padding: 1rem 1.05rem;
+.halide-report {{
+  display: grid;
+  gap: 10px;
+}}
+
+.halide-report-section {{
+  background: rgba(33, 31, 28, 0.82);
+  border: 1px solid rgba(58, 53, 46, 0.94);
+  border-left: 3px solid var(--halide-brass);
   border-radius: 8px;
-  white-space: pre-wrap;
-  font-size: 0.95rem;
-  line-height: 1.58;
+  padding: 12px 13px;
+}}
+
+.halide-report-heading {{
   color: var(--halide-paper);
+  font-size: 0.78rem;
+  font-weight: 880;
+  letter-spacing: 0.1em !important;
+  margin-bottom: 8px;
+  text-transform: uppercase;
+}}
+
+.halide-report-body {{
+  color: var(--halide-paper-soft);
+  font-size: 0.93rem;
+  line-height: 1.56;
+}}
+
+.halide-report-body p {{
+  margin: 0 0 8px;
+}}
+
+.halide-report-body p:last-child {{
+  margin-bottom: 0;
+}}
+
+.halide-report-body ul,
+.halide-report-body ol {{
+  margin: 0;
+  padding-left: 1.15rem;
+}}
+
+.halide-report-body li {{
+  margin: 5px 0;
+  padding-left: 2px;
 }}
 
 .halide-pill-row {{
   display: flex;
   flex-wrap: wrap;
-  gap: 0.42rem;
+  gap: 7px;
+  margin-bottom: 10px;
 }}
 
 .halide-defect-pill {{
   display: inline-flex;
   align-items: center;
-  gap: 0.4rem;
-  background: rgba(201, 111, 54, 0.15);
-  color: #ffe6cf;
-  border: 1px solid rgba(201, 111, 54, 0.36);
-  padding: 0.33rem 0.58rem;
-  border-radius: 8px;
-  font-size: 0.8rem;
-  font-weight: 760;
+  gap: 6px;
+  background: rgba(184, 95, 63, 0.13);
+  color: #ffe4d8;
+  border: 1px solid rgba(184, 95, 63, 0.38);
+  padding: 6px 9px;
+  border-radius: 999px;
+  font-size: 0.78rem;
+  font-weight: 780;
   white-space: nowrap;
 }}
 
@@ -317,38 +532,38 @@ button {{
 }}
 
 .halide-defect-pill.dust {{
-  background: rgba(246, 200, 95, 0.13);
-  border-color: rgba(246, 200, 95, 0.35);
+  background: rgba(197, 154, 82, 0.13);
+  border-color: rgba(197, 154, 82, 0.38);
 }}
 
 .halide-defect-pill.dirt {{
-  background: rgba(201, 111, 54, 0.15);
-  border-color: rgba(201, 111, 54, 0.36);
+  background: rgba(184, 95, 63, 0.13);
+  border-color: rgba(184, 95, 63, 0.38);
 }}
 
 .halide-defect-pill.scratch {{
-  background: rgba(239, 68, 68, 0.14);
-  border-color: rgba(239, 68, 68, 0.4);
+  background: rgba(239, 93, 82, 0.14);
+  border-color: rgba(239, 93, 82, 0.42);
 }}
 
 .halide-defect-pill.long_hair {{
-  background: rgba(167, 139, 250, 0.13);
-  border-color: rgba(167, 139, 250, 0.36);
+  background: rgba(157, 140, 255, 0.13);
+  border-color: rgba(157, 140, 255, 0.38);
 }}
 
 .halide-defect-pill.short_hair {{
-  background: rgba(110, 231, 183, 0.11);
-  border-color: rgba(110, 231, 183, 0.34);
+  background: rgba(102, 212, 193, 0.11);
+  border-color: rgba(102, 212, 193, 0.36);
 }}
 
 .halide-defect-pill.emulsion_damage {{
-  background: rgba(226, 232, 240, 0.13);
-  border-color: rgba(226, 232, 240, 0.34);
+  background: rgba(215, 203, 184, 0.12);
+  border-color: rgba(215, 203, 184, 0.34);
 }}
 
 .halide-defect-pill.chemical_stain {{
-  background: rgba(34, 197, 94, 0.12);
-  border-color: rgba(34, 197, 94, 0.34);
+  background: rgba(74, 222, 128, 0.12);
+  border-color: rgba(74, 222, 128, 0.34);
 }}
 
 .halide-defect-pill.light_leak {{
@@ -357,30 +572,30 @@ button {{
 }}
 
 .halide-history-item {{
-  background: rgba(29, 25, 22, 0.78);
-  border: 1px solid rgba(59, 51, 43, 0.92);
+  background: rgba(33, 31, 28, 0.82);
+  border: 1px solid rgba(58, 53, 46, 0.94);
   border-radius: 8px;
-  margin-bottom: 0.65rem;
-  padding: 0.75rem;
+  margin-bottom: 9px;
+  padding: 11px;
 }}
 
 .halide-history-title {{
   color: var(--halide-paper);
-  font-weight: 850;
-  margin-bottom: 0.25rem;
+  font-weight: 860;
+  margin-bottom: 4px;
   overflow-wrap: anywhere;
 }}
 
 .halide-history-meta {{
   color: var(--halide-muted);
   font-size: 0.78rem;
-  line-height: 1.35;
-  margin: 0.3rem 0;
+  line-height: 1.36;
+  margin: 4px 0;
 }}
 
 .halide-history-detail {{
   display: grid;
-  gap: 0.4rem;
+  gap: 8px;
 }}
 
 .halide-history-feed {{
@@ -388,6 +603,15 @@ button {{
   overflow: auto;
 }}
 
+.halide-intake-panel .block,
+.halide-inspector .block,
+.halide-lighttable .block {{
+  background: rgba(24, 23, 21, 0.95) !important;
+  border-color: rgba(58, 53, 46, 0.95) !important;
+  border-radius: 8px !important;
+  box-shadow: none !important;
+}}
+
 input,
 textarea,
 select,
@@ -408,19 +632,13 @@ label,
 }}
 
 .label-wrap,
-.label-wrap span {{
-  background: rgba(39, 33, 28, 0.96) !important;
-  border-color: rgba(246, 200, 95, 0.22) !important;
-  color: var(--halide-paper) !important;
-  border-radius: 6px !important;
-  font-weight: 760 !important;
-}}
-
+.label-wrap span,
 label[data-testid="block-label"] {{
-  background: rgba(39, 33, 28, 0.96) !important;
-  border: 1px solid rgba(246, 200, 95, 0.22) !important;
+  background: rgba(33, 31, 28, 0.98) !important;
+  border-color: rgba(197, 154, 82, 0.24) !important;
   color: var(--halide-paper) !important;
   border-radius: 6px !important;
+  font-weight: 780 !important;
   box-shadow: none !important;
 }}
 
@@ -429,16 +647,16 @@ label[data-testid="block-label"] span {{
 }}
 
 label[data-testid$="-radio-label"] {{
-  background: rgba(39, 33, 28, 0.98) !important;
-  border: 1px solid rgba(246, 239, 226, 0.18) !important;
-  border-radius: 7px !important;
+  background: rgba(33, 31, 28, 0.98) !important;
+  border: 1px solid rgba(243, 234, 219, 0.18) !important;
+  border-radius: 8px !important;
   box-shadow: none !important;
   opacity: 1 !important;
 }}
 
 label[data-testid$="-radio-label"].selected {{
-  background: rgba(201, 111, 54, 0.26) !important;
-  border-color: rgba(246, 200, 95, 0.45) !important;
+  background: rgba(197, 154, 82, 0.16) !important;
+  border-color: rgba(197, 154, 82, 0.5) !important;
 }}
 
 label[data-testid$="-radio-label"] span,
@@ -449,17 +667,23 @@ label[data-testid$="-radio-label"] input,
 }}
 
 label[data-testid$="-radio-label"] input {{
-  accent-color: var(--halide-oxide);
+  accent-color: var(--halide-brass);
+}}
+
+.tabs {{
+  gap: 4px !important;
 }}
 
 .tabs button {{
   color: var(--halide-muted) !important;
   font-weight: 820 !important;
+  border-radius: 8px !important;
 }}
 
 .tabs button.selected {{
   color: var(--halide-paper) !important;
-  border-color: var(--halide-oxide) !important;
+  border-color: var(--halide-brass) !important;
+  background: rgba(197, 154, 82, 0.10) !important;
 }}
 
 table,
@@ -477,13 +701,31 @@ code {{
 }}
 
 footer {{
+  max-width: 1720px;
+  margin: 0 auto;
   color: var(--halide-muted) !important;
   text-align: center;
-  padding: 0.9rem;
+  padding: 14px 8px 4px;
   font-size: 0.82rem;
 }}
 
-@media (max-width: 980px) {{
+@media (max-width: 1180px) {{
+  .halide-workbench {{
+    flex-direction: column !important;
+  }}
+
+  .halide-intake-panel,
+  .halide-main-stage,
+  .halide-inspector {{
+    width: 100% !important;
+  }}
+}}
+
+@media (max-width: 760px) {{
+  .gradio-container {{
+    padding: 0 10px 12px !important;
+  }}
+
   #halide-header {{
     align-items: flex-start;
     flex-direction: column;
@@ -494,23 +736,14 @@ footer {{
     min-width: 0;
   }}
 
-  .halide-status-band {{
-    flex-direction: column;
-  }}
-
-  .halide-workbench {{
-    flex-direction: column !important;
-  }}
-
-  .halide-intake-panel,
-  .halide-main-stage,
-  .halide-inspector {{
-    width: 100% !important;
+  .halide-brand-mark {{
+    width: 40px;
+    height: 40px;
   }}
 
   .halide-stat {{
     grid-template-columns: 1fr;
-    gap: 0.18rem;
+    gap: 3px;
   }}
 
   .halide-stat span:last-child {{
@@ -524,39 +757,39 @@ def build_theme() -> gr.Theme:
     """Build a compact custom workbench theme."""
     return gr.themes.Base(
         primary_hue=gr.themes.Color(
-            c50="#fff7ed",
-            c100="#ffead5",
-            c200="#fed1a8",
-            c300="#f6aa6a",
-            c400="#e88b45",
-            c500=OXIDE,
-            c600=OXIDE_DEEP,
-            c700="#74311f",
-            c800="#5c281d",
-            c900="#3f1b14",
-            c950="#24100b",
+            c50="#fff8ed",
+            c100="#f8ead2",
+            c200="#ebd1a3",
+            c300="#d9b36d",
+            c400=BRASS,
+            c500=BRASS,
+            c600=BRASS_DARK,
+            c700="#694a24",
+            c800="#4d361d",
+            c900="#332313",
+            c950="#1c1209",
         ),
         secondary_hue=gr.themes.Color(
-            c50="#ecfdf5",
-            c100="#d1fae5",
-            c200="#a7f3d0",
-            c300=GREEN,
-            c400="#34d399",
-            c500="#10b981",
-            c600="#059669",
-            c700="#047857",
-            c800="#065f46",
-            c900="#064e3b",
-            c950="#022c22",
+            c50="#effffb",
+            c100="#d5fff7",
+            c200="#a8f5ea",
+            c300=TEAL,
+            c400="#3fbfae",
+            c500="#259d90",
+            c600="#1d7d74",
+            c700="#1b645e",
+            c800="#174d49",
+            c900="#123c39",
+            c950="#071f1d",
         ),
         neutral_hue=gr.themes.Color(
-            c50="#faf7f0",
+            c50="#fbf7ef",
             c100=PAPER,
-            c200="#d8cec0",
+            c200=PAPER_SOFT,
             c300=MUTED,
-            c400="#918477",
-            c500="#75695e",
-            c600="#5f5248",
+            c400="#85796a",
+            c500="#6e6357",
+            c600="#544d44",
             c700=BORDER,
             c800=SURFACE_SOFT,
             c900=SURFACE,
@@ -569,8 +802,8 @@ def build_theme() -> gr.Theme:
         body_background_fill_dark=INK,
         body_text_color=PAPER,
         body_text_color_dark=PAPER,
-        button_primary_background_fill=OXIDE,
-        button_primary_background_fill_dark=OXIDE,
+        button_primary_background_fill=COPPER,
+        button_primary_background_fill_dark=COPPER,
         button_primary_text_color="#ffffff",
         button_primary_text_color_dark="#ffffff",
         block_background_fill=SURFACE,