Update script.js

script.js

@@ -377,6 +377,7 @@ async function generateVariations() {
             initialSetupCtaEl.classList.remove('flex', 'flex-grow');
         }, 500); // Corresponds to CSS transition duration
     }
+    if (mainContentEl) mainContentEl.classList.remove('justify-center-cta-active'); // Remove centering class from main-content
     if (perspectiveViewportEl) perspectiveViewportEl.classList.remove('hidden');
     // previewGridWrapperEl will be managed by showFourGridPreviewUI
 
@@ -552,6 +553,7 @@ function showSingleLargePreviewUI(htmlContent, titleText, fullPromptText) {
             initialSetupCtaEl.classList.remove('flex', 'flex-grow');
         }, 500);
     }
+    if (mainContentEl) mainContentEl.classList.remove('justify-center-cta-active'); // Remove centering class from main-content
     if (perspectiveViewportEl) perspectiveViewportEl.classList.remove('hidden');
     if (previewGridWrapperEl) previewGridWrapperEl.classList.remove('hidden');
 
@@ -590,6 +592,7 @@ function showInitialPreviewStateUI() {
     // Hide the main preview grid and show the initial CTA
     if (previewGridWrapperEl) previewGridWrapperEl.classList.add('hidden');
     if (perspectiveViewportEl) perspectiveViewportEl.classList.add('hidden'); // Hide the whole viewport
+    if (mainContentEl) mainContentEl.classList.add('justify-center-cta-active'); // Add centering class to main-content
     
     if (initialSetupCtaEl) {
         initialSetupCtaEl.style.display = 'flex'; // Set display before animation