.app{font-family:Arial,sans-serif;width:100%;height:100vh;margin:0;padding:0}h1{text-align:center;color:#333;margin:0;padding:20px 0}.graph-container{position:relative;border:1px solid #ddd;border-radius:4px;overflow:hidden;background-color:#f9f9f9;width:100%;height:calc(100vh - 100px)}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}j body{margin:0;padding:0;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}