#app{height:100%;width:100%}#grid{min-height:100%;display:grid}aside{padding:1em;-webkit-box-sizing:border-box;box-sizing:border-box}main>canvas{margin:0 auto;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto;display:block;width:673px}aside>div{padding:.1em;background:#171718;border:1px solid #2c2a28}legend{background:#554237;font-weight:300;padding:.2em;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.2}fieldset{margin-bottom:2px;border:1px solid #212120}fieldset>div{background:#17191a;padding:.2em;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}label{display:inline-block;width:150px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}input[type=text].transparent{width:100%;max-width:150px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent;border:1px solid transparent;font-family:Rajdhani,sans-serif;font-size:16px;padding:0 .1em}input:focus,input:hover,input[type=text].transparent:focus,input[type=text].transparent:hover{border:1px solid #fff;outline:none}.counter{display:inline-block;text-align:right;font-weight:400;color:hsla(0,0%,100%,.5)}.no-border{border:none}input{background:#000;color:#fff;border:1px solid #000;min-width:100px;font-family:Rajdhani,sans-serif;font-size:16px;padding:0 .1em}input[type=file],input[type=text]{width:300px;vertical-align:bottom}input[type=number]{text-align:right;vertical-align:text-top;vertical-align:bottom}input[type=number]::-webkit-inner-spin-button{opacity:1;margin-left:.3em}button{padding:.5em 1em;text-transform:uppercase;font-weight:700;background:#342720;color:#ccb1a1;border:1px solid #4b362a;cursor:pointer}button.small{padding:.1em .2em}.cropper{width:350px;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:780px){main>canvas{width:calc(100vw - 1em);height:calc(140vw - 1em)}aside{padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}}@media (min-width:1100px){.cropper{width:500px;-webkit-box-sizing:border-box;box-sizing:border-box}#grid{grid-template-columns:5fr 7fr 1fr;grid-template-rows:auto 25px}main{grid-column:2/3;margin-top:1em;height:100%}aside,main{grid-row:1/2}aside{grid-column:1/2}footer{grid-column:1/6;grid-row:2/3;height:100%}}@media (min-width:1600px){#grid{grid-template-columns:5fr 1fr 7fr 1fr 5fr;grid-template-rows:auto 25px}main{grid-column:3/4}}