.ScaleView{height:100%;width:100%;overflow:hidden;user-select:none;background-color:#888;position:relative}.ScaleView-scaler{position:absolute;top:50%;left:50%;transform:translate(0);height:0;width:0}.ScaleView-tools{position:absolute;top:50%;left:50%}.ScaleView .line{position:absolute;width:2000px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%);background:#f0f;opacity:.5;pointer-events:none}.ScaleView .line2{width:2px;height:2000px}.RectTool{position:absolute;top:0;left:0;pointer-events:none;outline:1px solid #f00}.RectTool-drag{position:absolute;cursor:pointer;height:8px;width:100%;pointer-events:auto;display:none}.RectTool-drag:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid #000;height:8px;width:8px}.RectTool[data-resize=false]{pointer-events:auto}.RectTool[data-resize=false]:hover{outline:2px solid #0f0!important;z-index:999}.RectTool[data-resize=true]{outline:2px solid #0f0}.RectTool[data-resize=true] .RectTool-drag{display:block}.RectTool-name{font-size:12px;color:#0f0;display:block;padding:2px;line-height:1;overflow:hidden;text-overflow:ellipsis}.RectTool-drag.top{top:-8px;left:0;cursor:ns-resize}.RectTool-drag.bottom{bottom:-8px;left:0;cursor:ns-resize}.RectTool-drag.left{top:0px;left:-8px;cursor:ew-resize;height:100%;width:8px}.RectTool-drag.right{top:0px;right:-8px;cursor:ew-resize;height:100%;width:8px}.RectTool-drag.top-left{top:-8px;left:-8px;width:8px;height:8px;cursor:nwse-resize}.RectTool-drag.top-right{top:-8px;right:-8px;width:8px;height:8px;cursor:nesw-resize}.RectTool-drag.bottom-left{bottom:-8px;left:-8px;width:8px;height:8px;cursor:nesw-resize}.RectTool-drag.bottom-right{bottom:-8px;right:-8px;width:8px;height:8px;cursor:nwse-resize}.AtlasTool{width:100%;height:100%;color:#fff;position:relative}