.row[data-v-7ea39d92]{width:100%;height:48px;padding:0 10px;line-height:48px;box-sizing:border-box}.clearfix[data-v-7ea39d92]{*zoom:1}.clearfix[data-v-7ea39d92]:after{content:"";display:block;height:0;clear:both;visibility:hidden}.page-demo-draw-react-demo[data-v-7ea39d92]{width:100%;height:100%;overflow:hidden}.page-demo-draw-react-demo .header[data-v-7ea39d92]{padding:10px;border-bottom:1px solid #eee}.page-demo-draw-react-demo .header .form-container[data-v-7ea39d92]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.page-demo-draw-react-demo .header .form-container input[data-v-7ea39d92]{padding:5px 10px;border:1px solid #ddd;border-radius:4px;width:100px}.page-demo-draw-react-demo .header .form-container .add-btn[data-v-7ea39d92],.page-demo-draw-react-demo .header .form-container .get-info-btn[data-v-7ea39d92]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.page-demo-draw-react-demo .header .form-container .add-btn[data-v-7ea39d92]{background-color:#28a745;color:#fff}.page-demo-draw-react-demo .header .form-container .add-btn[data-v-7ea39d92]:hover{background-color:#218838}.page-demo-draw-react-demo .header .form-container .get-info-btn[data-v-7ea39d92]{background-color:#007bff;color:#fff}.page-demo-draw-react-demo .header .form-container .get-info-btn[data-v-7ea39d92]:hover{background-color:#0069d9}.page-demo-draw-react-demo .container[data-v-7ea39d92]{width:100%;height:100%}.page-demo-draw-react-demo .canvas-container[data-v-7ea39d92]{width:100%;height:600px;border:1px solid grey;border-radius:8px;margin-bottom:8px;position:relative;overflow:hidden;cursor:crosshair}.page-demo-draw-react-demo .drawing-canvas[data-v-7ea39d92]{width:100%;height:100%;display:block}.page-demo-draw-react-demo .canvas-overlay[data-v-7ea39d92]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.page-demo-draw-react-demo .selection-rectangle[data-v-7ea39d92],.page-demo-draw-react-demo .temp-rectangle[data-v-7ea39d92]{position:absolute;border:2px dashed #007bff;background-color:rgba(0,123,255,.2)}.page-demo-draw-react-demo .temp-rectangle[data-v-7ea39d92]{pointer-events:none}.page-demo-draw-react-demo .selection-rectangle[data-v-7ea39d92]{pointer-events:auto}.page-demo-draw-react-demo .delete-btn[data-v-7ea39d92]{position:absolute;top:-10px;right:-10px;width:20px;height:20px;background:#ff4d4f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;z-index:10;pointer-events:auto}