UI/UX improvements: refine model linker dialog styling with updated fonts, spacing, colors, and interactive elements

web/css/linker-shell.css

@@ -25,9 +25,10 @@
     resize: both;
     z-index: var(--ml-z-dialog);
     color: var(--input-text, #fff);
-    background: var(--ml-bg, #121212);
+    background: linear-gradient(180deg, #171717 0%, #111 100%);
     border: 1px solid rgba(255, 255, 255, 0.14);
     border-radius: 7px;
+    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
     box-shadow: 0 18px 46px rgba(0, 0, 0, 0.42);
 }
 
@@ -55,9 +56,9 @@
     justify-content: space-between;
     align-items: center;
     min-height: 34px;
-    padding: 4px 8px;
+    padding: 6px 10px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.09);
-    background: rgba(255, 255, 255, 0.018);
+    background: linear-gradient(180deg, rgba(255,255,255,0.035) 0%, rgba(255,255,255,0.012) 100%);
 }
 
 .ml-dialog-brand,
@@ -85,7 +86,7 @@
 .ml-dialog-title {
     margin: 0;
     color: var(--input-text);
-    font-size: 14px;
+    font-size: 15px;
     font-weight: 600;
 }