html,body{height:100%;min-height:100vh;margin:0;padding:0;overflow:hidden;font-family:Arial,sans-serif}#mainContainer{display:flex;height:100vh;padding:5px;box-sizing:border-box}.panel{border:1px solid #ccc;padding:5px;box-sizing:border-box;background-color:#f9f9f9;display:flex;flex-direction:column;position:relative;overflow:auto}#leftPanel{width:150px;margin-right:5px;flex-shrink:0}#rightPanel{flex-grow:1;background-color:#f7f5f5e1;position:relative}.draggable-image{width:24px;height:auto;margin:0;cursor:grab;padding-left:3px;padding-top:3px}.tooltip-text{border:1px solid transparent}.dropped-item-container{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;user-select:none;-webkit-user-select:none;touch-action:none;z-index:10;border:1px solid #a0a0a0;box-sizing:border-box;cursor:grab;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none}.dropped-item-container.selected{border:1px dashed blue}.dropped-item-container.connecting{border:2px solid green}.dropped-item-container.image1-type{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:5px;padding-bottom:5px;box-sizing:border-box;border-color:transparent}.dropped-item-container.image1-type .actual-dropped-image{position:static;width:48px;height:auto;object-fit:contain}.dropped-item-container.image1-type .item-label{position:static;margin-top:5px;background-color:transparent;padding:0;font-size:1em}.dropped-item-container.image2-type{background-image:none!important;justify-content:flex-start;padding-top:5px;padding-bottom:0;border-style:dashed;border-color:#000}.dropped-item-container.image2-type .item-label{position:static;margin-top:0;background-color:transparent;width:100%}.dropped-item-container.image3-type{background-image:none!important;justify-content:flex-start;padding-top:5px;padding-bottom:0;border-radius:5%;border-color:#000}.dropped-item-container.image3-type .item-label{position:static;margin-top:0;background-color:transparent;width:100%;border-color:red}.dropped-item-container.image4-type{border-radius:30%;background-image:none!important;background-color:#90ee90;justify-content:center;align-items:center;padding:0}.dropped-item-container.image4-type .item-label{position:static;margin-top:0;background-color:transparent}.dropped-item-container.image2-type .actual-dropped-image,.dropped-item-container.image3-type .actual-dropped-image{display:none}.dropped-item-container.no-resize .resizer{display:none!important}.item-label{width:200%;text-align:center;font-size:1em;word-wrap:break-word;box-sizing:border-box;padding:0 2px;cursor:text!important;outline:none;border:none}#connectorSvg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.connector-line{stroke-width:2;stroke:#a9a9a9;pointer-events:none}.connector-hit-area{stroke-width:12;stroke-opacity:0;pointer-events:all;cursor:default}.connector-text{font-size:10px;fill:#000;pointer-events:all;cursor:text;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none;opacity:0;transition:opacity .2s ease-in-out}.connector-text-editor{position:absolute;border:1px solid #999;background-color:#fff;padding:0 2px;font-size:10px;font-family:Arial,sans-serif;text-align:center;resize:none;overflow:hidden;box-sizing:border-box;z-index:20;min-width:50px;height:18px;line-height:14px;outline:none;cursor:text!important}.context-menu{position:absolute;display:none;background-color:#fff;border:1px solid #ccc;box-shadow:2px 2px 5px rgba(0,0,0,.2);padding:5px 0;z-index:100;min-width:120px;border-radius:4px;user-select:none;-webkit-user-select:none}.context-menu .menu-item{padding:8px 15px;cursor:pointer;font-size:14px;color:#333}.context-menu .menu-item:hover{background-color:#f0f0f0}#loadingOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.9);display:flex;justify-content:center;align-items:center;z-index:9999;font-size:2em;color:#333;transition:opacity .5s ease-out}#loadingOverlay.hidden{opacity:0;pointer-events:none}.resizer{width:10px;height:10px;background:#007bff;border:1px solid #fff;position:absolute;z-index:20;display:none}.resizer.nw{top:-5px;left:-5px;cursor:nwse-resize}.resizer.ne{top:-5px;right:-5px;cursor:nesw-resize}.resizer.sw{bottom:-5px;left:-5px;cursor:nesw-resize}.resizer.se{bottom:-5px;right:-5px;cursor:nwse-resize}button{cursor:pointer}.category{background-color:#d3d3d3;padding:2px 5px;margin-bottom:2px;font-size:.8em;font-weight:100;color:#2f4f4f}