:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--back-ui-zidx: 0;--front-ui-zidx: 1000;--title-bar-color: #415a77;--background-color: #e9ecef;--grid-line-color: #dee2e6;--text-color: #000000;--button-color: #979dac;--label-color: "transparent";--input-color: #ffffff;--read-color: #ced4da;--light-gray: #adb5bd;--transparent: "transparent";--highlighted: #0466c8;--on-color: #00ac25;--off-color: #ac0000;--graph-line-color: #0353a4;--mid-dark-blue: #023e7d;--minor: #ffff00;--major: #ff0000;--invalid: #5b00c4;--disconnected: #5b00c4}body{display:flex;place-items:center}h1{font-size:3.2em;line-height:1.1}html,body,#root{height:100%;width:100%;margin:0;padding:0}.gridZone{width:100%;height:100%;overflow:hidden;position:relative;z-index:var(--back-ui-zidx)}.centerRef{position:absolute;top:0;left:0;width:0;height:0;z-index:var(--back-ui-zidx)}.centerRef.centerMark:before,.centerRef:after{content:"";position:absolute;background:#000;z-index:var(--front-ui-zidx)}.centerRef.centerMark:before{width:20px;height:1px;left:-10px;top:0;z-index:var(--front-ui-zidx)}.centerRef.centerMark:after{height:20px;width:1px;top:-10px;left:0;z-index:var(--front-ui-zidx)}.selectable,.selected{overflow:hidden;position:absolute}.selected{outline:2px dashed var(--highlighted);box-shadow:2 2 2px #2196f380}.groupBox{box-sizing:border-box;overflow:visible;outline:1px dashed rgba(80,80,80,.199)}.selectionGroup{position:absolute;outline:2px dashed var(--highlighted);background-color:#3b82f61a;z-index:var(--front-ui-zidx);box-sizing:border-box}.toolBar{z-index:calc(var(--front-ui-zidx) - 1)}.toolbarBox{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;display:flex;align-items:center;gap:.5;opacity:.7;transition:opacity .1s ease}.toolbarBox:hover{opacity:1}.dragHandle{cursor:move;display:flex;align-items:center}.app{display:flex;flex-direction:column;height:100%;width:100%}.designerArea{display:flex;flex:1 1 auto;flex-direction:row;margin-top:64px}.widgetSelector{height:100%}#gridContainer{height:calc(100% - 64px);width:100%;position:absolute}.propertyEditor{height:100%}.rightButtons{display:flex;align-items:center;margin-left:3;gap:2;flex-shrink:0}.fileButtons{margin-right:3rem;width:100px;display:flex;justify-content:space-between}