.drag-right-menu[data-v-59e4b3b8]{background:rgba(3,3,3,.26);height:100%;width:20%;position:absolute;right:0;top:0;-webkit-transition:all .5s;transition:all .5s}.menu-head[data-v-59e4b3b8]{background:#121736;height:40px;line-height:40px;text-align:center;color:#fff;-webkit-box-shadow:0 2px 3px #1a2045;box-shadow:0 2px 3px #1a2045}.menu-main[data-v-59e4b3b8]{padding:20px 20px;margin:0 auto}.drawer-switch[data-v-59e4b3b8]{position:absolute;left:-30px;width:30px;height:40px;background:#0a89e1;top:50%;text-align:center;line-height:40px;border-radius:10px 0 0 10px;cursor:pointer}.gm_flex[data-v-4045e3fd]{width:100%;height:100%;overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.gridLayout[data-v-4045e3fd] .vue-grid-placeholder{background:#0cff85}.gridLayout[data-v-4045e3fd] .vue-grid-item{-webkit-transition:all .1s ease;transition:all .1s ease}.gridItem[data-v-4045e3fd]{background-color:rgba(144,147,153,.18);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gridItem[data-v-4045e3fd] .vue-resizable-handle{background:url(/img/grid/rightZoom.png);background-position:100% 100%;background-repeat:no-repeat}.gridItem.active[data-v-4045e3fd]{-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.52);box-shadow:0 0 0 2px rgba(64,158,255,.52)}.simulator-click[data-v-4045e3fd]{background:transparent;position:absolute;top:0;left:0;width:100%;height:100%}.grid[data-v-4045e3fd]{width:9600px;height:5400px;background-size:20px 20px;background-image:linear-gradient(hsla(0,0%,100%,.1) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.1) 1px,transparent 0);border-right:1px solid hsla(0,0%,100%,.03);border-bottom:1px solid hsla(0,0%,100%,.03);margin:0 auto;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.grid[data-v-4045e3fd]:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-image:var(--bg-img);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;-webkit-transform:translateZ(-10px);transform:translateZ(-10px)}.x-axis[data-v-4045e3fd],.y-axis[data-v-4045e3fd]{background:rgba(10,137,225,.45);position:absolute;color:#0a89e1;opacity:0}.x-axis>span[data-v-4045e3fd],.y-axis>span[data-v-4045e3fd]{white-space:nowrap}.x-axis[data-v-4045e3fd]{width:100%;height:.5px}.y-axis[data-v-4045e3fd]{height:100%;width:.5px}.backBtn[data-v-4045e3fd],.restorationBtn[data-v-4045e3fd],.saveBtn[data-v-4045e3fd]{position:absolute;right:20px;padding:10px;font-size:16px;background:rgba(240,248,255,.62);border-radius:50%;cursor:pointer}.backBtn[data-v-4045e3fd]:hover,.restorationBtn[data-v-4045e3fd]:hover,.saveBtn[data-v-4045e3fd]:hover{background:#0a89e1;color:#fff}.backBtn[data-v-4045e3fd]{top:20px}.restorationBtn[data-v-4045e3fd]{bottom:60px}.saveBtn[data-v-4045e3fd]{bottom:20px}.drag-left[data-v-4045e3fd]{width:20%}.drawing-board[data-v-4045e3fd]{margin:20px;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;position:relative;width:100%;height:calc(100% - 40px)}.drawing-board.is-left[data-v-4045e3fd]{margin-left:calc(20% + 20px)}.drawing-board.is-right[data-v-4045e3fd]{margin-right:calc(20% + 20px)}.deleteBtn[data-v-4045e3fd]{position:absolute;right:-18px;top:2px;cursor:pointer;color:#fff}.gm_flex[data-v-c2639e06]{width:100%;height:100%;overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.gridLayout[data-v-c2639e06] .vue-grid-placeholder{background:#0cff85}.gridItem[data-v-c2639e06]{background-color:rgba(144,147,153,.18);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gridItem[data-v-c2639e06] .vue-resizable-handle{background:url(/img/grid/rightZoom.png);background-position:100% 100%;background-repeat:no-repeat}.gridItem.active[data-v-c2639e06]{-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.52);box-shadow:0 0 0 2px rgba(64,158,255,.52)}.simulator-click[data-v-c2639e06]{background:transparent;position:absolute;top:0;left:0;width:100%;height:100%}.grid[data-v-c2639e06]{background-size:20px 20px;background-image:linear-gradient(hsla(0,0%,100%,.1) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.1) 1px,transparent 0);border-right:1px solid hsla(0,0%,100%,.03);border-bottom:1px solid hsla(0,0%,100%,.03);margin:0 auto;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.grid[data-v-c2639e06]:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-image:var(--bg-img);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;-webkit-transform:translateZ(-10px);transform:translateZ(-10px)}.x-axis[data-v-c2639e06],.y-axis[data-v-c2639e06]{background:rgba(10,137,225,.45);position:absolute;color:#0a89e1;opacity:0}.x-axis>span[data-v-c2639e06],.y-axis>span[data-v-c2639e06]{white-space:nowrap}.item-title[data-v-c2639e06]{position:absolute;color:#fff;width:100%;z-index:1;container-type:size;height:4%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.item-title>span[data-v-c2639e06]{font-size:clamp(.1rem,5cqw,1rem)}.x-axis[data-v-c2639e06]{width:100%;height:.5px}.y-axis[data-v-c2639e06]{height:100%;width:.5px}.backBtn[data-v-c2639e06],.restorationBtn[data-v-c2639e06],.saveBtn[data-v-c2639e06]{position:absolute;right:20px;padding:10px;font-size:16px;background:rgba(240,248,255,.62);border-radius:50%;cursor:pointer}.backBtn[data-v-c2639e06]:hover,.restorationBtn[data-v-c2639e06]:hover,.saveBtn[data-v-c2639e06]:hover{background:#0a89e1;color:#fff}.backBtn[data-v-c2639e06]{top:20px}.restorationBtn[data-v-c2639e06]{bottom:60px}.saveBtn[data-v-c2639e06]{bottom:20px}.drag-left[data-v-c2639e06]{width:20%}.drawing-board[data-v-c2639e06]{margin:20px;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;position:relative;width:100%;height:calc(100% - 40px)}.drawing-board.is-left[data-v-c2639e06]{margin-left:calc(20% + 20px)}.drawing-board.is-right[data-v-c2639e06]{margin-right:calc(20% + 20px)}.deleteBtn[data-v-c2639e06]{position:absolute;right:-18px;top:2px;cursor:pointer;color:#fff}.gm_flex[data-v-2c4c0b73]{width:100%;height:100%;overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gridLayout[data-v-2c4c0b73] .vue-grid-placeholder{background:#0cff85}.drag-container[data-v-2c4c0b73]{width:100%;height:calc(100% - 60px);overflow:hidden;top:60px;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex}.gridItem[data-v-2c4c0b73]{background-color:rgba(144,147,153,.18);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gridItem[data-v-2c4c0b73] .vue-resizable-handle{background:url(/img/grid/rightZoom.png);background-position:100% 100%;background-repeat:no-repeat}.gridItem.active[data-v-2c4c0b73]{-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.52);box-shadow:0 0 0 2px rgba(64,158,255,.52)}.simulator-click[data-v-2c4c0b73]{background:transparent;position:absolute;top:0;left:0;width:100%;height:100%}.x-axis[data-v-2c4c0b73]{width:100%;height:.5px}.y-axis[data-v-2c4c0b73]{height:100%;width:.5px}.backBtn[data-v-2c4c0b73],.restorationBtn[data-v-2c4c0b73],.saveBtn[data-v-2c4c0b73]{position:absolute;right:20px;padding:10px;font-size:16px;background:rgba(240,248,255,.62);border-radius:50%;cursor:pointer}.backBtn[data-v-2c4c0b73]:hover,.restorationBtn[data-v-2c4c0b73]:hover,.saveBtn[data-v-2c4c0b73]:hover{background:#0a89e1;color:#fff}.backBtn[data-v-2c4c0b73]{top:20px}.restorationBtn[data-v-2c4c0b73]{bottom:60px}.saveBtn[data-v-2c4c0b73]{bottom:20px}.drag-left[data-v-2c4c0b73]{width:20%}.deleteBtn[data-v-2c4c0b73]{position:absolute;right:-18px;top:2px;cursor:pointer;color:#fff}.upload-btn[data-v-2c4c0b73]{display:inline-block;margin:0 10px}