Add styles for select input and form field toggle

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));

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 {