chore: update css lint rules, remove unused files

web/src/lib/components/kit/fields/FieldGrid.svelte

@@ -1,35 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-
-	interface Props {
-		compact?: boolean;
-		children: Snippet;
-	}
-
-	let { compact = false, children }: Props = $props();
-</script>
-
-<div class="controls" class:compact>
-	{@render children()}
-</div>
-
-<style>
-	.controls {
-		display: grid;
-		grid-template-columns: 1.1fr 1fr 1.2fr;
-		gap: 16px;
-	}
-	.controls.compact {
-		display: grid;
-		grid-template-columns: 1fr 1fr;
-		gap: 16px;
-	}
-
-	@media (max-width: 800px) {
-		.controls,
-		.controls.compact {
-			grid-auto-flow: row;
-			grid-auto-columns: auto;
-		}
-	}
-</style>

web/src/lib/components/kit/fields/NumberField.svelte

@@ -1,47 +0,0 @@
-<script lang="ts">
-	import Field from "./Field.svelte";
-
-	interface Props {
-		label: string;
-		value: number;
-		min?: number;
-		max?: number;
-		step?: number;
-		oninput?: (value: number) => void;
-	}
-	let { label, value = $bindable(), min, max, step, oninput }: Props = $props();
-
-	function handle(e: Event) {
-		value = Number((e.target as HTMLInputElement).value);
-		oninput?.(value);
-	}
-</script>
-
-<Field {label}>
-	<input
-		class="number-field"
-		type="number"
-		{min}
-		{max}
-		{step}
-		{value}
-		oninput={handle}
-	/>
-</Field>
-
-<style>
-	.number-field {
-		width: 100%;
-		font-family: var(--font-mono);
-		font-size: 11px;
-		color: var(--foreground);
-		background: var(--background);
-		border: 1px solid var(--line);
-		border-radius: var(--radius);
-		padding: 0.35rem 0.5rem;
-	}
-	.number-field:focus {
-		outline: none;
-		border-color: var(--blue);
-	}
-</style>

web/src/lib/components/kit/fields/ToggleRow.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-	import Toggle from "../ui/Toggle.svelte";
-
-	interface Props {
-		label: string;
-		checked: boolean;
-		onchange?: (checked: boolean) => void;
-	}
-
-	let { label, checked = $bindable(), onchange }: Props = $props();
-</script>
-
-<div class="toggle-row">
-	<span>{label}</span>
-	<Toggle bind:checked {onchange} {label} />
-</div>
-
-<style>
-	.toggle-row {
-		color: var(--foreground);
-		cursor: pointer;
-	}
-</style>