Update index.html

index.html

@@ -13,13 +13,14 @@
       top: 0;
       left: 0;
       right: 0;
-      background: #ececec;
+      background: transparent;
       border-bottom: 1px solid #ccc;
       padding: 5px;
       z-index: 2000;
       display: flex;
       align-items: center;
       gap: 15px;
+      backdrop-filter: blur(10px);
     }
     #topMenu select, #topMenu button {
       padding: 5px 10px;
@@ -39,22 +40,24 @@
 ;
     width: -webkit-fill-available;
     align-items: baseline;
+     backdrop-filter: blur(10px);
 }
     /* Edit Panel (floating, triggered on double-click) */
     #editPanel {
-      position: fixed;
-      top: 45px;
-      right: 10px;
-      z-index: 2000;
-      background: rgba(255,255,255,0.5);
-      padding: 10px;
-      border: 1px solid #ccc;
-      border-radius: 4px;
-      max-width: 300px;
-      max-height: 80vh;
-      overflow-y: auto;
-      display: none;
-    }
+    position: fixed;
+    top: 45px;
+    right: 0;
+    z-index: 2000;
+    background: transparent;
+    padding: 10px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    max-width: 100%;
+    max-height: 72vh;
+    overflow-y: auto;
+    display: none;
+    backdrop-filter: blur(10px);
+}
     /* Connection and Constraint panels (similar styling) */
     #connectionPanel, #constraintEditPanel {
       position: fixed;