Update style.css

style.css

@@ -171,7 +171,7 @@ body {
     gap: 0.5rem; /* Space between buttons */
 }
 
-#config-button, #new-button {
+#config-button, #new-button, #show-prompt-modal-button {
     background-color: rgba(51, 65, 85, 0.7); 
     backdrop-filter: blur(5px); border-radius: 9999px; padding: 0.5rem;
     box-shadow: 0 2px 10px rgba(0,0,0,0.3); cursor: pointer;
@@ -181,14 +181,14 @@ body {
     align-items: center;
     justify-content: center;
 }
-#config-button:hover, #new-button:hover {
+#config-button:hover, #new-button:hover, #show-prompt-modal-button:hover {
     background-color: rgba(71, 85, 105, 0.8); 
     box-shadow: 0 0 10px rgba(34, 211, 238, 0.2);
 }
-#config-button svg, #new-button svg {
+#config-button svg, #new-button svg, #show-prompt-modal-button svg {
     width: 1.25rem; height: 1.25rem; color: #94a3b8; transition: color 0.2s;
 }
-#config-button:hover svg, #new-button:hover svg {
+#config-button:hover svg, #new-button:hover svg, #show-prompt-modal-button:hover svg {
     color: #22d3ee; 
 }
 
@@ -259,13 +259,15 @@ body.fullscreen-active #history-panel { display: none; }
 /* Perspective Grid Styles (for 4 variations) */
 #perspective-viewport {
     flex-grow: 1; min-height: 0; display: flex;
-    align-items: center; justify-content: center;
-    padding: 0.5rem; perspective: 1500px; overflow: hidden;
+    justify-content: center;
+    padding: 0.5rem;
+    perspective: 1500px;
+    overflow: hidden;
 }
 #preview-grid-wrapper { 
     display: grid; 
-    width: 98%; max-width: 1200px; height: auto;
-    aspect-ratio: 16 / 10; 
+    width: 98%; max-width: 1200px; 
+    height: 95%;
     transition: transform 0.5s ease-out;
 }
 #preview-grid-wrapper.grid-mode {
@@ -291,6 +293,7 @@ body.fullscreen-active #history-panel { display: none; }
     transform-style: preserve-3d;
     transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
     border: 1px solid #475569; 
+    height: 100%; /* Added to fill grid cell height */
 }
 .preview-item-perspective:hover:not(.selected) {
     transform: translateY(-8px) scale(1.03) translateZ(5px);