.app{font-family:Arial,sans-serif;width:100%;height:100vh;margin:0;padding:0}.graph-container{position:relative;overflow:hidden;background-color:#f9f9f9;width:100%;height:100vh}svg{background-color:#f9f9f9;cursor:default;width:100%;height:100%}body{margin:0;padding:0;overflow:hidden}svg{background-color:#f9f9f9;cursor:default}.selected-node rect{stroke:#3498db;stroke-width:3px}.context-menu{position:absolute;background:#fff;border:1px solid #ccc;border-radius:4px;padding:5px;box-shadow:0 2px 10px #0003;z-index:1000;display:none}g:hover .context-menu{display:none}.selected-node.show-menu .context-menu{display:block}.context-menu button{display:block;width:100%;background:none;border:none;padding:8px 12px;text-align:left;cursor:pointer}.context-menu button:hover{background-color:#f0f0f0}.resize-handle{opacity:0;cursor:pointer}g:hover .resize-handle{opacity:.7}.connection-path,.connector-point{cursor:pointer}.selected-node rect{stroke:#3498db;stroke-width:2px;stroke-dasharray:none}.selection-rect{fill:#6495ed33;stroke:#6495ed;stroke-width:1px;stroke-dasharray:5,5;pointer-events:none}.toolbar{position:absolute;top:12px;left:12px;z-index:10;display:flex;gap:10px;align-items:center}.toolbar-btn{padding:6px 12px;font-size:13px;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;box-shadow:0 1px 3px #00000014}.toolbar-btn:hover{background:#f0f0f0}.toolbar-toggle{display:flex;align-items:center;gap:6px;font-size:13px;background:#fff;padding:6px 10px;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 3px #00000014;cursor:pointer;-webkit-user-select:none;user-select:none}.toolbar-toggle input{margin:0}body{margin:0;padding:0;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}