body,html{background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;margin:0;display:flex;max-width:100%;min-height:100%;flex:1 0 auto;justify-content:space-between;align-items:stretch;align-content:stretch;flex-flow:row wrap}header{width:100%;align-self:flex-start;background:#66f;box-shadow:0 5px #0003;z-index:2;color:#fff;padding:1em}aside{flex:0;background:#e9e9e9;color:#222;z-index:1;padding:1em}#toolBar{border-right:5px solid rgba(0,0,0,.1)}#toolBar a{font-size:2em;position:relative}#messageBar{border-left:5px solid rgba(0,0,0,.1);text-align:center}aside a{text-decoration:none;display:block;width:100%;margin-bottom:10px;color:#222}aside a:hover{color:#66f}#container{display:flex;flex-flow:row nowrap;flex:1 0;height:100%;width:100%}main{flex:1 0;padding:1em}h1{padding:0;margin:0}.box{color:#000;background:#fff;border:2px solid #6666ff;border-radius:5px}button{outline:none;margin:5px}#grid{position:absolute}#resize{width:123px;height:auto;max-width:123px;max-height:92px;visibility:hidden;overflow:hidden;cursor:move;box-sizing:border-box;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJklEQVQY02P8//+/JAMaYGRkRBdiYGIgEgygQhZsDv////+Q9AwAKEcGL80fv+wAAAAASUVORK5CYII=);background-repeat:repeat;transform-origin:top left}#target{position:relative;width:100%;height:auto;margin:0;padding:0;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}#resizeBtn{position:absolute;display:block;bottom:0;right:0;width:10px;height:10px;background:red;z-index:100;margin:0;padding:0}#toolBar a:after{content:attr(tooltip);font-size:.5em;top:0;position:absolute;white-space:nowrap;left:2.5em;display:block;height:1em;opacity:0;background:#222;color:#fff;padding:5px;transition:opacity .2s;font-family:Arial,Helvetica,sans-serif;font-weight:400;display:none}#toolBar a:hover:after{opacity:.9;display:block}#resizeBtn:hover{cursor:nw-resize}#toMessage{display:block;white-space:nowrap;width:200px}#chatMessages{margin-right:20px;width:auto;height:auto;float:right}#login_link{background:#4b367c;color:#fff;padding:.5em;box-sizing:border-box}#login_link:hover{background:#6441a4}#login_link .fab{vertical-align:middle}#chatMessages textarea{width:600px;margin-bottom:10px}em{font-weight:700;padding-top:1em;display:inline-block;font-style:normal}#qualityOptions{margin-bottom:1em}.qualityOption{position:relative}.qualityOption:hover .tooltip{opacity:.9}.qualityOption .tooltip{font-size:1em;right:105%;top:0}.qualityOption:before{content:attr(tooltip);position:absolute;right:105%;white-space:nowrap;display:block;background:#222;color:#fff;padding:5px;transition:opacity .2s;opacity:0;font-size:1em;display:none}.qualityOption:hover:before{opacity:.9;display:block}#pickedColor{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJklEQVQY02P8//+/JAMaYGRkRBdiYGIgEgygQhZsDv////+Q9AwAKEcGL80fv+wAAAAASUVORK5CYII=);display:block;width:15px;height:15px;transform:translate(20px,-15px);cursor:not-allowed}.picking{cursor:sw-resize}