:root{--scale-factor:16}#loader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}body{margin:0}#overlayStyle{border:1px solid #000;box-shadow:0 0 8px 4px #fff;height:14px;position:absolute;width:14px;z-index:99}#colorPicker{background:hsla(0,0%,50%,.2);border:1px solid #000;border-radius:20px;bottom:10px;left:10px;opacity:.8;padding:1rem;position:fixed;text-align:center;width:7%}#colorPicker p{font-family:Arial,Helvetica,sans-serif;margin:0 0 1rem}#colorPicker button{border:2px solid #000;border-radius:.5rem;height:2rem;margin:1px .25rem;width:2rem}#colorPicker button:hover{cursor:pointer;opacity:.75}#canvas{image-rendering:pixelated;overflow:scroll;transform:scale(var(--scale-factor));transform-origin:top left}.pixel{height:calc(var(--scale-factor)*1px);margin:"1px";width:calc(var(--scale-factor)*1px)}@supports (zoom:1){#canvas{zoom:var(--scale-factor);transform:unset}}