Fix double-border inputs, scrollable results table, and empty-state note rendering

app.py

@@ -293,6 +293,17 @@ custom_css = """
     font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
 }
 
+/* Gradio wraps every component in its own bordered/background "block".
+   We already draw our own card + input borders, so strip the default
+   wrapper chrome everywhere to avoid double-boxing labels/inputs. */
+.gradio-container .block,
+.gradio-container .form {
+    background: transparent !important;
+    border: none !important;
+    box-shadow: none !important;
+    padding: 0 !important;
+}
+
 #shell {
     max-width: 880px;
     margin: 0 auto;
@@ -418,6 +429,8 @@ label span {
     font-weight: 650 !important;
     text-transform: uppercase;
     letter-spacing: 0.03em;
+    display: inline-block;
+    margin-bottom: 6px;
 }
 
 textarea, input[type="text"] {
@@ -541,13 +554,24 @@ button.clear-button:hover {
     line-height: 1.6;
 }
 
+/* The table has 10 columns — it must scroll horizontally rather than
+   shrink, or headers wrap into unreadable fragments. */
 .dataframe {
     border-radius: var(--radius-md) !important;
-    overflow: hidden !important;
     border: 1px solid var(--panel-border) !important;
     font-size: 13.5px !important;
 }
 
+.dataframe .table-wrap,
+.dataframe [class*="scroll"] {
+    overflow-x: auto !important;
+}
+
+.dataframe table {
+    min-width: 1100px !important;
+    border-collapse: collapse !important;
+}
+
 .dataframe th {
     background: #0D1420 !important;
     color: var(--text-secondary) !important;
@@ -555,10 +579,14 @@ button.clear-button:hover {
     text-transform: uppercase;
     letter-spacing: 0.03em;
     font-weight: 700 !important;
+    white-space: nowrap !important;
+    padding: 10px 14px !important;
 }
 
 .dataframe td {
     color: #E2E8F0 !important;
+    padding: 10px 14px !important;
+    max-width: 220px;
 }
 
 /* ---------- FOOTER ---------- */
@@ -698,7 +726,7 @@ with gr.Blocks(
                 value="Ready."
             )
 
-            summary = gr.Markdown(
+            summary = gr.HTML(
                 value="""
                 <div class="result-note">
                 Enter a source word above and click Search — results will appear here.