.focus-tool-shapecontainer{width:160px;background:var(--bg-color-tertiary);padding-bottom:8px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.focus-tool-shapecontainer .focus-tool-item:first-child:after{display:block;margin:0 auto;content:"";width:128px;height:1px;background:var(--bg-color-focus-tool-box-active)}.focus-tool-shapecontainer .focus-tool-item p{width:100%;height:40px;line-height:40px;padding:0 16px;font-size:12px;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.focus-tool-shapecontainer .focus-tool-item p.active{background:var(--bg-color-focus-tool-box-active)}.focus-tool-shapecontainer .focus-tool-item p:not(.active):hover{background:var(--bg-color-focus-tool-box-hover)}.focus-tool-shapecontainer .focus-tool-item .focus-tool-itemimg{padding:0 10px;display:flex;flex-wrap:wrap}.focus-tool-shapecontainer .focus-tool-item .focus-tool-itemimg .isActiveShape{background:var(--bg-color-focus-tool-box-active)}.focus-tool-shapecontainer .focus-tool-item .focus-tool-itemimg div{width:34px;height:34px;padding:6px}.focus-tool-shapecontainer .focus-tool-item .focus-tool-itemimg div:hover{background:var(--bg-color-focus-tool-box-active)}.focus-tool-shapecontainer .focus-tool-item .focus-tool-itemimg div img{width:24px;height:24px}.focus-tool-textaligncontainer{background:#fff;padding-bottom:8px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;width:155px}.focus-tool-textaligncontainer .imgbox-list{width:144px;padding:16px;background-color:var(--bg-color-tertiary);border-radius:5px;box-shadow:var(--box-shadow-color-box);box-sizing:border-box;z-index:1;position:absolute;top:36px;display:grid;grid-template-columns:repeat(3,1fr)}.focus-tool-textaligncontainer .imgbox-list .align-line{grid-column-start:1;grid-column-end:4;margin:12px 0;list-style:none;border-top:1px solid var(--border-color-float-hv-line)}.focus-tool-textaligncontainer .imgbox-list .imgbox-li{display:flex;justify-content:center;align-items:center;list-style:none;width:32px;height:32px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;margin-right:8px;position:relative;border-radius:6px}.focus-tool-textaligncontainer .imgbox-list .imgbox-li:nth-child(4n){margin-right:0}.focus-tool-textaligncontainer .imgbox-list .imgbox-li:not(.active):hover{background-color:var(--hover-color-common)}.focus-tool-textaligncontainer .imgbox-list .imgbox-li.active{background-color:var(--select-color-common-6)}.focus-tool-textaligncontainer .imgbox-list .imgbox-li .item-icon{width:24px;height:24px;color:var(--svg-color-gray-42)}.focus-tool-layercontainer{background:var(--bg-color-tertiary);padding-bottom:8px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;width:180px}.focus-tool-layercontainer .blockItem-btnBox{display:flex;align-items:center;padding:3px 0;justify-content:space-around;border-bottom:1px solid var(--border-color-box-light);flex-wrap:wrap}.focus-tool-layercontainer .blockItem-btnBox:last-child{border-bottom:unset}.focus-tool-layercontainer .blockItem-btnBox .activeFunc{background-color:var(--themeActived)}.focus-tool-layercontainer .blockItem-btnBox li{position:relative;width:32px;height:32px;margin:0 4px;display:block;flex-shrink:1;list-style:none;text-align:center;line-height:32px;border-radius:6px}.focus-tool-layercontainer .blockItem-btnBox li:not(.activeFunc):hover{background-color:var(--hover-color-common)}.focus-tool-layercontainer .blockItem-btnBox li.navigation-ban-btn:hover .item-icon{cursor:not-allowed}.focus-tool-layercontainer .blockItem-btnBox li .item-icon{width:20px;height:20px;margin-top:6px;margin-bottom:6px;color:var(--svg-color-gray-42)}.focus-tool-layercontainer .blockItem-btnBox li:nth-child(n+5){margin-top:6px}.focus-tool-layercontainer .blockItem-btnBox li.active{background-color:var(--select-color-common-6)}.focus-tool-shapealigncontainer{background:var(--bg-color-tertiary);padding-bottom:8px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;width:180px}.focus-tool-shapealigncontainer .blockItem-btnBox{display:flex;align-items:center;padding:3px 0;justify-content:space-around;border-bottom:1px solid var(--border-color-box-light);flex-wrap:wrap}.focus-tool-shapealigncontainer .blockItem-btnBox:last-child{border-bottom:unset}.focus-tool-shapealigncontainer .blockItem-btnBox .activeFunc{background-color:var(--themeActived)}.focus-tool-shapealigncontainer .blockItem-btnBox li{position:relative;width:32px;height:32px;margin:0 4px;display:block;flex-shrink:1;list-style:none;text-align:center;line-height:32px;border-radius:6px}.focus-tool-shapealigncontainer .blockItem-btnBox li:not(.activeFunc):hover{background-color:var(--hover-color-common)}.focus-tool-shapealigncontainer .blockItem-btnBox li.navigation-ban-btn:hover .item-icon{cursor:not-allowed}.focus-tool-shapealigncontainer .blockItem-btnBox li .item-icon{width:20px;height:20px;margin-top:6px;margin-bottom:6px;color:var(--svg-color-gray-42);fill:var(--svg-color-gray-75)}.focus-tool-shapealigncontainer .blockItem-btnBox li:nth-child(n+5){margin-top:6px}.focus-tool-shapealigncontainer .blockItem-btnBox li.active{background-color:var(--select-color-common-6)}.ban-btn{cursor:not-allowed}.ban-btn .item-color{opacity:.2;filter:grayscale(1)}.ban-btn .item-clickmask{cursor:not-allowed!important}.ban-btn>.item-icon-center{opacity:.4;filter:grayscale(1)}.focus-tool-positioncontainer{width:270px;padding:10px;background:var(--bg--color-tertiary);border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;flex-wrap:wrap;justify-content:space-between}.focus-tool-positioncontainer .fix-ratio{position:relative;margin-top:2px;width:24px!important;height:24px;border-radius:4px}.focus-tool-positioncontainer .fix-ratio svg{position:absolute;top:50%;left:50%;width:18px;height:8px;transform:translate(-50%,-50%);color:var(--svg-color-gray-42)}.focus-tool-positioncontainer .fix-ratio:hover{background-color:var(--hover-color-common);cursor:pointer}.focus-tool-positioncontainer .actived-btn{background-color:var(--bg-color-selected)!important}.focus-tool-positioncontainer .block-input{width:110px}.focus-tool-positioncontainer .block-input .ivu-input-number-handler-wrap,.focus-tool-positioncontainer .block-input .ivu-input-number-input{background-color:var(--bg-color-tertiary)}.focus-tool-positioncontainer .block-input>svg{width:18px;height:8px}.focus-tool-positioncontainer .block-input p{width:18px;text-align:right;display:inline-block;font-size:12px;margin:5px 0;margin-right:4px}.floatbox-split-line{width:100%;height:1px;background:var(--bg-color-floatbox-split-line);margin:16px 0}.floatbox-main-title{font-weight:700;margin-bottom:12px}.floatbox-main-title,.floatbox-sub-title{font-size:12px;line-height:16px;color:var(--text-color-primary)}.position-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.position-bottom{position:absolute;bottom:0}.flex-center{display:flex;align-items:center;justify-content:space-around}.ed-load-loop{animation:ani-load-loop 1s linear infinite}.focus-expand-box{position:absolute;left:0;top:0;width:100vw;height:100vh;z-index:10;pointer-events:none}.focus-expand-box .focus-expand-tool{position:fixed;left:200px;top:200px;width:56px;padding:0 8px;z-index:10;box-shadow:var(--box-shadow-color-box);border-radius:5px;background:var(--bg-color-tertiary);pointer-events:auto}.focus-expand-box .focus-expand-tool .expand-tool-title{height:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.focus-expand-box .focus-expand-tool .expand-tool-title div{width:12px;height:8px}.focus-expand-box .focus-expand-tool .expand-tool-title div:after,.focus-expand-box .focus-expand-tool .expand-tool-title div:before{display:block;content:"";width:12px;height:1px;background:#ccc;margin-top:3px}.focus-expand-box .focus-expand-tool .expand-tool-box{position:relative;width:40px;height:40px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.focus-expand-box .focus-expand-tool .expand-tool-box.expand-ban-btn:not(.active){opacity:.2;pointer-events:none}.focus-expand-box .focus-expand-tool .expand-tool-box svg{width:40px;height:40px;pointer-events:none;color:var(--svg-color-gray-42);fill:var(--svg-color-gray-75)}.focus-expand-box .focus-expand-tool .expand-tool-box:hover{background:var(--bg-color-focus-tool-box-hover)}.focus-expand-box .focus-expand-tool .expand-tool-expand .active{transform:rotate(180deg)}.focus-expand-box .focus-expand-tool .expand-tool-content .expand-tool-btn.active{background:var(--bg-color-focus-tool-box-active)}.focus-expand-box .focus-expand-tool .expand-tool-content .expand-tool-btn:last-child{border-top:1px solid var(--border-color-focus-tool)}.focus-expand-fontbox{position:absolute;left:0;top:36px;width:56px;padding:8px;border-radius:5px;box-shadow:var(--box-shadow-color-box);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto;background:var(--bg-color-tertiary);display:flex;flex-wrap:wrap}.focus-expand-fontbox div{width:40px;height:40px;cursor:pointer}.focus-expand-fontbox div:hover{background:var(--bg-color-focus-tool-box-hover)}.focus-expand-fontbox div svg{width:40px;height:40px;pointer-events:none;color:var(--svg-color-gray-42);fill:var(--svg-color-gray-75)}.item-color{pointer-events:none;position:absolute;margin-left:10px;bottom:5px;border-radius:3px;width:18px;height:3px}