Update style.css

style.css

@@ -693,4 +693,34 @@ input[type="range"].futuristic-slider::-moz-range-thumb {
     color: #334155; /* slate-700 - very faded */
     cursor: not-allowed;
     opacity: 0.5;
+}
+
+/* Style for truncated prompt subtitle to indicate clickability */
+#main-content-subtitle.prompt-truncated {
+    cursor: pointer;
+    text-decoration: underline dotted rgba(203, 213, 225, 0.5); /* slate-300 dotted underline */
+    transition: text-decoration-color 0.2s ease;
+}
+#main-content-subtitle.prompt-truncated:hover {
+    text-decoration-color: rgba(34, 211, 238, 0.8); /* cyan-400 */
+}
+
+/* Ensure prompt display modal text area is styled correctly */
+#full-prompt-text {
+    scrollbar-width: thin;
+    scrollbar-color: #475569 rgba(30, 41, 59, 0.5);
+}
+#full-prompt-text::-webkit-scrollbar {
+    width: 6px;
+}
+#full-prompt-text::-webkit-scrollbar-track {
+    background: rgba(51, 65, 85, 0.3);
+    border-radius: 3px;
+}
+#full-prompt-text::-webkit-scrollbar-thumb {
+    background: #475569;
+    border-radius: 3px;
+}
+#full-prompt-text::-webkit-scrollbar-thumb:hover {
+    background: #64748b;
 }