.graph-canvas-root{cursor:grab;background-color:var(--surface-raised);background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:24px 24px;width:100%;height:100%;position:relative;overflow:hidden}.graph-canvas-root:active{cursor:grabbing}.graph-canvas-world{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.graph-canvas-edges{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.graph-canvas-edges line{stroke:var(--line);stroke-width:1.5px}.graph-canvas-node{cursor:pointer;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.graph-canvas-zoom-control{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-raised);cursor:default;align-items:center;gap:10px;min-height:44px;padding:0 16px;display:flex;position:absolute;bottom:16px;right:16px}.graph-canvas-zoom-slider{width:110px;accent-color:var(--cream);cursor:pointer}.graph-canvas-zoom-label{font-variant-numeric:tabular-nums;min-width:4ch;color:var(--text);text-align:right;font-size:13px}