.container{height:600px}.drawboard{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;height:100%;color:#bfcbd9}.center,.drawboard{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.center{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.center .topBar{-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;background-color:#282828;border-bottom:1px solid #171717}.center .wrapper{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.center .wrapper .tools{-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;background-color:#282828;border-right:1px solid #171717}.center .wrapper .view{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;background-color:#ebeef5;position:relative;overflow:hidden}.center .wrapper .view #canvas,.center .wrapper .view #image{top:0;left:0;position:absolute}.center .bottomBar{-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;background-color:#282828;border-top:1px solid #171717}body{height:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}label{font-weight:700}html{-webkit-box-sizing:border-box;box-sizing:border-box}#app,html{height:100%}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}a:active,a:focus{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}div:focus{outline:none}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.app-container{padding:20px}