body{margin:0;font-family:sans-serif;font-weight:400}.app{display:inline-block}table.node-table{position:absolute;top:0;left:0;table-layout:fixed;width:500px;border-collapse:collapse}table.node-table td{position:relative;box-sizing:border-box;padding:0;border-right:1px solid rgb(240,240,240);border-bottom:1px solid rgb(240,240,240)}table.node-table td .node,table.node-table td{-webkit-user-select:none;user-select:none}.node-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%}table.node-table td .textarea-wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center}table.node-table td textarea{width:50%;height:50%;background-color:transparent;border-style:none;outline:none;resize:none}table.node-table td .node{height:50%;width:50%;background-color:gold;border-radius:5px;text-wrap:wrap;overflow:hidden;outline:none}.arrow-drag-target{height:50%;width:25%}.arrow-drag-target.right:hover{background-color:#e0d6d64d}table.node-table td .node,table.node-table td textarea{font-family:sans-serif;font-size:12px;padding:10px;margin:0}svg{background:transparent;pointer-events:none}svg line{stroke:#000}.selection-area{position:absolute;border:1px solid rgb(106 178 237);pointer-events:none}.selection-area.selection-head{border:1px solid rgb(28,116,188)}