Complete character creation screen

Finished the character creation screen with the final layout, UI elements, and customization flow ready for integration.

components/character/character-layer-preview.tsx

@@ -65,10 +65,22 @@ export function CharacterLayerPreview({
 
       for (const { layer, image } of images) {
         const layerColor = colors[layer.id];
+        const rgb = hslToRgb(layerColor.h, layerColor.s, layerColor.l);
+
         drawTintedSprite(
           ctx,
           image,
-          hslToRgb(layerColor.h, layerColor.s, layerColor.l),
+          rgb,
+          layer.id === "eyes"
+            ? {
+                mode: "eyes",
+                skinColor: hslToRgb(
+                  colors.skin.h,
+                  colors.skin.s,
+                  colors.skin.l,
+                ),
+              }
+            : undefined,
         );
       }
     }