.field{width:240px;display:inline-block;margin-right:10px}.field input{width:100%}.field label{display:block;width:100%;text-align:left}.field .value{display:block;width:100%;text-align:right}canvas{background:black;cursor:crosshair;user-select:none;-moz-user-select:none;-webkit-user-select:none;margin:0;transition:opacity .2s linear;max-width:100%;max-height:100%;margin:auto}.left-panel{position:relative}#clear{display:flex;justify-content:center;align-items:center}.sample-container{position:relative;width:240px;height:240px;background-color:rgba(0,0,0,0.15)}.right-panel{position:relative}.right-panel canvas{display:inline-block;image-rendering:pixelated;box-shadow:0 0 10px black;border:2px solid black}@media(max-width:1023px){.left-panel,.right-panel{padding:10px 20px 20px 20px}.buttons{padding:10px 0}}@media screen and (min-width:1024px){.left-panel{padding:5px 20px 20px 0;max-width:250px;float:left}.right-panel{padding:8px 0 0 0;float:right}.buttons{padding:10px 0}}