Use explicit relative paths for screenshot images

Author: Your Name

index.html

@@ -1595,7 +1595,7 @@ <h3>
                             <p style="margin: 0; text-align: center;">Screenshot will appear here<br/><small>Place tui-home-preview.png in assets/ folder</small></p>
                         </div>
                         <img id="tui-home-img" 
-                             src="assets/tui-home-preview.png" 
+                             src="./assets/tui-home-preview.png" 
                              alt="PersistenceAI TUI Home Screen" 
                              class="screenshot-img"
                              onload="this.classList.add('loaded'); const placeholder = document.getElementById('tui-home-placeholder'); if (placeholder) placeholder.classList.add('hidden');"
@@ -1623,7 +1623,7 @@ <h3>
                             <p style="margin: 0; text-align: center;">Screenshot will appear here<br/><small>Place tui-multipane-preview.png in assets/ folder</small></p>
                         </div>
                         <img id="tui-multipane-img" 
-                             src="assets/tui-multipane-preview.png" 
+                             src="./assets/tui-multipane-preview.png" 
                              alt="PersistenceAI TUI Multi-Pane Interface" 
                              class="screenshot-img"
                              onload="this.classList.add('loaded'); const placeholder = document.getElementById('tui-multipane-placeholder'); if (placeholder) placeholder.classList.add('hidden');"