*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:12px;color:#374151;background:#f5f6f8}.main-layout-container{display:flex;flex-direction:column;justify-content:flex-start;height:100%;background:#eee}.main-layout-container .body-container{flex:1 1 auto;display:flex;flex-direction:row;justify-content:flex-start;width:100%;overflow:hidden;position:relative}.main-layout-container .body-container .middle-body{display:flex;flex:1 1 auto;height:100%;overflow:hidden;position:relative}.header-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0 8px;height:24px;width:100%;box-sizing:border-box;background:#e1e8f6;flex-shrink:0;position:relative}.header-container .left-tool-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:2px;height:100%}.header-container .left-tool-container .logo-container{display:flex;align-items:center;justify-content:center;width:46px;height:24px;margin-right:3px}.header-container .icon-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2px;height:24px;padding:0 4px;border-radius:4px;cursor:pointer}.header-container .icon-btn svg{width:20px;height:20px;flex-shrink:0}.header-container .icon-btn .arrow{width:8px;height:8px}.header-container .icon-btn:hover{background:#0e4a8d14}.header-container .projectname-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;height:18px;position:absolute;left:50%;transform:translate(-50%)}.header-container .projectname-container .projectname-content{font-family:Source Han Sans SC,Microsoft YaHei UI,sans-serif;font-size:16px;font-weight:700;line-height:18px;color:#000;white-space:nowrap}.header-container .projectname-container .icon-btn{padding:0;height:18px;width:8px}.header-container .projectname-container .icon-btn .arrow{width:8px;height:8px}.header-container .right-tool-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:2px;height:100%;margin-left:auto}.tool-bar-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;height:100px;width:100%;box-sizing:border-box;background:#fff;flex-shrink:0;overflow:hidden}.tool-bar-container .tool-bar-item{display:flex;flex-direction:row;align-items:stretch;height:100%}.tool-bar-container .tool-bar-item .tool-bar-divider{width:1px;height:100%;margin:0 4px;background:#e8e8e8;flex-shrink:0}.tool-bar-block{display:flex;flex-direction:column;height:100%;flex-shrink:0;background:#fff}.tool-bar-block .block-menu{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:2px;height:64px;box-sizing:border-box;overflow:hidden}.tool-bar-block .block-menu .block-menu-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-columns:fit-content(100%);gap:4px 2px;height:56px;padding:4px 0;box-sizing:border-box;flex-shrink:0}.tool-bar-block .block-menu .block-menu-grid .grid-menu-button{display:flex;align-items:center;gap:4px;height:100%;padding:0 4px;box-sizing:border-box;border:none;border-radius:2px;background:transparent;cursor:pointer}.tool-bar-block .block-menu .block-menu-grid .grid-menu-button svg{width:20px;height:20px;flex-shrink:0}.tool-bar-block .block-menu .block-menu-grid .grid-menu-button .grid-menu-label{font-family:Microsoft YaHei UI,sans-serif;font-size:12px;line-height:normal;color:#000;white-space:nowrap}.tool-bar-block .block-menu .block-menu-grid .grid-menu-button:hover:not(.disabled):not(.active):not(:active){background:#cfddf933}.tool-bar-block .block-menu .block-menu-grid .grid-menu-button:active:not(.disabled){background:#cfddf999}.tool-bar-block .block-menu .block-menu-grid .grid-menu-button.active{background:#cfddf999}.tool-bar-block .block-menu .block-menu-grid .grid-menu-button.disabled{cursor:default;opacity:.6}.tool-bar-block .block-divider{height:1px;width:100%;background:#e8e8e8;flex-shrink:0}.tool-bar-block .block-divider.is-active{background:#cfddf999}.tool-bar-block .block-operation{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:2px;flex:1 1 auto;padding:0 2px;margin-bottom:4px;box-sizing:border-box;overflow:hidden}.tool-bar-block .block-operation .visible-menu{display:flex;align-items:center;gap:4px;height:20px;flex-shrink:0;margin-right:4px}.tool-bar-block .block-operation .visible-menu>svg{width:18px;height:18px;flex-shrink:0}.tool-bar-block .block-operation .visible-menu .dropmenu{display:flex;align-items:center;justify-content:space-between;gap:4px;height:100%;min-width:0;padding:0 6px;box-sizing:border-box;border:1px solid #dadada;border-radius:2px;background:#fff}.tool-bar-block .block-operation .visible-menu .dropmenu span{font-size:12px;line-height:18px;color:#000;white-space:nowrap}.tool-bar-block .block-operation .visible-menu .dropmenu svg{width:8px;height:8px;flex-shrink:0}.menu-button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:40px;height:56px;box-sizing:border-box;border:none;border-radius:4px;background:transparent;cursor:pointer;flex-shrink:0}.menu-button svg{width:28px;height:28px;flex-shrink:0}.menu-button .menu-label{font-family:Microsoft YaHei UI,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:normal;color:#000;white-space:nowrap}.menu-button:hover:not(.disabled):not(.active):not(:active){background:#cfddf933}.menu-button:active:not(.disabled){background:#cfddf999}.menu-button.active{background:#cfddf999}.menu-button.active.has-toolbar:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:4px;background:#cfddf999}.menu-button.disabled{cursor:default;opacity:.6}.menu-button.small{flex-direction:row;justify-content:center;width:auto;height:22px;padding:0 4px;gap:4px}.menu-button.small svg{width:18px;height:18px}.menu-button.small .menu-label{font-size:10px;line-height:22px}.operation-button{display:flex;justify-content:center;align-items:center;width:24px;height:24px;padding:0;box-sizing:border-box;border:none;border-radius:4px;background:transparent;cursor:pointer;flex-shrink:0}.operation-button svg{width:20px;height:20px;flex-shrink:0}.operation-button .op-with-arrow{display:flex;align-items:center;gap:0}.operation-button .op-with-arrow svg:last-child{width:8px;height:8px}.operation-button:hover:not(.disabled):not(.active):not(:active){background:#cfddf933}.operation-button:active:not(.disabled){background:#cfddf999}.operation-button.active{background:#cfddf999}.operation-button.disabled{cursor:default;opacity:.6}.block-operation.is-menu-active{background:#cfddf999}.block-operation.is-menu-active .operation-button:hover:not(.disabled):not(.active):not(:active){background:#cfddf973}.block-operation.is-menu-active .operation-button:active:not(.disabled){background:#abc4f5e6}.block-operation.is-menu-active .operation-button.active{background:#abc4f5e6}.st-header{display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 8px;background:#e0edfd;border:1px solid #e0e0e0;flex-shrink:0}.st-header__title{font-size:12px;font-weight:700;line-height:18px;color:#393939;white-space:nowrap}.st-header__close{display:flex;align-items:center;justify-content:center;width:14px;height:17px;font-size:14px;color:#393939;cursor:pointer;line-height:1}.st-header__close:hover{color:#e32b2b}.st-tabs{display:flex;align-items:center;height:28px;padding:0 8px;background:#fff;border-bottom:1px solid #e5e9ee;flex-shrink:0;gap:12px}.st-tabs__item{position:relative;display:flex;align-items:center;height:100%;font-size:12px;line-height:18px;color:#5e5e5e;cursor:pointer;white-space:nowrap;flex-shrink:0}.st-tabs__item:hover{color:#127fe8}.st-tabs__item.is-active{color:#127fe8;font-weight:600}.st-tabs__item.is-active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#127fe8}.st-sidebar{display:flex;flex-direction:column;width:307px;height:100%;background:#fff;box-shadow:0 0 9.7px #0000001f;-webkit-user-select:none;user-select:none}.st-sidebar__content{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden}.st-toolbar{display:flex;align-items:center;justify-content:space-between;height:32px;padding:4px 8px;background:#fff;border-bottom:1px solid #e5e9ee;flex-shrink:0}.st-toolbar__actions{display:flex;align-items:center;gap:4px;height:100%;overflow:hidden}.st-toolbar__btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;border-radius:3px}.st-toolbar__btn:hover{background:#e6f2ff}.st-toolbar__search{display:flex;align-items:center;justify-content:space-between;width:110px;height:24px;padding:0 4px;border:1px solid #e5e9ee;border-radius:3px;background:#fff;flex-shrink:0}.st-toolbar__search-left{display:flex;align-items:center;gap:2px;min-width:0;flex:1 1 0}.st-toolbar__search-input{flex:1 1 0;min-width:0;height:20px;padding:0!important;font-size:12px}.st-toolbar__search-input .ant-input{font-size:12px;color:#a6a6a6}.st-toolbar__search-filter{display:flex;align-items:center;justify-content:center;width:12px;height:12px;cursor:pointer;flex-shrink:0}.st-toolbar__search-filter:hover{color:#127fe8}.left-sidebar-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1 1 0;min-height:0}.left-sidebar-placeholder p{margin:0;font-size:12px;color:#393939}.left-sidebar-placeholder span{font-size:12px;color:#a6a6a6}