*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}h1{font-size:100%;margin-top:0;margin-bottom:.5rem}h2{font-size:100%;margin-top:1rem;margin-bottom:0}ul{margin-top:.5rem}li{margin:0;padding:0;font-size:90%}*[title]{font-size:80%;cursor:pointer;color:#069}#container{display:flex;width:100%;height:100%}#left-pane{width:300px;flex-shrink:0;padding:8px}#right-pane{flex:1;position:relative;background:#eee}#right-pane>*{display:block;width:100%;height:100%;position:absolute;top:0;left:0}#right-pane>div{display:flex;justify-content:center;align-items:center;font-size:200%}.drop-area{border:2px dashed #666}.drag-over{border:5px dashed #6c6}.row{display:flex;align-items:center}.row>label{width:8rem}.row>:not(label){min-width:0;flex:1}.footer{font-size:80%;position:fixed;bottom:0}a:link{color:#339}a:visited{color:#636}a:hover,a:active{color:#c33}#save_result{display:none}