:root{--background: rgb(30, 30, 30);--background-select: rgb(56, 56, 56);--overlay-background: rgba(30, 30, 30, .9)}body{margin:0;font-family:Tahoma,sans-serif;font-size:24px;line-height:29px;color:#fff;overflow:hidden;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-ms-user-drag:none}img{border-radius:3px;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}canvas{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}table{color:#fff;margin:1px}td{margin:3px;border-radius:3px;padding:3px;background-color:var(--background)}p{margin:0;color:#fff}a{color:#0ff}a:visited{color:#fff}.controls-left{text-align:left}.controls-right{text-align:right}#hotbar{display:block;position:absolute;width:30%;margin-left:auto;margin-right:auto;bottom:0;left:0;right:0;padding-top:35px;padding-left:35px}#top-bar{display:flex;position:absolute;margin-left:auto;margin-right:auto;margin-top:3px;top:0;left:0;right:0;justify-content:center;gap:3px}.icon{border-radius:0;width:30px;height:30px;margin-top:-2px;margin-bottom:-7px}.top-bar-icon{border-radius:0;width:40px;height:40px;margin-bottom:-7px}.top-bar-divider{display:inline-block;width:50px}.top-bar-element{display:inline-block;padding:5px;border-radius:3px;background-color:var(--background);height:fit-content;min-width:40px;min-height:40px}.top-bar-element:active{background-color:#0a0a0a}.top-bar-element:hover{cursor:pointer}#dom-element{position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1}.cursor-grab{cursor:grab}#controls{position:absolute;bottom:-577px;transition-property:transform;transition-duration:.2s}#controls:hover{transform:translateY(-577px);z-index:2}#color-picker{position:absolute;z-index:1;margin:3px}#color-picker .color-value .color-label{transition-property:transform;transition-duration:.2s}#color-picker:hover .color-value .color-label{transform:translate(-110%)}#alpha-checker{position:absolute;left:3px;top:213px}#result-checker{position:absolute;left:3px;top:248px}#texture-area{position:absolute;top:0;right:0;display:grid;margin:3px;pointer-events:none}#texture-area>*{pointer-events:all}#texture-skin-type-container{display:flex;grid-row-start:1;grid-column-start:2;text-align:center;margin-bottom:3px;gap:3px}.texture-skin-type{display:inline-block;background-color:var(--background);border-radius:3px;padding:3px;flex-grow:1}.texture-skin-type:hover{cursor:pointer}.selected{background-color:#0a0a0a}#show-canvas,#texture-checker{grid-row-start:2;grid-column-start:2;image-rendering:pixelated;border-radius:0}.opacity-30{opacity:.3}#toggle-parts-container{margin-bottom:auto;grid-row:2 / span 2;margin-right:12px;display:grid;grid-template-rows:[head] 10px [body-top] 12px [body-bottom] 11px [legs];grid-template-columns:[right-arm] 5px [body-right] 5px [body-middle] 5px [body-left] 4px [left-arm];transform-origin:top right;transform:scale(6)}.toggle-part{border-radius:0;padding:0}.toggle-part:hover{cursor:pointer}#toggle-part-head{grid-row:1;grid-column:2 / span 2}#toggle-part-right-arm{grid-row-start:2;grid-column-start:1}#toggle-part-body{grid-row-start:2;grid-column:2 / span 2}#toggle-part-left-arm{grid-row-start:2;grid-column-start:4}#toggle-part-right-leg{grid-row-start:3;grid-column-start:2}#toggle-part-left-leg{grid-row-start:3;grid-column-start:3}#layers{grid-column:2}.layer{margin-top:3px;border-radius:3px;padding:3px;background-color:var(--background);display:flex;align-items:center;justify-content:space-between}.layer:hover{cursor:pointer}.layer-canvas{float:right}#layer-options{display:flex;justify-content:center;align-items:stretch;gap:3px;height:40px;grid-column:2}.layer-option{background-color:var(--background);border-radius:3px;margin-top:3px;padding:3px;flex-grow:1;display:inline-block;text-align:center}.layer-option img{width:30px;height:30px}.layer-option:hover{cursor:pointer}.layer-option:active{background-color:#0a0a0a}#save-div{position:absolute;width:100%;height:100%;z-index:100;background-color:var(--overlay-background);text-align:center}#save-inner-div{margin:auto;margin-top:20vh}#save{position:absolute;height:32px;right:0;cursor:pointer}.color-canvas{border-radius:3px}.color-value{height:32px;margin-bottom:3px;display:flex;align-items:flex-start}.color-label{position:absolute;background-color:#1e1e1e80;border-radius:3px;height:32px;padding-left:3px;padding-right:3px}.arrow-div{display:flex;flex-direction:column;gap:2px}canvas{border:0;padding:0}input{border:0;padding:0 0 0 3px;outline:none;margin:0 0 0 3px;height:32px;width:110px;line-height:32px;font-size:24px;background-color:var(--background);color:#fff;border-radius:3px}.up{vertical-align:top;margin-left:2px;margin-top:2px;height:14px;cursor:pointer}.down{vertical-align:bottom;margin-left:2px;margin-bottom:2px;height:14px;cursor:pointer}#skin-type-select{z-index:101;position:absolute;width:100%;height:100%;background-color:var(--background);text-align:center}#skin-type-classic{float:left;width:50%;height:100%}#type-classic-inner{position:absolute;left:25%;top:50%;transform:translate(-50%,-50%)}#skin-type-slim{float:right;width:50%;height:100%}#type-slim-inner{position:absolute;left:75%;top:50%;transform:translate(-50%,-50%)}#skin-type-select p{background-color:#646464;border-radius:10px;padding:10px;margin-bottom:50px}#skin-type-select-info{width:fit-content;margin:50px auto auto}.skin-type:hover{cursor:pointer;background-color:#0a0a0a}#drag-overlay{position:absolute;width:100%;height:100%;z-index:102;background-color:var(--overlay-background);text-align:center;font-size:200%;font-weight:700;padding-top:20vh}