*{padding:0;margin:0;box-sizing:border-box;font-family:Courier New}body,svg{width:3000px;height:3000px}#svg{position:absolute;left:0px;top:0px}.help{position:relative;height:16px}.help p{margin-bottom:5px}.help .tooltip{display:none;padding:4px}.help:hover .tooltip{display:block;position:absolute;font-size:10px;width:20rem;background-color:#000;color:#fff;right:50%}.lines-background{background-color:#fff;background-image:linear-gradient(#eee .1em,transparent .1em);background-size:100% 1.2em;position:relative}.lines-background:before,.lines-background:after{content:"";position:absolute;width:4rem;height:100%;background-size:12px 12px;border-right:2px solid #D44147;box-sizing:border-box;top:0;bottom:0}.lines-background:before{left:0}.lines-background:after{right:4rem}header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100vw;padding:.5rem;position:fixed;z-index:1000;background-color:#e6e6fa}header .controls{display:flex;align-items:center;gap:.5em}header .logo{display:flex;gap:.5em;align-items:center}header button{padding:.3rem;width:25px;height:25px;text-align:center;background-color:#fff;border:1px solid grey;border-radius:6px;cursor:pointer}header button:hover{transform:scale(1.1)}.icon-button{background-size:80%;background-repeat:no-repeat;background-position:center;padding:.3rem;width:25px;height:25px;text-align:center;background-color:#fff;border:1px solid grey;border-radius:6px;cursor:pointer}.icon-button:hover{transform:scale(1.1)}.save{background-image:url(/save.png)}.inputfile{position:relative;font-size:0px;padding:.3rem;width:25px;height:25px;text-align:center;background-color:#fff;border:1px solid grey;border-radius:6px;cursor:pointer}.inputfile:hover{transform:scale(1.1)}.inputfile::file-selector-button{width:0px}.inputfile::-webkit-file-upload-button{visibility:hidden}.inputfile:before{content:"";position:absolute;width:16px;height:16px;background-size:100%;transform:translate(-50%,-50%);top:50%;left:50%;border:none;background-color:transparent;cursor:pointer;background-image:url(/upload.png)}.draggable{display:flex;flex-direction:column;width:250px;position:absolute;z-index:9;background-color:#f1f1f1;border:1px solid #d3d3d3;text-align:center;top:10%;left:10%;box-shadow:#0000001a 0 3px 6px,#0000001a 0 3px 6px}.draggable strong{padding:.2rem 1rem;cursor:move;z-index:10;background-color:#2196f3;color:#fff;border-bottom:1px solid grey;position:relative}.draggable strong:before,.draggable strong:after{content:"";width:50px;height:10px;position:absolute;background-color:#dbd8be;opacity:.8}.draggable strong:before{left:-8%;top:11%;transform:rotate(-43deg)}.draggable strong:after{right:-8%;top:11%;transform:rotate(47deg)}.draggable .content{padding:.2rem;text-align:left}.transparent-line{opacity:.3}.ready-for-connect{border:2px solid limegreen}