Update index.html

index.html

@@ -23,7 +23,7 @@
     <div id="main-content" class="p-6 flex flex-col space-y-4"> 
         <div class="text-center mt-8">
             <h1 id="main-content-title" class="text-2xl font-bold text-cyan-400">Live Previews</h1> 
-            <h2 id="main-content-subtitle" class="text-lg font-semibold text-slate-300 mt-2">Powered by Gemini Models</h2>
+            <h2 id="main-content-subtitle" class="text-base font-semibold text-slate-300 mt-2">Powered by Gemini Models</h2>
             <p class="mt-3 text-xs text-slate-500">
                 <kbd class="px-2 py-1.5 text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500">Alt / Option</kbd> + <kbd class="px-2 py-1.5 text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500">P</kbd> to open prompt. 
                 <kbd class="px-2 py-1.5 text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500">Alt / Option</kbd> + <kbd class="px-2 py-1.5 text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500">R</kbd> to regenerate.
@@ -176,6 +176,16 @@
         </div>
     </div>
 
+    <div id="prompt-display-modal-overlay" class="modal-overlay">
+        <div id="prompt-display-modal-content" class="modal-content max-w-2xl">
+            <h3 class="text-xl font-semibold text-cyan-300 mb-2">Full Prompt</h3>
+            <pre id="full-prompt-text" class="text-sm text-slate-300 whitespace-pre-wrap break-words bg-slate-800 p-3 rounded border border-slate-600 max-h-96 overflow-y-auto"></pre>
+            <div class="flex justify-end gap-3 mt-4">
+                <button id="prompt-display-modal-close-button" class="futuristic-button modal-button-secondary px-4 py-2 text-sm">Close</button>
+            </div>
+        </div>
+    </div>
+
     <script src="script.js"></script>
 </body>
 </html>