*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0}#app{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%}header{background-color:#f5f7fa;color:#333;padding:.5rem}.v-resize-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%}.v-resize-container,.v-resize-top{-webkit-flex-grow:1;flex-grow:1;height:0}.v-resize-top{overflow:auto}.v-resize-bottom{-webkit-flex-basis:200px;flex-basis:200px;height:0}.h-resize-container{display:-webkit-flex;display:flex;max-width:100%;width:100%}.h-resize-left{-webkit-flex-grow:1;flex-grow:1;overflow:auto;width:0}.h-resize-right{-webkit-flex-basis:30%;flex-basis:30%;overflow:auto;width:0}.h-resizer,.v-resizer{--size:0.5rem;background-color:#ccc;transition:.2s}.h-resizer{width:var(--size)}.v-resizer{height:var(--size)}.h-resizer:hover{cursor:ew-resize}.v-resizer:hover{cursor:ns-resize}.h-resizer:hover,.v-resizer:hover{background-color:#1890ff}footer{background-color:#f5f7fa;color:#333;padding:.5rem}#bottom-container,#editor{height:100%;width:100%}#bottom-container{-webkit-flex-direction:column;flex-direction:column}#bottom-container,#bottom-head{display:-webkit-flex;display:flex}#bottom-head{-webkit-align-items:center;align-items:center;background-color:#f5f7fa;-webkit-justify-content:space-between;justify-content:space-between}#bottom-body{-webkit-flex:1;flex:1;overflow:auto}.fb-tabs{border:none!important}#bottom-tabpanes1,#bottom-tabpanes1>*{height:100%;width:100%}#bottom-tabpanes2{margin-right:.7rem}#bottom-tabpanes2-idx1>*{cursor:pointer;display:inline-block;margin-left:1rem}#log{padding:.5rem}header{font-size:0}header button{background-color:transparent;border:none;border-radius:.5rem;color:#333;cursor:pointer;font-size:16px;height:2rem;line-height:2rem;margin-right:.5rem;min-width:3rem;vertical-align:middle}header button:first-child{background-color:#52c41a;color:#fff}header button:nth-child(2){background-color:#f5222d;color:#fff}header button:nth-child(3){background-color:#1890ff;color:#fff}header button:nth-child(4){background-color:orange;color:#fff}footer{text-wrap:nowrap;overflow:auto}.fb-tabs{background-color:#f5f7fa;border:1px solid #eee;border-bottom:0;font-size:0;overflow:auto;white-space:nowrap}.fb-tabs>*{-webkit-tap-highlight-color:transparent;border:1px solid transparent;border-bottom:none;border-top:none;color:#aaa;cursor:pointer;display:inline-block;font-size:16px;margin-left:-1px;padding:.5rem .7rem;transition:background-color .3s}.fb-tabs>[active=true]{background-color:#fff;color:#1890ff}.fb-tab-panes{border:1px solid #eee;border-top:0}.hidden{display:none!important}.f-droplist-ul{background-color:#fff;border:1px solid #000;border-radius:.5rem;display:none;list-style-type:none;margin:0;overflow:auto;padding:0;position:absolute;z-index:999}.f-droplist-li{background-color:#fff;color:#000;font-size:16px;padding:.5rem;text-align:left;white-space:nowrap}.f-droplist-li[type=normal]{cursor:pointer}.f-droplist-li[type=normal]:hover{background-color:#1890ff;color:#fff}.f-droplist-li[type=label]{background:#ddd;cursor:auto}.f-droplist-li[type=el]>*{display:block;width:100%}.f-droplist-li[type=el]>a{color:#000;text-decoration:none}.f-droplist-li[type=el]>a:hover{color:#1890ff}.f-droplist-collection>li{padding-left:1.5rem;padding-right:1.5rem}.f-log{box-sizing:border-box;font-family:Consolas;overflow-x:hidden;overflow-y:auto;white-space:pre-wrap}.f-log p{margin:0}.f-modal-mask *{box-sizing:border-box}.f-modal-mask{background-color:rgba(0,0,0,.3);height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.f-modal-modal{background-color:#fff;border-radius:.5rem;left:50%;max-height:90%;max-width:90%;min-width:300px;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.f-modal-modal,.f-modal-modal *{box-sizing:border-box}.f-modal-modal-inline_block{background-color:#fff;border-radius:.5rem;display:inline-block;margin:0 1rem 1rem 0;max-height:90%;max-width:90%;overflow:hidden}.f-modal-head{-webkit-align-items:center;align-items:center;color:#fff;display:-webkit-flex;display:flex;height:32px;-webkit-justify-content:space-between;justify-content:space-between}.f-modal-body{box-sizing:border-box;max-width:100%;overflow:auto}.f-modal-body img{vertical-align:top}.f-modal-closebtn{cursor:pointer;height:32px;position:relative;transition:background-color .2s linear;width:32px}.f-modal-closebtn:after,.f-modal-closebtn:before{background-color:#fff;content:"";display:"block";height:16px;left:50%;position:absolute;top:50%;width:2px}.f-modal-closebtn:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.f-modal-closebtn:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.f-modal-closebtn:hover{background-color:red}.f-modal-head_label{padding-left:8px}.f-modal-btns{padding:0 1rem 1rem;text-align:right}.f-modal-checkbtn{color:#1677ff}.f-modal-checkbtn:focus,.f-modal-checkbtn:hover{background-color:#e6f4ff!important}.f-modal-checkbtn:active{background-color:#bae0ff!important}.f-modal-cancelbtn{color:#aaa;margin-left:8px}.f-modal-cancelbtn:focus,.f-modal-cancelbtn:hover{background-color:#eee!important}.f-modal-cancelbtn:active{background-color:#ddd!important}.f-modal-cancelbtn,.f-modal-checkbtn{-webkit-tap-highlight-color:transparent;background-color:#fff;border:none!important;border-radius:8px;cursor:pointer;font-size:14px;line-height:16px;min-height:32px;outline:none;padding:8px 12px;transition:background-color .2s linear}.f-modal-body p{margin:0 0 1rem}.f-modal-body a{color:#1677ff;text-decoration:none}.x-input-text{background-color:#fff;border:1px solid #d9d9d9;border-radius:.5rem;box-sizing:border-box;color:#333;font-size:14px;line-height:14px;margin:0;outline:none;padding:.5rem;transition:border-color .2s linear}.x-input-text:disabled{opacity:.5}.x-input-text:focus{border:1px solid #1890ff}.x-tip{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;left:0;position:fixed;width:100%;z-index:999999}.x-tip[pos=top]{top:5%}.x-tip[pos=center]{top:50%}.x-tip[pos=bottom]{bottom:4rem}.x-tip-content{background-color:rgba(0,0,0,.5);border-radius:5px;color:#fff;font-size:16px;max-width:80%;padding:10px}