Fix: Move superimposed viewer controls (Reset, Surface, Spin) inside the viewer box

amberprep/css/styles.css

@@ -507,6 +507,14 @@ body {
     box-shadow: 0 4px 8px rgba(0,0,0,0.15);
 }
 
+/* Superimposed structure preview: controls inside the viewer box (parent has position: relative) */
+#superimposed-molecule-viewer .viewer-controls {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    z-index: 10;
+}
+
 /* Simulation Parameters */
 .params-grid {
     display: grid;

amberprep/html/index.html

@@ -305,6 +305,9 @@
                                             <span style="margin: 0 10px;">|</span>
                                             <span style="color: #28a745; font-weight: 600;"><i class="fas fa-puzzle-piece"></i> Completed Structure</span>
                                         </div>
+                                    </div>
+                                    <div id="superimposed-molecule-viewer" class="molecule-viewer" style="border: 2px solid #007bff; border-radius: 5px; width: 100%; height: 600px; position: relative;">
+                                        <div id="superimposed-ngl-viewer" style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;"></div>
                                         <div id="superimposed-viewer-controls" class="viewer-controls" style="display: none; gap: 10px;">
                                             <button class="btn btn-sm btn-secondary" onclick="mdPipeline.resetSuperimposedView()">
                                                 <i class="fas fa-home"></i> Reset
@@ -317,9 +320,6 @@
                                             </button>
                                         </div>
                                     </div>
-                                    <div id="superimposed-molecule-viewer" class="molecule-viewer" style="border: 2px solid #007bff; border-radius: 5px; width: 100%; height: 600px; position: relative;">
-                                        <div id="superimposed-ngl-viewer" style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;"></div>
-                                    </div>
                                 </div>
                             </div>
                         </div>