Text size setting for path bar + file list (Compact/Default/Large)

Segmented row in the options popover; applied via data-text on <html> driving
CSS variables (--list-font / --list-meta-font / --path-font), persisted in
settings.json like theme and speed unit.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

ui/src/app/file-panel/file-panel.html

@@ -144,7 +144,7 @@
     (keydown.escape)="resetPath()"
     (keydown)="$event.stopPropagation()"
     spellcheck="false"
-    class="h-7 min-w-0 flex-1 rounded-md border border-input bg-transparent px-2 font-mono text-xs outline-none focus:ring-2 focus:ring-ring"
+    class="h-7 min-w-0 flex-1 rounded-md border border-input bg-transparent px-2 font-mono text-(length:--path-font) outline-none focus:ring-2 focus:ring-ring"
   />
   <button
     (click)="panel().refresh()"
@@ -187,7 +187,7 @@
       [attr.data-index]="i"
       (click)="rowClick($event, i)"
       (dblclick)="openAt(i)"
-      class="grid h-7 grid-cols-[minmax(0,1fr)_5.5rem_8.5rem] items-center text-[13px]"
+      class="grid h-7 grid-cols-[minmax(0,1fr)_5.5rem_8.5rem] items-center text-(length:--list-font)"
       [class.bg-accent]="i === panel().cursor() && !isSelected(entry)"
       [class.bg-primary/15]="isSelected(entry)"
       [class.ring-1]="i === panel().cursor() && isActive()"
@@ -202,10 +202,10 @@
         />
         <span class="truncate" [class.italic]="entry.type === 'symlink'">{{ entry.name }}</span>
       </div>
-      <span class="px-2 text-right font-mono text-xs tabular-nums text-muted-foreground">
+      <span class="px-2 text-right font-mono text-(length:--list-meta-font) tabular-nums text-muted-foreground">
         {{ entry.type === 'dir' ? '—' : formatSize(entry.size) }}
       </span>
-      <span class="px-2 font-mono text-xs tabular-nums text-muted-foreground">
+      <span class="px-2 font-mono text-(length:--list-meta-font) tabular-nums text-muted-foreground">
         {{ formatDate(entry.mtime) }}
       </span>
     </div>