body,#root,html{width:100%;height:100%;margin:0;padding:0}.App{font-family:sans-serif;text-align:left;display:flex;flex-direction:column;width:100%;height:100%}#main{display:flex;flex-direction:row;flex-grow:1}#editors{display:flex;flex-grow:1}#results{display:flex;flex-direction:column;width:48ch}#results #output,#results #modified{flex-grow:1}#inputfield{resize:none;border:none;box-sizing:border-box;width:100%;field-sizing:content;background:none;padding:0;outline:none!important}#input{padding-left:8px;padding-top:4px;box-shadow:inset 1px 1px 2px #0003}#output{background-color:#333;color:#eee;font-family:Courier New,Courier,monospace;white-space:pre;padding-left:8px;padding-top:4px;overflow-y:auto}#modified{font-family:monospace;white-space:pre;padding:4px}#buttons{box-shadow:inset 0 -2px 2px #0003;border-bottom:1px solid black}.btn{margin-left:.5em;background-color:#fff;border:1px solid black;border-bottom:1px solid white;border-radius:4px 4px 0 0;margin-bottom:-1px}.btn.tab{color:#444}.btn.tab.active{color:#000;font-weight:700}.btn:not(.tab){cursor:pointer}.btn:hover{background:#eee;border-bottom:1px solid #eee}iframe{display:none}.editor:not(.active){display:none!important}.editor[data-tab=hex]{width:100%;height:100%;display:flex;flex-direction:row;font-family:monospace}#hexright{display:flex;flex-direction:column;flex-grow:1}#hexcolumns{padding-left:4px;padding-top:4px;min-width:48ch;background-color:#e8e8e8;width:100%;padding-bottom:4px}#hexgutter{padding-top:calc(12px + 1lh);padding-left:4px;padding-right:1ch;text-align:right;white-space:pre;background-color:#f0f0f0;min-width:40px;box-sizing:border-box}#hexinput{resize:none;border:none;outline:none!important;padding-top:4px;padding-left:4px;box-sizing:border-box;flex-grow:1}#buttons{display:flex;flex-direction:row;justify-content:space-between}.middle{font-size:8pt;font-weight:lighter;padding-top:4px}.singlecharacter{display:inline-block;width:1ch}.quiet{color:#aaa}