From 6d806455639e0f7b9996dbe18b488208b9801c09 Mon Sep 17 00:00:00 2001
From: leon <leon@Mac-mini-de-minuit-agency-victor.local>
Date: Tue, 8 Sep 2026 16:11:34 +0200
Subject: [PATCH] Refine lyrics creation layout and background styling

---
 src/screens/Writing/CreateLyricsWithAi.js | 3 ++-
 src/screens/Writing/CreatingLyrics.js     | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/screens/Writing/CreateLyricsWithAi.js b/src/screens/Writing/CreateLyricsWithAi.js
index 862d292..f40de25 100644
--- a/src/screens/Writing/CreateLyricsWithAi.js
+++ b/src/screens/Writing/CreateLyricsWithAi.js
@@ -344,7 +344,8 @@ const CreateLyricsWithAi = () => {
   return (
     <Page
       headerType="NONE"
-      backgroundImg={background.writingMobileBackground}
+      backgroundImg={selectedIndex === MAX_STEP_INDEX ? null : background.writingMobileBackground}
+      backgroundColor="#0F0C19"
     >
       <View
         onLayout={(event) => {
diff --git a/src/screens/Writing/CreatingLyrics.js b/src/screens/Writing/CreatingLyrics.js
index 0b6821a..85d6d7c 100644
--- a/src/screens/Writing/CreatingLyrics.js
+++ b/src/screens/Writing/CreatingLyrics.js
@@ -264,14 +264,14 @@ const CreatingLyrics = ({ active, config, selections, onErrorRedirect }) => {
       <View
         style={{
           width: '100%',
-          height: '50%',
+          ...(Platform.OS === 'web' ? { height: '50%' } : { maxWidth: 540, alignSelf: 'center' }),
         }}
       >
         <View
           style={{
             borderRadius: 20,
             overflow: 'hidden',
-            backgroundColor: '#0F0C1933',
+            backgroundColor: Platform.OS === 'web' ? '#0F0C1933' : '#211A30',
           }}
         >
           <BlurView