Upload app.py with huggingface_hub

app.py

@@ -78,10 +78,16 @@ def _estimate_duration(text, num_candidates=3, structured_fallback=True, *args,
     return min(30, max(12, 8 + len(text or "") // 200 + 4 * (candidates - 1)))
 
 
-def _run_harness(text: str | None, num_candidates: int | None, structured_fallback: bool | None) -> dict:
+def _run_harness(text: str | None, num_candidates: int | None, structured_fallback: bool | None, max_new_cap: int | None = None) -> dict:
     text, num_candidates, structured_fallback = _normalize(text, num_candidates, structured_fallback)
     if not text:
         raise ValueError("Paste a document to convert.")
+    hard_cap = 512
+    if max_new_cap is not None:
+        try:
+            hard_cap = max(16, min(512, int(max_new_cap)))
+        except (TypeError, ValueError):
+            hard_cap = 512
     started = time.perf_counter()
     result = convert_to_markdown(
         model,
@@ -93,6 +99,8 @@ def _run_harness(text: str | None, num_candidates: int | None, structured_fallba
         top_p=0.95,
         seed=0,
         use_cache=True,
+        max_new_tokens="auto",
+        hard_cap=hard_cap,
         structured_fallback=structured_fallback,
         skip_model_for_structured=True,
     )
@@ -101,7 +109,7 @@ def _run_harness(text: str | None, num_candidates: int | None, structured_fallba
 
 
 @spaces.GPU(duration=_estimate_duration)
-def convert(text: str | None = None, num_candidates: int | None = None, structured_fallback: bool | None = None) -> tuple[str, str, str]:
+def convert(text: str | None = None, num_candidates: int | None = None, structured_fallback: bool | None = None, max_output_tokens: int | None = None) -> tuple[str, str, str]:
     """Convert a plain-text document into faithful GitHub-Flavored Markdown.
 
     PASITA samples the document several times, every candidate is post-processed and
@@ -113,6 +121,7 @@ def convert(text: str | None = None, num_candidates: int | None = None, structur
         text: The document to convert, for example OCR output, pasted HTML, meeting notes or a report.
         num_candidates: How many PASITA samples to generate and rerank, from 1 to 3.
         structured_fallback: Use the deterministic converter for HTML and delimited data.
+        max_output_tokens: Optional cap on generated tokens. When omitted, the length is chosen automatically.
     Returns:
         A tuple of the rendered Markdown, the raw Markdown and a status line.
     """
@@ -121,7 +130,7 @@ def convert(text: str | None = None, num_candidates: int | None = None, structur
         return EMPTY_MD, "", _status("READY / PASTE A DOCUMENT TO CONVERT")
 
     try:
-        result = _run_harness(text, num_candidates, structured_fallback)
+        result = _run_harness(text, num_candidates, structured_fallback, max_output_tokens)
     except Exception as exc:
         message = html.escape(f"{type(exc).__name__}: {exc}")
         return (
@@ -145,7 +154,7 @@ def convert(text: str | None = None, num_candidates: int | None = None, structur
 
 
 @spaces.GPU(duration=_estimate_duration)
-def gpu_convert(text: str | None = None, num_candidates: int | None = None, structured_fallback: bool | None = None) -> dict:
+def gpu_convert(text: str | None = None, num_candidates: int | None = None, structured_fallback: bool | None = None, max_output_tokens: int | None = None) -> dict:
     """Convert a document and return the full conversion result.
 
     Same pipeline as the UI conversion. Used by the /v1 OpenAI-style API routes.
@@ -154,10 +163,11 @@ def gpu_convert(text: str | None = None, num_candidates: int | None = None, stru
         text: The document to convert.
         num_candidates: How many PASITA samples to generate and rerank, from 1 to 3.
         structured_fallback: Use the deterministic converter for HTML and delimited data.
+        max_output_tokens: Optional cap on generated tokens. When omitted, the length is chosen automatically.
     Returns:
         The full result dict: markdown, route, metrics, timing and candidate info.
     """
-    return _run_harness(text, num_candidates, structured_fallback)
+    return _run_harness(text, num_candidates, structured_fallback, max_output_tokens)
 
 
 COUNTER_JS = """(text) => {
@@ -190,12 +200,12 @@ def _exception_to_error(exc: Exception) -> JSONResponse:
     return _api_error(message, "server_error", status=500)
 
 
-def _with_request_context(request: fastapi.Request, text: str, candidates: int, fallback: bool) -> dict:
+def _with_request_context(request: fastapi.Request, text: str, candidates: int, fallback: bool, max_tokens: int | None = None) -> dict:
     if GradioRequest is not None:
         gr_request = GradioRequest(request=request, session_hash="api")
         token = LocalContext.request.set(gr_request)
         try:
-            return gpu_convert(text, candidates, fallback)
+            return gpu_convert(text, candidates, fallback, max_tokens)
         finally:
             LocalContext.request.reset(token)
     return gpu_convert(text, candidates, fallback)
@@ -216,6 +226,7 @@ class ChatCompletionRequest(BaseModel):
     model: str | None = "pasita-v1"
     messages: list[ChatMessage]
     stream: bool = False
+    max_tokens: int | None = None
     candidates: int = 3
     structured_fallback: bool = True
 
@@ -224,11 +235,47 @@ class ConvertRequest(BaseModel):
     text: str
     candidates: int = 3
     structured_fallback: bool = True
+    max_tokens: int | None = None
 
 
 server = Server(title="PASITA API", version="1.0.0", description=API_DESCRIPTION)
 
 
+_V2_CONVERT_PATHS = frozenset({"/gradio_api/call/v2/convert", "/gradio_api/call/v2/convert/"})
+
+
+@server.middleware("http")
+async def _legacy_convert_body(request: fastapi.Request, call_next):
+    if request.method == "POST" and request.url.path in _V2_CONVERT_PATHS:
+        try:
+            body = await request.json()
+        except Exception:
+            body = None
+        if isinstance(body, dict) and "data" in body and "text" not in body:
+            data = body.get("data")
+            if isinstance(data, list):
+                named: dict = {}
+                for name, value in zip(("text", "num_candidates", "structured_fallback"), data):
+                    named[name] = value
+                for key in ("session_hash", "event_id", "fn_index", "trigger_id", "batched"):
+                    if key in body:
+                        named[key] = body[key]
+                raw = json.dumps(named, default=str).encode("utf-8")
+                scope = dict(request.scope)
+                headers = [(k, v) for k, v in scope.get("headers", []) if k.lower() != b"content-length"]
+                headers.append((b"content-length", str(len(raw)).encode("latin-1")))
+                scope["headers"] = headers
+                messages = [{"type": "http.request", "body": raw, "more_body": False}]
+
+                async def receive_once():
+                    if messages:
+                        return messages.pop(0)
+                    return {"type": "http.request", "body": b"", "more_body": False}
+
+                request = fastapi.Request(scope, receive_once)
+    return await call_next(request)
+
+
 @server.exception_handler(fastapi.exceptions.RequestValidationError)
 async def validation_error_handler(request: fastapi.Request, exc: fastapi.exceptions.RequestValidationError):
     issues = "; ".join(f"{'.'.join(str(l) for l in e.get('loc', []))}: {e.get('msg', '')}" for e in exc.errors()[:3])
@@ -287,7 +334,7 @@ def v1_convert(body: ConvertRequest, request: fastapi.Request) -> dict | JSONRes
         return error
     started = time.perf_counter()
     try:
-        result = _with_request_context(request, body.text.strip(), int(body.candidates), bool(body.structured_fallback))
+        result = _with_request_context(request, body.text.strip(), int(body.candidates), bool(body.structured_fallback), body.max_tokens)
     except Exception as exc:
         return _exception_to_error(exc)
     payload = _result_payload(result, body.text.strip(), started)
@@ -327,7 +374,7 @@ def chat_completions(body: ChatCompletionRequest, request: fastapi.Request) -> d
 
     started = time.perf_counter()
     try:
-        result = _with_request_context(request, text.strip(), int(body.candidates), bool(body.structured_fallback))
+        result = _with_request_context(request, text.strip(), int(body.candidates), bool(body.structured_fallback), body.max_tokens)
     except Exception as exc:
         return _exception_to_error(exc)
 
@@ -475,187 +522,185 @@ Open questions
     ],
 ]
 
-CSS = """
-@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
+CSS = """@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
 
 :root, .gradio-container {
-  --bg:#050608; --ink:#f4f5f7; --muted:#9aa0ab; --muted-2:#7f8698;
-  --warm:#ff7a30; --cool:#7aa0ff; --obsidian:#0a0a0c;
-  --hair:rgba(255,255,255,0.14); --hair-soft:rgba(255,255,255,0.08);
-  --panel:rgba(255,255,255,0.03); --panel-hover:rgba(255,255,255,0.06);
-  --danger:#ff7a6b;
-  --font-display:"Hanken Grotesk", system-ui, sans-serif;
+  --bg:#0a0a0b; --panel:#101013; --panel-2:#16161a; --obsidian:#0d0d10;
+  --ink:#f4f4f5; --muted:#a1a1aa; --muted-2:#8e8e96;
+  --gold:#e8b34c; --green:#4cc38a; --red:#f87171;
+  --hair:rgba(255,255,255,0.09); --hair-soft:rgba(255,255,255,0.06);
+  --panel-hover:rgba(255,255,255,0.05);
+  --font-display:"Inter", system-ui, sans-serif;
   --font-mono:"JetBrains Mono", ui-monospace, monospace;
 
-  --body-background-fill:transparent;
-  --background-fill-primary:transparent;
-  --background-fill-secondary:transparent;
+  --body-background-fill:var(--bg);
+  --background-fill-primary:var(--panel);
+  --background-fill-secondary:var(--panel-2);
   --block-background-fill:transparent;
   --block-border-color:transparent;
   --block-border-width:0px;
-  --block-radius:0px;
+  --block-radius:12px;
   --border-color-primary:var(--hair);
   --body-text-color:var(--ink);
   --body-text-color-subdued:var(--muted);
   --input-background-fill:transparent;
   --input-border-color:transparent;
-  --input-radius:12px;
-  --color-accent:var(--warm);
-  --color-accent-soft:rgba(255,122,48,0.15);
-  --button-primary-background-fill:var(--warm);
-  --button-primary-background-fill-hover:#ff9757;
-  --button-primary-text-color:#0b0705;
+  --input-radius:8px;
+  --color-accent:var(--gold);
+  --color-accent-soft:rgba(232,179,76,0.12);
+  --button-primary-background-fill:#fafafa;
+  --button-primary-background-fill-hover:#e4e4e7;
+  --button-primary-text-color:#0a0a0b;
   --button-secondary-background-fill:transparent;
   --button-secondary-text-color:var(--muted);
   --button-secondary-border-color:var(--hair);
-  --button-large-radius:100px;
-  --button-small-radius:100px;
+  --button-large-radius:8px;
+  --button-small-radius:8px;
+  --checkbox-background-color-selected:var(--gold);
+  --checkbox-border-color-focus:var(--gold);
   --shadow-drop:none; --shadow-drop-lg:none;
   --font:var(--font-display); --font-mono:var(--font-mono);
 }
 
 body, .gradio-container {
-  background:
-    radial-gradient(120% 80% at 50% 118%, rgba(255,110,40,0.10), rgba(255,110,40,0) 55%),
-    radial-gradient(90% 70% at 88% -10%, rgba(80,120,230,0.10), rgba(80,120,230,0) 55%),
-    radial-gradient(140% 120% at 50% 50%, #0a0c11 0%, #050608 55%, #030305 100%) !important;
-  background-attachment: fixed !important;
+  background: var(--bg) !important;
   color: var(--ink);
   font-family: var(--font-display);
+  font-variant-numeric: tabular-nums;
   -webkit-font-smoothing: antialiased;
 }
-.gradio-container { max-width: 1240px !important; margin: 0 auto; padding: 0 20px 26px; }
+.gradio-container { max-width: 1200px !important; margin: 0 auto; padding: 0 20px 26px; }
 footer[aria-label="Gradio footer navigation"] { display: none !important; }
-:focus-visible { outline: 2px solid var(--cool) !important; outline-offset: 2px; }
+:focus-visible { outline: 2px solid var(--gold) !important; outline-offset: 2px; }
 
 .p-head {
   display: flex; align-items: center; justify-content: space-between; gap: 16px;
-  padding: 22px 0 16px; border-bottom: 1px solid var(--hair-soft); margin-bottom: 20px;
+  padding: 20px 0 14px; border-bottom: 1px solid var(--hair-soft); margin-bottom: 20px;
 }
 .p-brand { display: flex; align-items: center; gap: 10px; }
-.p-glyph { display: inline-flex; width: 22px; height: 22px; color: var(--warm); }
+.p-glyph { display: inline-flex; width: 20px; height: 20px; color: var(--gold); }
 .p-glyph svg { width: 100%; height: 100%; }
-.p-name { font-weight: 700; letter-spacing: 0.14em; font-size: 1.02rem; }
-.p-tag { font-family: var(--font-mono); font-size: 0.62rem; letter-spacing: 0.14em; color: var(--muted-2); margin-top: 2px; }
+.p-name { font-weight: 600; letter-spacing: 0.12em; font-size: 0.95rem; }
+.p-tag { font-family: var(--font-mono); font-size: 0.62rem; letter-spacing: 0.12em; color: var(--muted-2); margin-top: 2px; }
 .p-actions { display: flex; align-items: center; gap: 10px; }
 .p-btn {
-  font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.1em;
-  color: var(--ink); text-decoration: none; padding: 0 18px; min-height: 44px;
-  display: inline-flex; align-items: center; border-radius: 999px;
-  background: rgba(255,255,255,0.04); border: 1px solid var(--hair);
-  transition: background .25s ease, color .25s ease, border-color .25s ease;
+  font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.08em;
+  color: var(--ink); text-decoration: none; padding: 0 16px; min-height: 44px;
+  display: inline-flex; align-items: center; border-radius: 8px;
+  background: var(--panel); border: 1px solid var(--hair);
+  transition: background .2s ease, color .2s ease, border-color .2s ease;
 }
-.p-btn:hover { background: var(--ink); color: #08090c; border-color: var(--ink); }
+.p-btn:hover { background: var(--panel-2); border-color: rgba(255,255,255,0.22); }
 
 .p-status {
   display: flex; align-items: center; gap: 9px; margin: -6px 0 16px;
-  font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em;
+  font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
   text-transform: uppercase; color: var(--muted); min-height: 20px;
+  font-variant-numeric: tabular-nums;
 }
 .p-dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,0.2); flex-shrink: 0; }
-.p-status.ready .p-dot { background: var(--warm); box-shadow: 0 0 10px rgba(255,138,77,0.55); }
-.p-status.busy .p-dot { background: #ffcd6b; animation: p-pulse 1.1s ease-in-out infinite; }
-.p-status.error { color: var(--danger); }
-.p-status.error .p-dot { background: var(--danger); box-shadow: 0 0 10px rgba(255,122,107,0.5); }
+.p-status.ready .p-dot { background: var(--green); }
+.p-status.busy .p-dot { background: var(--gold); animation: p-pulse 1.1s ease-in-out infinite; }
+.p-status.error { color: var(--red); }
+.p-status.error .p-dot { background: var(--red); }
 .p-detail { margin-left: auto; color: var(--muted-2); }
-@keyframes p-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.3; } }
+@keyframes p-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.35; } }
 
-#p-shell { gap: 18px; align-items: stretch; }
+#p-shell { gap: 16px; align-items: stretch; }
 .p-panel {
-  background: var(--panel); border: 1px solid var(--hair); border-radius: 16px;
+  background: var(--panel); border: 1px solid var(--hair); border-radius: 12px;
   padding: 14px 14px 12px; min-width: 0;
 }
-.p-label { font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); }
-.p-count { float: right; font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.04em; color: var(--muted-2); }
+.p-label { font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }
+.p-count { float: right; font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.02em; color: var(--muted-2); font-variant-numeric: tabular-nums; }
 
 #p-text, #p-text > div { background: transparent !important; border: 0 !important; box-shadow: none !important; }
 #p-text textarea {
   background: transparent !important; border: 0 !important; color: var(--ink) !important;
-  font-family: var(--font-display) !important; font-size: 0.95rem; line-height: 1.65;
+  font-family: var(--font-display) !important; font-size: 0.94rem; line-height: 1.65;
   min-height: 360px; padding: 12px 2px 0;
 }
 #p-text textarea::placeholder { color: var(--muted-2) !important; }
 
-#p-run, #p-clear { font-family: var(--font-mono) !important; font-size: 0.75rem !important; letter-spacing: 0.12em; min-height: 46px; }
-#p-run { flex: 2; }
+#p-run, #p-clear { font-family: var(--font-mono) !important; font-size: 0.75rem !important; letter-spacing: 0.1em; min-height: 46px; }
+#p-run { flex: 2; font-weight: 500; }
 #p-clear { flex: 1; background: transparent !important; color: var(--muted) !important; border: 1px solid var(--hair) !important; }
-#p-clear:hover { color: var(--ink) !important; border-color: rgba(255,255,255,0.3) !important; }
+#p-clear:hover { color: var(--ink) !important; border-color: rgba(255,255,255,0.25) !important; }
 
-#p-examples .label { font-family: var(--font-mono) !important; font-size: 0.66rem !important; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted) !important; }
+#p-examples .label { font-family: var(--font-mono) !important; font-size: 0.66rem !important; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted) !important; }
 #p-examples .label svg { display: none; }
 #p-examples .gallery-item {
-  background: var(--panel) !important; border: 1px solid var(--hair) !important; border-radius: 999px !important;
+  background: var(--panel-2) !important; border: 1px solid var(--hair) !important; border-radius: 8px !important;
   color: var(--muted) !important; font-size: 12px !important; min-height: 44px; padding: 8px 14px !important;
   text-align: left; transition: background .2s ease, color .2s ease, border-color .2s ease;
 }
-#p-examples .gallery-item:hover { border-color: rgba(255,255,255,0.3) !important; color: var(--ink) !important; background: var(--panel-hover) !important; }
+#p-examples .gallery-item:hover { border-color: rgba(255,255,255,0.25) !important; color: var(--ink) !important; }
 
 #p-tabs .tab-container[role="tablist"] {
-  display: inline-flex; gap: 4px; background: var(--panel); border: 1px solid var(--hair);
-  border-radius: 100px; padding: 3px; margin-bottom: 12px;
+  display: inline-flex; gap: 2px; background: var(--panel-2); border: 1px solid var(--hair);
+  border-radius: 10px; padding: 3px; margin-bottom: 12px;
 }
 #p-tabs .tab-container[role="tablist"] button {
-  appearance: none; border: 0 !important; background: transparent !important; border-radius: 100px !important;
+  appearance: none; border: 0 !important; background: transparent !important; border-radius: 7px !important;
   padding: 7px 14px !important; font-family: var(--font-mono) !important; font-size: 10.5px !important;
-  letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted) !important;
+  letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted) !important;
 }
 #p-tabs .tab-container[role="tablist"] button.selected,
 #p-tabs .tab-container[role="tablist"] button[aria-selected="true"] {
-  background: rgba(255,255,255,0.08) !important; color: var(--warm) !important;
+  background: rgba(255,255,255,0.09) !important; color: var(--gold) !important;
 }
 #p-tabs .tab-container::after,
 #p-tabs .tab-container button.selected::after { content: none !important; }
 
-#p-rendered { min-height: 360px; font-size: 0.95rem; line-height: 1.72; color: var(--ink); }
-#p-rendered .prose { font-size: 0.95rem; line-height: 1.72; }
-#p-rendered h1, #p-rendered h2, #p-rendered h3, #p-rendered h4 { color: #fff; font-weight: 600; line-height: 1.25; margin: 1.25em 0 0.55em; }
-#p-rendered h1 { font-size: 1.5em; }
-#p-rendered h2 { font-size: 1.28em; }
-#p-rendered h3 { font-size: 1.12em; }
-#p-rendered p { margin: 0 0 0.9em; }
-#p-rendered ul, #p-rendered ol { margin: 0 0 0.9em; padding-left: 1.5em; }
-#p-rendered li { margin: 0.25em 0; }
+#p-rendered { min-height: 360px; font-size: 0.94rem; line-height: 1.7; color: var(--ink); }
+#p-rendered .prose { font-size: 0.94rem; line-height: 1.7; }
+#p-rendered h1, #p-rendered h2, #p-rendered h3, #p-rendered h4 { color: var(--ink); font-weight: 600; line-height: 1.3; margin: 1.2em 0 0.5em; letter-spacing: -0.01em; }
+#p-rendered h1 { font-size: 1.45em; }
+#p-rendered h2 { font-size: 1.22em; }
+#p-rendered h3 { font-size: 1.08em; }
+#p-rendered p { margin: 0 0 0.85em; }
+#p-rendered ul, #p-rendered ol { margin: 0 0 0.85em; padding-left: 1.5em; }
+#p-rendered li { margin: 0.22em 0; }
 #p-rendered li::marker { color: var(--muted-2); }
-#p-rendered a { color: #8ab4ff; text-decoration: underline; text-underline-offset: 2px; }
-#p-rendered a:hover { color: #aecbff; }
-#p-rendered blockquote { margin: 0 0 0.9em; padding: 2px 0 2px 16px; border-left: 2px solid var(--hair); color: var(--muted); }
-#p-rendered hr { border: 0; border-top: 1px solid var(--hair); margin: 1.3em 0; }
-#p-rendered code { font-family: var(--font-mono); font-size: 0.85em; background: var(--panel); border: 1px solid var(--hair); border-radius: 5px; padding: 1px 5px; }
-#p-rendered pre { margin: 0 0 0.9em; padding: 14px 16px; background: var(--obsidian); border: 1px solid var(--hair); border-radius: 12px; overflow-x: auto; }
+#p-rendered a { color: var(--gold); text-decoration: underline; text-underline-offset: 2px; }
+#p-rendered a:hover { color: #f2c578; }
+#p-rendered blockquote { margin: 0 0 0.85em; padding: 2px 0 2px 14px; border-left: 2px solid var(--hair); color: var(--muted); }
+#p-rendered hr { border: 0; border-top: 1px solid var(--hair); margin: 1.2em 0; }
+#p-rendered code { font-family: var(--font-mono); font-size: 0.82em; background: var(--panel-2); border: 1px solid var(--hair); border-radius: 6px; padding: 1px 5px; }
+#p-rendered pre { margin: 0 0 0.85em; padding: 14px 16px; background: var(--obsidian); border: 1px solid var(--hair); border-radius: 8px; overflow-x: auto; }
 #p-rendered pre code { background: none; border: 0; padding: 0; font-size: 0.82em; line-height: 1.6; }
-#p-rendered table { border-collapse: collapse; margin: 0 0 0.9em; font-size: 0.92em; display: block; overflow-x: auto; }
-#p-rendered th, #p-rendered td { border: 1px solid var(--hair); padding: 6px 11px; text-align: left; }
-#p-rendered th { background: var(--panel); color: var(--ink); font-weight: 600; }
+#p-rendered table { border-collapse: collapse; margin: 0 0 0.85em; font-size: 0.9em; display: block; overflow-x: auto; }
+#p-rendered th, #p-rendered td { border: 1px solid var(--hair); padding: 6px 11px; text-align: left; font-variant-numeric: tabular-nums; }
+#p-rendered th { background: var(--panel-2); color: var(--ink); font-weight: 600; }
 
 #p-source {
   background: var(--obsidian) !important; border: 1px solid var(--hair-soft) !important;
-  border-radius: 12px !important; font-family: var(--font-mono) !important; min-height: 360px;
+  border-radius: 8px !important; font-family: var(--font-mono) !important; min-height: 360px;
 }
 #p-source label[data-testid="block-label"] { display: none; }
 #p-source .cm-editor { background: transparent !important; }
-#p-source .cm-content, #p-source .cm-scroller { color: var(--ink) !important; caret-color: var(--warm) !important; }
+#p-source .cm-content, #p-source .cm-scroller { color: var(--ink) !important; caret-color: var(--gold) !important; }
 #p-source .cm-gutters { background: transparent !important; color: var(--muted-2) !important; border-right: 1px solid var(--hair-soft) !important; }
 
-#p-settings { background: transparent !important; border: 1px solid var(--hair-soft) !important; border-radius: 12px !important; margin-top: 4px; }
-#p-settings > .label-wrap { font-family: var(--font-mono) !important; font-size: 0.68rem !important; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted) !important; }
+#p-settings { background: transparent !important; border: 1px solid var(--hair-soft) !important; border-radius: 8px !important; margin-top: 4px; }
+#p-settings > .label-wrap { font-family: var(--font-mono) !important; font-size: 0.68rem !important; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted) !important; }
 #p-settings > .label-wrap .icon { color: var(--muted-2) !important; }
 #p-settings .info-text { font-size: 0.72rem !important; color: var(--muted-2) !important; }
 
-#p-candidates .wrap { display: inline-flex; gap: 4px; background: var(--panel); border: 1px solid var(--hair); border-radius: 100px; padding: 3px; }
-#p-candidates label { border-radius: 100px; padding: 7px 16px; margin: 0 !important; cursor: pointer; transition: background .2s ease, color .2s ease; }
-#p-candidates label span { font-family: var(--font-mono) !important; font-size: 11px !important; letter-spacing: 0.08em; color: var(--muted) !important; }
-#p-candidates label.selected { background: rgba(255,255,255,0.08) !important; }
-#p-candidates label.selected span { color: var(--warm) !important; }
-#p-candidates input[type="radio"] { accent-color: var(--warm); }
-#p-settings .p-label { margin-bottom: 4px; }
+#p-candidates .wrap { display: inline-flex; gap: 2px; background: var(--panel-2); border: 1px solid var(--hair); border-radius: 10px; padding: 3px; }
+#p-candidates label { border-radius: 7px; padding: 7px 16px; margin: 0 !important; cursor: pointer; transition: background .2s ease, color .2s ease; }
+#p-candidates label span { font-family: var(--font-mono) !important; font-size: 11px !important; letter-spacing: 0.06em; color: var(--muted) !important; font-variant-numeric: tabular-nums; }
+#p-candidates label.selected { background: rgba(255,255,255,0.09) !important; }
+#p-candidates label.selected span { color: var(--gold) !important; }
+#p-candidates input[type="radio"] { accent-color: var(--gold); }
 
 .p-foot {
   display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px;
   margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--hair-soft);
-  font-family: var(--font-mono); font-size: 0.68rem; letter-spacing: 0.05em; line-height: 1.7; color: var(--muted-2);
+  font-family: var(--font-mono); font-size: 0.68rem; letter-spacing: 0.04em; line-height: 1.7; color: var(--muted-2);
 }
 .p-foot a { color: var(--muted); text-decoration: none; }
-.p-foot a:hover { color: var(--warm); }
+.p-foot a:hover { color: var(--gold); }
 
 @media (max-width: 820px) {
   .gradio-container { padding: 0 14px 20px; }
@@ -676,7 +721,7 @@ footer[aria-label="Gradio footer navigation"] { display: none !important; }
 theme = gr.themes.Base(
     primary_hue=gr.themes.colors.orange,
     neutral_hue=gr.themes.colors.gray,
-    font=[gr.themes.GoogleFont("Hanken Grotesk"), "system-ui", "sans-serif"],
+    font=[gr.themes.GoogleFont("Inter"), "system-ui", "sans-serif"],
     font_mono=[gr.themes.GoogleFont("JetBrains Mono"), "ui-monospace", "monospace"],
 )