body{font:1.2rem Helvetica, Arial, sans-serif;background:#515e70;padding:0;margin:0}.container{display:flex;flex-direction:column;align-items:center;width:100%;height:100vh;padding:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.container .top{width:100%;height:35%;display:flex;flex-flow:column}.container .top .message-section{width:100%;overflow-y:scroll;background:#6b7686;flex:1 1 auto;border-radius:5px}.container .top .message-section #message{padding:10px;white-space:pre;color:#2e3440}.container .top .button-section{width:100%;padding:6px 0;text-align:center;flex:0 1 auto}.container .top .button-section .button{display:inline-block;background-color:transparent;border:2px solid #2e3440;border-radius:5px;color:#2e3440;cursor:pointer;font-size:1rem;line-height:20px;padding:4px 15px;margin:4px 0;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle}.container .top .button-section .button:hover{background-color:#2e3440;color:#515e70}.container .top .button-section .button:active{background-color:#2e3440;color:#515e70}.container .bottom{display:flex;flex-direction:column;width:100%;height:65%}.container .bottom .editor-section{display:flex;flex-direction:row;flex:1}.container .bottom .editor-section .editor-and-label{display:flex;flex-direction:column;flex:1}.container .bottom .editor-section .editor-and-label .label{background:#2e3440;border-radius:5px;margin-bottom:4px;font-size:0.9rem;flex:0 1 1.5rem}.container .bottom .editor-section .editor-and-label .label .text{width:100%;line-height:1.5rem;color:#515e70;text-align:center}.container .bottom .editor-section .editor-and-label .label .indent{float:left;cursor:pointer}.container .bottom .editor-section .editor-and-label .editor-container{display:flex;position:relative;flex:1 1 auto}.container .bottom .editor-section .editor-and-label .editor-container .editor{position:absolute;top:0;left:0;right:0;bottom:0;display:none;border-radius:5px}.container .bottom .editor-section .editor-and-label:first-of-type{margin:0 2px 0 0}.container .bottom .editor-section .editor-and-label:last-of-type{margin:0 0 0 2px}@media only screen and (max-width: 700px){.bottom .editor-section{flex-direction:column !important}.bottom .editor-section .editor-and-label:first-of-type{margin:0 !important}.bottom .editor-section .editor-and-label:last-of-type{margin:4px 0 0 0 !important}}