html{width:100%;height:100%}body{margin:8px;width:calc(100% - 16px);height:calc(100% - 16px)}.tree-editor-container{display:inline-flex;flex-direction:column;flex-wrap:nowrap;width:100%;height:100%}.tree-editor{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;height:100%;border:2px solid #254f37}.tree-editor-toolbar,.tree-editor-toolbar-horz{flex-shrink:0;display:flex;background-color:#609b86}.tree-editor-toolbar{flex-direction:column;min-width:10px}.tree-editor-toolbar-horz{flex-direction:row;min-height:10px}.tree-editor-toolbar.last-of-type{padding-right:3px}.tree-editor-toolbar-horz.last-of-type{padding-bottom:3px}.tree-editor-vert-section{display:flex;flex-direction:column;flex-grow:1}.tree-editor .canvas{min-width:300px;text-align:center;flex-grow:1;padding:5px;overflow:auto}.editor-button{flex-shrink:0;align-self:center;cursor:pointer;width:40px;height:40px;margin:2px;text-align:center;line-height:40px;border-top:2px solid #6f9de8;border-left:2px solid #6f9de8;border-right:2px solid #365b96;border-bottom:2px solid #365b96;color:#fff;font-size:16pt;background-color:#426eb7}.editor-button:active{border-top:2px solid #365b96;border-left:2px solid #365b96;border-right:2px solid #6f9de8;border-bottom:2px solid #6f9de8}.editor-button.disabled,.editor-button.disabled:active{background-color:#bcbcbc;border-top:2px solid #ddd;border-left:2px solid #ddd;border-right:2px solid #848484;border-bottom:2px solid #848484}.tree-editor-result{border-left:2px solid #254f37;border-right:2px solid #254f37}.tree-editor-bottom-pane{display:flex;flex-direction:column;width:100%;height:20%;min-height:200px;border-top:2px solid #000;border-left:2px solid #000}.tree-editor-pane-tabs{flex-grow:0;height:35px;width:100%;border-bottom:1px solid #666}.tree-editor-pane-body{flex-grow:1;overflow:auto}.tree-editor-pane-tab{display:inline-flex;flex-direction:column;justify-content:center;height:30px;margin-top:5px;padding:0 5px;background-color:#bcbcbc;border:1px solid #666;border-bottom:none;border-radius:10px 10px 0 0}.tree-editor-pane-tab.enabled{background-color:#ddd;border:2px solid #000;border-bottom:none}.tree-editor-pane-body-pane{width:100%;height:100%}.tree-editor-save-header{display:flex;width:calc(100% - 6px);padding:2px;border-bottom:1px solid #433}.tree-editor-save-header .editor-button{flex-grow:0}.tree-editor-save-header input{flex-grow:1}.saved-tree-entry{display:flex}.tree-editor-saver-name{flex-grow:1}.tree-editor-saver-button{flex-grow:0;padding:2px;border-top:1px solid #d3d3d3;border-left:1px solid #d3d3d3;border-right:1px solid #a9a9a9;border-bottom:1px solid #a9a9a9}.tree-editor-saver-button:active{border-top:1px solid #a9a9a9;border-left:1px solid #a9a9a9;border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}.editor-keyboard{display:inline-flex;flex-wrap:wrap;justify-content:space-between;border-top:1px dashed #000;border-left:1px dashed #000}.editor-keyboard>span{flex:1 0;padding:0 5px;border-right:1px dashed #000;border-bottom:1px dashed #000;white-space:nowrap}.editor-keyboard>span>span:first-child{margin-right:5px;font-weight:700}