@@ -47,8 +47,10 @@ export const NumberStepper = ({
 		}
 		const clamped = Math.min(max, Math.max(min, Math.round(next)))
 		setDraft(String(clamped))
-		// Committing the default clears the override so VS Code changes still flow through.
-		onChange(clamped === fallback ? undefined : clamped)
+		// Always the number the user chose. `fallback` is only what the box shows while nothing is set; for
+		// the font sizes the real default is VS Code's own size, so a typed 12 must stay 12. Only Reset
+		// clears the override.
+		onChange(clamped)
 	}
 
 	const buttonClass =
 
@@ -21,18 +21,3 @@ for (const theme of visualThemes) {
 		await expect(story).toHaveScreenshot(`appearance-preview-${theme.name}.png`)
 	})
 }
-
-test("a reset preview ignores saved root values and uses the live fallbacks", async ({ mount, page }) => {
-	const component = mountedStory(await mount("appearance-preview"))
-	await page.evaluate(() => {
-		const root = document.documentElement
-		root.style.setProperty("--zoo-terminal-font-size", "30px")
-		root.style.setProperty("--zoo-ui-scale", "2")
-	})
-	const reset = component.getByTestId("appearance-preview-reset").getByTestId("appearance-preview")
-	const terminal = reset.locator("pre").nth(1)
-	const size = await terminal.evaluate((el) => parseFloat(getComputedStyle(el).fontSize))
-	// Not the saved 30px: the terminal falls back to VS Code's editor font size.
-	expect(size).toBeLessThan(30)
-	expect(await reset.evaluate((el) => getComputedStyle(el).getPropertyValue("--zoo-ui-scale").trim())).toBe("")
-})
@@ -44,10 +44,19 @@ describe("NumberStepper", () => {
 		expect(onChange).toHaveBeenLastCalledWith(15)
 	})
 
-	it("clears the override when stepping back to the default", () => {
+	it("keeps an explicit value that equals the displayed default: only Reset clears an override", () => {
 		const { onChange } = setup({ value: 13 })
-		fireEvent.click(screen.getByTestId("t-decrement")) // 12 == fallback
-		expect(onChange).toHaveBeenLastCalledWith(undefined)
+		fireEvent.click(screen.getByTestId("t-decrement")) // 12 == the shown fallback, but the user chose it
+		expect(onChange).toHaveBeenLastCalledWith(12)
+		expect(onChange).not.toHaveBeenCalledWith(undefined)
+	})
+
+	it("stores a typed value that equals the displayed default as that number", () => {
+		const { onChange, input } = setup()
+		fireEvent.change(input, { target: { value: "12" } })
+		fireEvent.blur(input)
+		expect(onChange).toHaveBeenCalledTimes(1)
+		expect(onChange).toHaveBeenLastCalledWith(12)
 	})
 
 	it("disables the buttons at the limits", () => {
@@ -91,7 +100,7 @@ describe("NumberStepper", () => {
 		fireEvent.change(input, { target: { value: "" } })
 		fireEvent.blur(input)
 		expect(input.value).toBe("16")
-		expect(onChange).not.toHaveBeenCalledWith(NaN)
+		expect(onChange).not.toHaveBeenCalled()
 	})
 
 	it("clamps a typed zero up to the minimum (a real 0, unlike an emptied box)", () => {
Original file line number	Diff line number	Diff line change
`@@ -47,8 +47,10 @@ export const NumberStepper = ({`
`47`	`47`	`}`
`48`	`48`	`const clamped = Math.min(max, Math.max(min, Math.round(next)))`
`49`	`49`	`setDraft(String(clamped))`
`50`		`- // Committing the default clears the override so VS Code changes still flow through.`
`51`		`- onChange(clamped === fallback ? undefined : clamped)`
	`50`	+ // Always the number the user chose. `fallback` is only what the box shows while nothing is set; for
	`51`	`+ // the font sizes the real default is VS Code's own size, so a typed 12 must stay 12. Only Reset`
	`52`	`+ // clears the override.`
	`53`	`+ onChange(clamped)`
`52`	`54`	`}`
`53`	`55`
`54`	`56`	`const buttonClass =`