From 49c3dd09d4402fa367d69fbd63694c2f41723aa1 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Thu, 2 Apr 2026 20:54:40 +0200
Subject: [PATCH] Add styles for select input and form field toggle

---
 src/app/app.css                        | 22 ++++++++++++++++++++++
 src/document/migrate-scene-document.ts |  2 +-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/app/app.css b/src/app/app.css
index ecaf86a9..f73eac9b 100644
--- a/src/app/app.css
+++ b/src/app/app.css
@@ -275,6 +275,15 @@ button:disabled {
   border-radius: 10px;
 }
 
+.select-input {
+  width: 100%;
+  padding: 0.85rem 0.95rem;
+  background: rgba(7, 9, 13, 0.4);
+  color: var(--color-text);
+  border: 1px solid var(--color-border);
+  border-radius: 12px;
+}
+
 .color-input {
   width: 100%;
   min-height: 46px;
@@ -305,6 +314,19 @@ button:disabled {
   gap: 12px;
 }
 
+.form-field--toggle {
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.form-field--toggle input[type="checkbox"] {
+  width: 18px;
+  height: 18px;
+  margin: 0;
+  accent-color: var(--color-accent);
+}
+
 .vector-inputs {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
diff --git a/src/document/migrate-scene-document.ts b/src/document/migrate-scene-document.ts
index 60b44c85..434989e0 100644
--- a/src/document/migrate-scene-document.ts
+++ b/src/document/migrate-scene-document.ts
@@ -192,7 +192,7 @@ function readOptionalAllowedValue<T extends string>(value: unknown, label: strin
     throw new Error(`${label} must be a supported value.`);
   }
 
-  return stringValue;
+  return stringValue as T;
 }
 
 function readAdvancedRenderingSettings(value: unknown): AdvancedRenderingSettings {