Let every thumbwheel accept typed values and line the image dials up.

Drop the how-to copy under duration and CFG, keep only the CFG default, and label megapixels so that wheel sits on the same row as steps.

Co-authored-by: Cursor <cursoragent@cursor.com>

components/LampToggle.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="w-[6.5rem] min-w-0">
-    <div v-if="label" class="mb-1.5 text-[10px] font-medium uppercase tracking-wider text-zinc-500">{{ label }}</div>
+    <div class="mb-1.5 min-h-[1.25rem] text-[10px] font-medium uppercase tracking-wider text-zinc-500">{{ label || '\u00a0' }}</div>
     <button
       type="button"
       role="switch"

components/Thumbwheel.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="min-w-0" :class="[disabled ? 'opacity-50' : '', unit ? 'w-[7.25rem]' : 'w-[6.5rem]']">
-    <div v-if="label" class="mb-1.5 text-[10px] font-medium uppercase tracking-wider text-zinc-500">{{ label }}</div>
+    <div class="mb-1.5 min-h-[1.25rem] text-[10px] font-medium uppercase tracking-wider text-zinc-500">{{ label || '\u00a0' }}</div>
     <div
       class="overflow-hidden rounded-2xl border bg-zinc-950"
       :class="locked ? 'border-amber-300/35' : 'border-white/10'"
@@ -123,7 +123,7 @@ const props = withDefaults(defineProps<{
   disabled: false,
   compact: false,
   digits: 1,
-  editable: false,
+  editable: true,
   unit: '',
   dragRange: 0
 })