.vdx-canvas-wrap{--canvas-bg:#0a0d11;--bg:#0c1014;--text:#e7edf4;--text-2:#9aa6b3;--text-3:#768494;--accent:#f59e3b;--accent-soft:rgba(245,158,59,0.15);--color-accent:#f59e3b;--grid-minor:rgba(72,92,116,0.14);--grid-major:rgba(72,92,116,0.3);--hole-stroke:#e7edf4;--vdx-border:#232b36;--vdx-overlay-bg:rgba(22,28,36,0.85);--vdx-panel:#1a222b;background:var(--canvas-bg)}.vdx-canvas-wrap svg{cursor:grab;touch-action:none}.vdx-canvas-wrap svg:active{cursor:grabbing}.vdx-canvas-wrap[data-theme=light],:root[data-theme=light] .vdx-canvas-wrap{--canvas-bg:#f0f2f5;--bg:#f5f6f8;--text:#1a2027;--text-2:#4d5966;--text-3:#5d6772;--accent:#d97706;--accent-soft:rgba(217,119,6,0.12);--color-accent:#d97706;--grid-minor:rgba(72,92,116,0.18);--grid-major:rgba(72,92,116,0.32);--hole-stroke:#1a2027;--vdx-border:#cdd5de;--vdx-overlay-bg:rgba(255,255,255,0.92);--vdx-panel:#ffffff}.vdx-canvas-wrap .zoom-controls{position:absolute;bottom:12px;right:12px;display:flex;background:var(--vdx-overlay-bg);backdrop-filter:blur(8px);border:1px solid var(--vdx-border);border-radius:5px;overflow:hidden;z-index:5}.vdx-canvas-wrap .zoom-controls button{background:transparent;border:none;color:var(--text-2);width:28px;height:28px;cursor:pointer;font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;display:grid;place-items:center}.vdx-canvas-wrap .zoom-controls button:hover{background:var(--vdx-panel);color:var(--text)}.vdx-canvas-wrap .zoom-controls .zoom-val{display:grid;place-items:center;padding:0 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;color:var(--text-2);border-left:1px solid var(--vdx-border);border-right:1px solid var(--vdx-border);min-width:56px}