fix: update field component

.gitignore

@@ -9,3 +9,4 @@ refs/public/placeholder-logo.svg
 refs/public/placeholder-logo.png
 refs/public/placeholder.svg
 web/audit/cdp-audit*.txt
+css-lint.txt

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Field from "./Field.svelte";
+	import Field from "./layout/Field.svelte";
 
 	interface Props {
 		label: string;

web/src/lib/components/kit/SelectField.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Field from "./Field.svelte";
+	import Field from "./layout/Field.svelte";
 
 	interface Option {
 		value: string;

web/src/lib/components/kit/layout/Field.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
-	import MonoLabel from "./MonoLabel.svelte";
+	import MonoLabel from "../MonoLabel.svelte";
 
 	interface Props {
 		label: string;
@@ -20,16 +20,16 @@
 	.field {
 		display: flex;
 		flex-direction: column;
-		gap: 0.3rem;
+		gap: var(--space-s);
 	}
 	.field-control {
 		display: flex;
 		align-items: center;
-		gap: 0.5rem;
+		gap: var(--space-m);
 	}
 	.field-hint {
 		font-family: var(--font-mono);
-		font-size: 10px;
+		font-size: var(--font-text);
-		color: var(--muted);
+		color: var(--color-text-muted);
 	}
 </style>