From 88a60c4e7316d5a22c01fe8c1e1fbc1a79cb78c5 Mon Sep 17 00:00:00 2001
From: Horizontal42 <75383519+Horizontal42@users.noreply.github.com>
Date: Fri, 3 Jul 2026 12:53:47 +0300
Subject: [PATCH] design: style the results-width slider to match the theme
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

It was still the bare OS-native slider — flat gray track everywhere
else in Settings is themed. Now a thin themed track with an accent
thumb that grows slightly while dragging.
---
 src/ui/app.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/ui/app.css b/src/ui/app.css
index 9d8e90f..0c89346 100644
--- a/src/ui/app.css
+++ b/src/ui/app.css
@@ -470,6 +470,29 @@ body {
   font-size: 12.5px;
   width: 110px;
 }
+#settings-panel input[type="range"] {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 110px;
+  height: 4px;
+  border-radius: 2px;
+  background: var(--border);
+  cursor: pointer;
+}
+#settings-panel input[type="range"]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: var(--accent);
+  cursor: grab;
+  transition: transform 0.1s ease;
+}
+#settings-panel input[type="range"]:active::-webkit-slider-thumb {
+  cursor: grabbing;
+  transform: scale(1.15);
+}
 .path-btn {
   background: var(--bg);
   color: var(--fg);