*{padding:0;margin:0;box-sizing:border-box}html,body{height:100%;font-size:13px}.font-12{font-size:12px}.col-6{color:#666}.col-9{color:#999}.m-r-10{margin-right:10px}.cm-editor{height:100%!important}.main-container{height:100%;overflow:hidden;display:flex}.edit-container{display:flex;flex-direction:column;flex:1;border-right:1px solid #F0F0F0}.edit-cont{height:70vh}.panel-cont{height:30vh;display:flex;flex-direction:column;justify-content:space-between}.panel-title{height:36px;background-color:#f7f7f7;display:flex;align-items:center;padding-left:10px;border-top:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0;color:#666}.res-cont{padding:10px 20px;overflow-y:auto}.btn-row{width:100%;height:50px;display:flex;align-items:center;justify-content:flex-end;border-top:1px solid #F0F0F0}.btn{cursor:pointer;border-radius:2px}.btn-run{margin-right:16px;padding:4px 8px 4px 20px;color:#2db55d;border:1px solid #2DB55D;position:relative}.btn-run:after{position:absolute;left:8px;top:50%;margin-top:-4px;content:" ";width:0;height:0;border-left:6px solid #2DB55D;border-right:6px solid transparent;border-top:4px solid transparent;border-bottom:4px solid transparent}.res-row{display:flex;padding:5px;justify-content:space-between;flex-wrap:wrap}.res-row .name{width:100px;flex:1;padding-top:4px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res-row .res{width:84%;height:auto;margin-left:20px;min-height:28px;padding:4px 10px;background-color:#f7f7f7;border:1px solid #F0F0F0;border-radius:3px;word-wrap:break-word}.step-container{padding-top:10px;padding-right:30px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.step-cont{flex:1;overflow-y:auto}.menu-cont{width:100%;height:50px;display:flex;align-items:center;justify-content:center;border-top:1px solid #F0F0F0}.btn-step{padding:4px 8px;color:#2db55d;border:1px solid #2DB55D;margin:0 10px}