HEADER

src/App.svelte

@@ -143,7 +143,7 @@
     flex: 1;
     overflow: hidden;
     position: relative;
-    padding-bottom: calc(50px + env(safe-area-inset-bottom, 0));
+    padding-bottom: calc(70px + env(safe-area-inset-bottom, 0));
   }
   
   /* Ensure content scrolls properly on iOS */

src/lib/components/Layout/AppHeader.svelte

@@ -44,6 +44,7 @@
     justify-content: space-between;
     align-items: center;
     padding: 1rem;
+    padding-top: calc(1rem + env(safe-area-inset-top, 0));
     background: white;
     border-bottom: 1px solid #eee;
     position: sticky;

src/lib/components/Layout/TabBar.svelte

@@ -61,7 +61,7 @@
     display: flex;
     justify-content: space-around;
     align-items: center;
-    height: 50px;
+    height: 70px;
   }
   
   .tab-item {
@@ -78,12 +78,12 @@
   
   .icon-wrapper {
     position: relative;
-    width: 32px;
-    height: 32px;
+    width: 56px;
+    height: 56px;
     display: flex;
     align-items: center;
     justify-content: center;
-    border-radius: 8px;
+    border-radius: 12px;
   }
   
   .tab-item.active .icon-wrapper {
@@ -91,8 +91,8 @@
   }
   
   .tab-icon {
-    width: 22px;
-    height: 22px;
+    width: 40px;
+    height: 40px;
     object-fit: contain;
     filter: grayscale(100%) brightness(0.5);
   }

src/lib/components/MonsterGenerator/MonsterGenerator.svelte

@@ -272,7 +272,7 @@ Write your response within \`\`\`json\`\`\``;
     
     try {
       const output = await fluxClient.predict("/infer", [
-        `${state.imagePrompt}\nNow generate an Anime-style image of the monster in an idle pose with a white background. The monster should not be attacking or in motion. The full monster must be visible within the frame.`,
+        `${state.imagePrompt}\nNow generate a Pokémon-Anime-style image of the monster in an idle pose with a white background. The monster should not be attacking or in motion. The full monster must be visible within the frame.`,
         0,      // seed
         true,   // randomizeSeed
         1024,   // width