*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}#main{width:100%;height:100%}.canvas-container{cursor:grab;-webkit-user-select:none;user-select:none;z-index:0;background:#f5f5f5;width:100%;height:100%;position:relative;overflow:hidden}.canvas-container.dragging{cursor:grabbing}.canvas-layer{transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-node{contain:strict;will-change:transform;cursor:move;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ddd;border-radius:4px;padding:12px;position:absolute;box-shadow:0 2px 8px rgba(0,0,0,.1)}.canvas-node:hover{border-color:#4a90e2;box-shadow:0 4px 12px rgba(74,144,226,.2)}.canvas-node.selected{border-width:2px;border-color:#4a90e2;box-shadow:0 0 0 3px rgba(74,144,226,.2)}.canvas-node.dragging{opacity:.8;box-shadow:0 8px 24px rgba(0,0,0,.2)}.debug-overlay{color:#fff;pointer-events:none;z-index:1000;background:rgba(0,0,0,.8);border-radius:4px;padding:12px;font-family:Courier New,monospace;font-size:12px;position:fixed;top:10px;left:10px}.debug-overlay div{margin:4px 0}