html{height:100%;margin:0}body{height:100%;margin:0;display:flex;flex-direction:column;font-family:sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}#top-bar{background:#eee;border-bottom:1px solid #aaa;padding:2px 0 3px 14px;font-size:12px;min-height:23px}#top-bar input[type=number]{margin-right:13px;width:38px}#top-bar button{vertical-align:middle}@media screen and (max-width: 812px){#top-bar button{font-size:8px}}#top-bar button:not(:last-child){margin-right:8px}#top-bar button.solo{font-size:unset;margin-top:2px}#top-bar .short{display:none}@media screen and (max-width: 750px){#top-bar .short{display:inline}#top-bar .long{display:none}}#top-bar .right{float:right;margin:3px 5px 0 0}#settings-container{display:flex;flex-direction:column;height:100px;flex-grow:1}#settings,#proof-controls{background:#eee;border-top:1px solid #aaa;height:110px;padding:15px}#settings>div{display:inline-block;vertical-align:top;min-width:82px;width:12%}#settings>div:not(:last-child){margin-right:8px}#settings>div::after{content:attr(title);display:block;font-size:10px;margin-top:-3px;margin-left:1px}#settings>div textarea{height:90px;width:100%}#main{display:flex;height:100px;flex-grow:1}#main>div{width:50%;padding:15px}#original{min-width:200px}#original textarea{width:100%;height:100%;box-sizing:border-box;margin:0}#original.dragging{background-color:#eef}#original.dragging textarea{background-color:#ffa}#result{min-width:fit-content;font-family:monospace}#result table{overflow-y:auto;border-collapse:collapse}#result table tr:nth-child(4n+1),#result table tr:nth-child(4n+2){background-color:rgba(100,100,255,0.2)}#result table tr{white-space:nowrap}#result #content-table{-webkit-user-select:text;-moz-user-select:text;user-select:text}#result #content-table>div{height:17px;padding:1px 0;white-space:nowrap}#result #annotation-table td{padding:1px 2px}#result #annotation-table td[rowspan]{width:7ch;padding:0;position:relative}#result #annotation-table td[rowspan]>span{padding:4px}.proof-mode #result #annotation-table td[rowspan]>span{cursor:pointer}.proof-mode #result #annotation-table td[rowspan]>span:hover{color:black}.proof-mode #result #annotation-table td[rowspan]>span.other-button{display:block}#result #annotation-table td[rowspan]>span.other-button{display:none;position:absolute;top:-12px;left:0px;font-size:15px}.proof-mode #result #annotation-table tr:first-child td[rowspan]>span.other-button{display:none}#result #annotation-table td.placeholder{min-width:34ch;height:17px}#result #annotation-table .annotation{color:#777;min-width:16px;text-align:right}#result #annotation-table td[rowspan],#result #annotation-table td:last-child{font-family:sans-serif;font-size:10px;color:#444}#result #annotation-table td:last-child{padding-left:4px}#result #content-table,#result #guideline-container{position:absolute;left:5ch}#result #guideline-container{width:calc(100% - 5ch);height:100%}#result .guideline{position:absolute;top:0;border-left:1px dashed #333;opacity:60%;height:100%;z-index:-1}#result .guideline.red{border-left-color:#d33;opacity:50%}#result .guideline.green{border-left-color:#3d3}#result .guideline.blue{border-left-color:#33d;opacity:50%}#cursor{border-bottom:1px solid #fe2222;position:absolute;left:calc(5ch - 1ch);box-shadow:0 0 0 1px rgba(255,0,16,0.36);border-radius:1px}#proof-controls{display:flex;flex-direction:column}#proof-controls>div{flex-grow:1;margin-bottom:16px}#proof-controls>div:not(:last-child){border-bottom:1px dashed #999}#proof-controls>div>div{margin:5px}#proof-controls>div.center{text-align:center}#proof-controls>div.left label{display:inline-block;max-width:calc(100% - 51px)}#proof-controls>div.left>div{display:inline-block;vertical-align:middle;margin-left:0}#proof-controls>div label{color:#222;text-shadow:1px 1px white}#proof-controls button{font-family:sans-serif;background:#ddd;border:1px solid #aaa;font-size:21px;width:40px;height:40px;border-radius:5px;margin:1px}#proof-controls button:not(:disabled){cursor:pointer}#proof-controls button.left,#proof-controls button.right{width:90px;font-size:14px;text-align:left;padding-top:12px;padding-left:7px}#proof-controls button.left{text-align:left;padding-left:7px}#proof-controls button.right{text-align:right;padding-right:7px}#proof-controls button:active:not(:disabled),#proof-controls button.depressed{color:#333;background-color:#ccc;border-color:#333}#proof-controls button.depressed:disabled{border-color:#900;color:#900}.inner{height:100%;overflow-y:auto;position:relative}.grow{position:relative;min-height:100%}button{margin:0px}textarea{resize:none;margin:0;font-size:15px}@media screen and (max-width: 790px){#reset-button{width:35px;padding-right:0px;white-space:nowrap;overflow:hidden}#main>div{padding:8px}}@media screen and (max-width: 859px){#proof-controls{display:flex;flex-direction:row;font-size:13px;padding:8px 0;height:124px}#proof-controls>div{margin-bottom:0;padding:10px 8px 0 8px}#proof-controls>div:not(:last-child){border-right:1px dashed #999;border-bottom:none}}@media screen and (min-width: 860px){#settings-container{flex-direction:row}#settings-container #settings,#settings-container #main,#settings-container #proof-controls{height:auto}#settings-container #settings,#settings-container #proof-controls{border-top:none;border-left:1px solid #999;overflow-y:auto;width:200px;flex-shrink:1}#settings-container #settings>div{display:block;width:auto;max-width:none;margin-right:8px}#settings-container #settings>div::after{display:none}#settings-container #settings>div::before{content:attr(title);display:block;font-size:10px;margin-bottom:3px;margin-top:3px;margin-left:0}}