fixing the bugs

app/editor/page.tsx

@@ -1338,6 +1338,11 @@ export default function EditorPage() {
       <div
         ref={containerRef}
         className="relative w-full h-[calc(100svh-56px)] overflow-hidden nb-canvas"
+        style={{
+          imageRendering: "auto",
+          transform: "translateZ(0)",
+          willChange: "contents"
+        }}
         onContextMenu={onContextMenu}
         onPointerDown={onBackgroundPointerDown}
         onPointerMove={(e) => {
@@ -1356,7 +1361,12 @@ export default function EditorPage() {
       >
         <div
           className="absolute left-0 top-0 will-change-transform"
-          style={{ transform: `translate(${tx}px, ${ty}px) scale(${scale})`, transformOrigin: "0 0" }}
+          style={{ 
+            transform: `translate3d(${tx}px, ${ty}px, 0) scale(${scale})`, 
+            transformOrigin: "0 0",
+            transformStyle: "preserve-3d",
+            backfaceVisibility: "hidden"
+          }}
         >
           <svg className="absolute inset-0 pointer-events-none z-0" width="4800" height="3200">
             <defs>

app/globals.css

@@ -32,6 +32,15 @@ body {
   box-shadow: 0 10px 30px rgba(0,0,0,0.35);
   border-radius: 14px;
   backdrop-filter: blur(6px);
+  /* Prevent blurring on zoom */
+  image-rendering: -webkit-optimize-contrast;
+  image-rendering: crisp-edges;
+  transform: translateZ(0);
+  will-change: transform;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  backface-visibility: hidden;
+  perspective: 1000px;
 }
 .nb-node .nb-header {
   background: linear-gradient(to bottom, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
@@ -80,3 +89,37 @@ body {
     radial-gradient(circle at 1px 1px, rgba(255,255,255,0.04) 1px, transparent 0);
   background-size: 20px 20px, 100px 100px;
 }
+
+/* Ensure crisp text and images at all zoom levels */
+.nb-node * {
+  text-rendering: optimizeLegibility;
+  shape-rendering: crispEdges;
+}
+
+.nb-node img {
+  image-rendering: auto; /* Keep images smooth */
+  image-rendering: -webkit-optimize-contrast;
+}
+
+.nb-node input,
+.nb-node select,
+.nb-node textarea,
+.nb-node button {
+  transform: translateZ(0);
+  -webkit-font-smoothing: subpixel-antialiased;
+  font-smoothing: subpixel-antialiased;
+}
+
+/* Force GPU acceleration for transforms */
+.nb-canvas > div {
+  transform-style: preserve-3d;
+  -webkit-transform-style: preserve-3d;
+}
+
+/* Prevent blur on scaled elements */
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  .nb-node {
+    -webkit-backface-visibility: hidden;
+    -webkit-transform: translateZ(0) scale(1.0, 1.0);
+  }
+}