.control-container[data-v-c0452712]{width:100%;height:100%;overflow-y:auto}.direction-grid[data-v-c0452712]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:150px;height:100px;border-radius:8px}.direction-grid .grid-cell[data-v-c0452712]{display:flex;justify-content:center;align-items:center;transition:all .3s}.direction-grid .grid-cell .direction[data-v-c0452712]{width:0;height:0;transition:all .3s ease}.direction-grid .grid-cell .top-left[data-v-c0452712]{margin-top:13px;border-bottom:13px solid #fff;border-right:13px solid rgba(0,0,0,0);border-left:13px solid rgba(0,0,0,0);border-radius:5px;-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.direction-grid .grid-cell .top-left[data-v-c0452712]:active{border-bottom-color:var(--primary-color)}.direction-grid .grid-cell .top[data-v-c0452712]{padding-top:13px;border-left:13px solid rgba(0,0,0,0);border-right:13px solid rgba(0,0,0,0);border-bottom:13px solid #fff;border-radius:5px}.direction-grid .grid-cell .top[data-v-c0452712]:active{border-bottom-color:var(--primary-color)}.direction-grid .grid-cell .top-right[data-v-c0452712]{margin-top:13px;border-bottom:13px solid #fff;border-right:13px solid rgba(0,0,0,0);border-left:13px solid rgba(0,0,0,0);border-radius:5px;-ms-transform:rotate(45deg);transform:rotate(45deg)}.direction-grid .grid-cell .top-right[data-v-c0452712]:active{border-bottom-color:var(--primary-color)}.direction-grid .grid-cell .left[data-v-c0452712]{border-top:13px solid rgba(0,0,0,0);border-right:13px solid #fff;border-bottom:13px solid rgba(0,0,0,0);border-radius:5px}.direction-grid .grid-cell .left[data-v-c0452712]:active{border-right-color:var(--primary-color)}.direction-grid .grid-cell .right[data-v-c0452712]{border-top:13px solid rgba(0,0,0,0);border-left:13px solid #fff;border-bottom:13px solid rgba(0,0,0,0);border-radius:5px}.direction-grid .grid-cell .right[data-v-c0452712]:active{border-left-color:var(--primary-color)}.direction-grid .grid-cell .bottom-left[data-v-c0452712]{border-top:13px solid #fff;border-right:13px solid rgba(0,0,0,0);border-left:13px solid rgba(0,0,0,0);border-radius:5px;-ms-transform:rotate(45deg);transform:rotate(45deg)}.direction-grid .grid-cell .bottom-left[data-v-c0452712]:active{border-top-color:var(--primary-color)}.direction-grid .grid-cell .bottom[data-v-c0452712]{border-left:13px solid rgba(0,0,0,0);border-right:13px solid rgba(0,0,0,0);border-radius:5px;border-top:13px solid #fff}.direction-grid .grid-cell .bottom[data-v-c0452712]:active{border-top-color:var(--primary-color)}.direction-grid .grid-cell .bottom-right[data-v-c0452712]{border-top:13px solid #fff;border-right:13px solid rgba(0,0,0,0);border-left:13px solid rgba(0,0,0,0);border-radius:5px;-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.direction-grid .grid-cell .bottom-right[data-v-c0452712]:active{border-top-color:var(--primary-color)}.right-column[data-v-c0452712]{width:calc(100% - 130px);height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column}.right-column .zoom[data-v-c0452712]{display:flex}.right-column .zoom .right-icon[data-v-c0452712]{width:18px;height:18px;background-color:#969696;display:flex;align-items:center;justify-content:center}.right-column .zoom .right-icon[data-v-c0452712]:active{background-color:var(--primary-color)}.right-column .zoom .label[data-v-c0452712]{display:flex;align-items:center;justify-content:center;width:80px}.bottom-slider[data-v-c0452712]{width:100%;height:20px;display:flex}.bottom-slider .slider-body[data-v-c0452712]{width:200px;height:10px;padding-left:20px}.bottom-slider .slider-value[data-v-c0452712]{display:flex;padding-left:10px}.bottom-slider .slider-value .icon[data-v-c0452712]{width:18px;height:18px;background-color:#969696;display:flex;align-items:center;justify-content:center}.bottom-slider .slider-value .icon[data-v-c0452712]:active{background-color:var(--primary-color)}.bottom-slider .slider-value .label[data-v-c0452712]{display:flex;align-items:center;justify-content:center;width:50px;height:18px}[data-v-c0452712] .slider-body .el-slider{--el-slider-height:4px;height:20px;display:flex;align-items:center}[data-v-c0452712] .slider-body .el-slider__runway{background-color:#969696;height:var(--el-slider-height)}[data-v-c0452712] .slider-body .el-slider__bar{height:var(--el-slider-height)}[data-v-c0452712] .slider-body .el-slider__button{background-color:var(--primary-color);border:none;width:10px;height:10px;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .2s}[data-v-c0452712] .slider-body .el-slider__button.dragging,[data-v-c0452712] .slider-body .el-slider__button:hover{-ms-transform:scale(1.2);transform:scale(1.2)}[data-v-c0452712] .custom-input .el-input__inner{width:50px!important;height:18px!important;padding:0 5px!important;font-size:12px!important;line-height:18px!important;display:flex;justify-content:center;align-items:center;text-align:center;background:hsla(0,0%,100%,.1)!important;border:1px solid #4a5568!important;color:#fff!important;border-radius:4px!important}[data-v-c0452712] input::-webkit-inner-spin-button,[data-v-c0452712] input::-webkit-outer-spin-button{-webkit-appearance:none}[data-v-c0452712] input[type=number]{-moz-appearance:textfield}[data-v-c0452712] inpit{border:none}.box-title[data-v-06baa370]{margin-bottom:4px;text-align:center;font-size:16px;color:var(--primary-color)}.left[data-v-06baa370]{flex:none;width:320px;height:100%}.left .collapse-wrap[data-v-06baa370]{width:calc(100% + 20px);height:calc(100% - 38px);margin-left:-10px;border-bottom:none}.left .collapse-wrap[data-v-06baa370] .el-collapse-item{height:40px}.left .collapse-wrap[data-v-06baa370] .el-collapse-item.is-active.el-collapse-item__view{height:28%}.left .collapse-wrap[data-v-06baa370] .el-collapse-item.is-active.el-collapse-item__control,.left .collapse-wrap[data-v-06baa370] .el-collapse-item.is-active.el-collapse-item__resource{height:36%}.left .collapse-wrap[data-v-06baa370] .el-collapse-item .el-collapse-item__wrap{height:calc(100% - 40px);padding:5px 10px;border-bottom:none;background-color:rgba(0,0,0,0)}.left .collapse-wrap[data-v-06baa370] .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content{height:100%;padding-bottom:0}.left .collapse-wrap[data-v-06baa370] .el-collapse-item__header{height:40px;padding:0 0 0 20px;color:#272a32;background-color:var(--primary-color)}.left .data-list[data-v-06baa370]{height:100%;overflow:auto}.left .data-list .data-item[data-v-06baa370]{display:flex;align-items:center;justify-content:space-between;height:30px;margin-bottom:4px;padding:0 20px 0 30px;line-height:30px;border-radius:4px 4px 4px 4px;color:#fff;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.left .data-list .data-item.active[data-v-06baa370]{background:#2f343c;color:var(--primary-color)}.left .data-list .data-item[data-v-06baa370]:hover{color:#fff;background:#151921}.left .data-list .data-item:hover .icon[data-v-06baa370]{display:block}.left .data-list .data-item .icon[data-v-06baa370]{display:none;font-size:18px}.left .tree-wrap[data-v-06baa370]{height:calc(100% - 32px);margin-top:10px;padding:0 0 10px 0;overflow:auto}.left .tree-wrap[data-v-06baa370] .el-tree{background:rgba(0,0,0,0)}.left .tree-wrap[data-v-06baa370] .el-tree .el-tree-node__content{height:30px;margin-bottom:4px}.left .tree-wrap .custom-tree-node[data-v-06baa370]{display:flex;align-items:center;width:calc(100% - 24px)}.left .tree-wrap .custom-tree-node.active[data-v-06baa370]{color:var(--primary-color)}.left .tree-wrap .custom-tree-node.disable[data-v-06baa370]{color:#707070}.left .tree-wrap .custom-tree-node .l-icon[data-v-06baa370]{width:20px;margin-right:10px}.left .tree-wrap .custom-tree-node .end-t[data-v-06baa370]{margin-left:6px}.left .tree-wrap .custom-tree-node .t1[data-v-06baa370]{color:var(--primary-color)}.right[data-v-06baa370]{flex:1}.right-wrap[data-v-a2a2370c]{width:100%;height:100%;padding:0 0 0 10px}.live-preview-wrap[data-v-2707f1b0]{display:flex;height:100%;padding:0}.box-title[data-v-1145ab32]{margin-bottom:14px;text-align:center;font-size:16px;color:var(--primary-color)}.left[data-v-1145ab32]{flex:none;width:320px;height:100%}.left .collapse-wrap[data-v-1145ab32]{width:calc(100% + 20px);height:calc(100% - 38px);margin-left:-10px;border-bottom:none}.left .collapse-wrap[data-v-1145ab32] .el-collapse-item{height:40px}.left .collapse-wrap[data-v-1145ab32] .el-collapse-item.is-active.el-collapse-item__view{height:28%}.left .collapse-wrap[data-v-1145ab32] .el-collapse-item.is-active.el-collapse-item__resource{height:72%}.left .collapse-wrap[data-v-1145ab32] .el-collapse-item .el-collapse-item__wrap{height:calc(100% - 40px);padding:10px 10px;border-bottom:none;background-color:rgba(0,0,0,0)}.left .collapse-wrap[data-v-1145ab32] .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content{height:100%;padding-bottom:0}.left .collapse-wrap[data-v-1145ab32] .el-collapse-item__header{height:40px;padding:0 0 0 20px;color:#272a32;background-color:var(--primary-color)}.left .data-list[data-v-1145ab32]{height:100%;overflow:auto}.left .data-list .data-item[data-v-1145ab32]{display:flex;align-items:center;justify-content:space-between;height:30px;margin-bottom:4px;padding:0 20px 0 30px;line-height:30px;border-radius:4px 4px 4px 4px;color:#fff;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.left .data-list .data-item.active[data-v-1145ab32]{background:#2f343c;color:var(--primary-color)}.left .data-list .data-item[data-v-1145ab32]:hover{color:#fff;background:#151921}.left .data-list .data-item:hover .icon[data-v-1145ab32]{display:block}.left .data-list .data-item .icon[data-v-1145ab32]{display:none;font-size:18px}.left .tree-wrap[data-v-1145ab32]{height:100%;margin-top:10px;padding:0 0 10px 0;overflow:auto}.left .tree-wrap[data-v-1145ab32] .el-tree{background:rgba(0,0,0,0)}.left .tree-wrap[data-v-1145ab32] .el-tree .el-tree-node__content{height:30px;margin-bottom:4px}.left .tree-wrap .custom-tree-node[data-v-1145ab32]{display:flex;align-items:center;width:calc(100% - 24px)}.left .tree-wrap .custom-tree-node.active[data-v-1145ab32]{color:var(--primary-color)}.left .tree-wrap .custom-tree-node.disable[data-v-1145ab32]{color:#707070}.left .tree-wrap .custom-tree-node .l-icon[data-v-1145ab32]{width:20px;margin-right:10px}.left .tree-wrap .custom-tree-node .end-t[data-v-1145ab32]{margin-left:6px}.left .tree-wrap .custom-tree-node .t1[data-v-1145ab32]{color:var(--primary-color)}.right[data-v-1145ab32]{flex:1}.right-wrap[data-v-402bb478]{width:100%;height:100%;padding:0 0 0 10px}.live-preview-wrap[data-v-b4ad4be6]{display:flex;height:100%;padding:0}.control-container[data-v-91c1cd2a]{width:100%;height:100%;overflow-y:auto}.direction-grid[data-v-91c1cd2a]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:150px;height:100px;border-radius:8px}.direction-grid .grid-cell[data-v-91c1cd2a]{display:flex;justify-content:center;align-items:center;transition:all .3s;border:none!important}.direction-grid .grid-cell .direction[data-v-91c1cd2a]{width:0;height:0;transition:all .3s ease}.direction-grid .grid-cell .top-left[data-v-91c1cd2a]{margin-top:13px;border-bottom:13px solid #fff;border-right:13px solid rgba(0,0,0,0);border-left:13px solid rgba(0,0,0,0);border-radius:5px;-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.direction-grid .grid-cell .top-left[data-v-91c1cd2a]:active{border-bottom-color:var(--primary-color)}.direction-grid .grid-cell .top[data-v-91c1cd2a]{padding-top:13px;border-left:13px solid rgba(0,0,0,0);border-right:13px solid rgba(0,0,0,0);border-bottom:13px solid #fff;border-radius:5px}.direction-grid .grid-cell .top[data-v-91c1cd2a]:active{border-bottom-color:var(--primary-color)}.direction-grid .grid-cell .top-right[data-v-91c1cd2a]{margin-top:13px;border-bottom:13px solid #fff;border-right:13px solid rgba(0,0,0,0);border-left:13px solid rgba(0,0,0,0);border-radius:5px;-ms-transform:rotate(45deg);transform:rotate(45deg)}.direction-grid .grid-cell .top-right[data-v-91c1cd2a]:active{border-bottom-color:var(--primary-color)}.direction-grid .grid-cell .left[data-v-91c1cd2a]{border-top:13px solid rgba(0,0,0,0);border-right:13px solid #fff;border-bottom:13px solid rgba(0,0,0,0);border-radius:5px}.direction-grid .grid-cell .left[data-v-91c1cd2a]:active{border-right-color:var(--primary-color)}.direction-grid .grid-cell .center[data-v-91c1cd2a]{display:flex;margin-top:3px;width:50px;height:20px;background:#fff;color:#4a5568;text-align:center;border-radius:5px}.direction-grid .grid-cell .center[data-v-91c1cd2a]:active{background:var(--primary-color)}.direction-grid .grid-cell .right[data-v-91c1cd2a]{border-top:13px solid rgba(0,0,0,0);border-left:13px solid #fff;border-bottom:13px solid rgba(0,0,0,0);border-radius:5px}.direction-grid .grid-cell .right[data-v-91c1cd2a]:active{border-left-color:var(--primary-color)}.direction-grid .grid-cell .bottom-left[data-v-91c1cd2a]{border-top:13px solid #fff;border-right:13px solid rgba(0,0,0,0);border-left:13px solid rgba(0,0,0,0);border-radius:5px;-ms-transform:rotate(45deg);transform:rotate(45deg)}.direction-grid .grid-cell .bottom-left[data-v-91c1cd2a]:active{border-top-color:var(--primary-color)}.direction-grid .grid-cell .bottom[data-v-91c1cd2a]{border-left:13px solid rgba(0,0,0,0);border-right:13px solid rgba(0,0,0,0);border-radius:5px;border-top:13px solid #fff}.direction-grid .grid-cell .bottom[data-v-91c1cd2a]:active{border-top-color:var(--primary-color)}.direction-grid .grid-cell .bottom-right[data-v-91c1cd2a]{border-top:13px solid #fff;border-right:13px solid rgba(0,0,0,0);border-left:13px solid rgba(0,0,0,0);border-radius:5px;-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.direction-grid .grid-cell .bottom-right[data-v-91c1cd2a]:active{border-top-color:var(--primary-color)}.right-column[data-v-91c1cd2a]{width:calc(100% - 130px);height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column}.right-column .zoom[data-v-91c1cd2a]{display:flex}.right-column .zoom .right-icon[data-v-91c1cd2a]{width:18px;height:18px;background-color:#969696;display:flex;align-items:center;justify-content:center}.right-column .zoom .right-icon[data-v-91c1cd2a]:active{background-color:var(--primary-color)}.right-column .zoom .label[data-v-91c1cd2a]{display:flex;align-items:center;justify-content:center;width:80px}.bottom-slider[data-v-91c1cd2a]{width:100%;height:20px;display:flex}.bottom-slider .slider-body[data-v-91c1cd2a]{width:200px;height:10px;padding-left:20px}.bottom-slider .slider-value[data-v-91c1cd2a]{display:flex;padding-left:10px}.bottom-slider .slider-value .icon[data-v-91c1cd2a]{width:18px;height:18px;background-color:#969696;display:flex;align-items:center;justify-content:center}.bottom-slider .slider-value .icon[data-v-91c1cd2a]:active{background-color:var(--primary-color)}.bottom-slider .slider-value .label[data-v-91c1cd2a]{display:flex;align-items:center;justify-content:center;width:50px;height:18px}[data-v-91c1cd2a] .slider-body .el-slider{--el-slider-height:4px;height:20px;display:flex;align-items:center}[data-v-91c1cd2a] .slider-body .el-slider__runway{background-color:#969696;height:var(--el-slider-height)}[data-v-91c1cd2a] .slider-body .el-slider__bar{height:var(--el-slider-height)}[data-v-91c1cd2a] .slider-body .el-slider__button{background-color:var(--primary-color);border:none;width:10px;height:10px;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .2s}[data-v-91c1cd2a] .slider-body .el-slider__button.dragging,[data-v-91c1cd2a] .slider-body .el-slider__button:hover{-ms-transform:scale(1.2);transform:scale(1.2)}[data-v-91c1cd2a] .custom-input .el-input__inner{width:50px!important;height:18px!important;padding:0 5px!important;font-size:12px!important;line-height:18px!important;display:flex;justify-content:center;align-items:center;text-align:center;background:hsla(0,0%,100%,.1)!important;border:1px solid #4a5568!important;color:#fff!important;border-radius:4px!important}[data-v-91c1cd2a] input::-webkit-inner-spin-button,[data-v-91c1cd2a] input::-webkit-outer-spin-button{-webkit-appearance:none}[data-v-91c1cd2a] input[type=number]{-moz-appearance:textfield}[data-v-91c1cd2a] inpit{border:none}.box-title[data-v-6e8f79bf]{margin-bottom:14px;text-align:center;font-size:16px;color:var(--primary-color)}.left[data-v-6e8f79bf]{flex:none;width:320px;height:100%}.left .collapse-wrap[data-v-6e8f79bf]{width:calc(100% + 20px);height:calc(100% - 38px);margin-left:-10px;border-bottom:none}.left .collapse-wrap[data-v-6e8f79bf] .el-collapse-item{height:40px}.left .collapse-wrap[data-v-6e8f79bf] .el-collapse-item.is-active.el-collapse-item__view{height:28%}.left .collapse-wrap[data-v-6e8f79bf] .el-collapse-item.is-active.el-collapse-item__resource{height:72%}.left .collapse-wrap[data-v-6e8f79bf] .el-collapse-item .el-collapse-item__wrap{height:calc(100% - 40px);padding:10px 10px;border-bottom:none;background-color:rgba(0,0,0,0)}.left .collapse-wrap[data-v-6e8f79bf] .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content{height:100%;padding-bottom:0}.left .collapse-wrap[data-v-6e8f79bf] .el-collapse-item__header{height:40px;padding:0 0 0 20px;color:#272a32;background-color:var(--primary-color)}.left .data-list[data-v-6e8f79bf]{height:100%;overflow:auto}.left .data-list .data-item[data-v-6e8f79bf]{display:flex;align-items:center;justify-content:space-between;height:30px;margin-bottom:4px;padding:0 20px 0 30px;line-height:30px;border-radius:4px 4px 4px 4px;color:#fff;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.left .data-list .data-item.active[data-v-6e8f79bf]{background:#2f343c;color:var(--primary-color)}.left .data-list .data-item[data-v-6e8f79bf]:hover{color:#fff;background:#151921}.left .data-list .data-item:hover .icon[data-v-6e8f79bf]{display:block}.left .data-list .data-item .icon[data-v-6e8f79bf]{display:none;font-size:18px}.left .tree-wrap[data-v-6e8f79bf]{height:100%;margin-top:10px;padding:0 0 10px 0;overflow:auto}.left .tree-wrap[data-v-6e8f79bf] .el-tree{background:rgba(0,0,0,0)}.left .tree-wrap[data-v-6e8f79bf] .el-tree .el-tree-node__content{height:30px;margin-bottom:4px}.left .tree-wrap .custom-tree-node[data-v-6e8f79bf]{position:relative;display:flex;align-items:center;width:calc(100% - 24px)}.left .tree-wrap .custom-tree-node.active[data-v-6e8f79bf]{color:var(--primary-color)}.left .tree-wrap .custom-tree-node.disable[data-v-6e8f79bf]{color:#707070}.left .tree-wrap .custom-tree-node .l-icon[data-v-6e8f79bf]{width:20px;margin-right:10px}.left .tree-wrap .custom-tree-node .end-t[data-v-6e8f79bf]{margin-left:6px}.left .tree-wrap .custom-tree-node .float-end-t[data-v-6e8f79bf]{position:absolute;right:6px;top:0;display:flex;align-items:center;height:100%}.left .tree-wrap .custom-tree-node .float-end-t .icon[data-v-6e8f79bf]{font-size:18px}.left .tree-wrap .custom-tree-node .t1[data-v-6e8f79bf]{color:var(--primary-color)}.right[data-v-6e8f79bf]{flex:1}.fullscreen-mask[data-v-6e8f79bf]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1000;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease;opacity:0;pointer-events:none}.fullscreen-mask.active[data-v-6e8f79bf]{opacity:1;pointer-events:auto}.viewer-dialog[data-v-6e8f79bf]{z-index:1001}.right-wrap[data-v-ae07a784]{width:100%;height:100%;padding:0 0 0 10px}.live-preview-wrap[data-v-a9c28e76]{display:flex;height:100%;padding:0}.livePreview-wrap[data-v-7ca7368f]{width:100%;height:100%}