html,body{margin:0;padding:0}body{background-color:#f8f8f8}body{width:1164px;height:524px;font-family:'Noto Serif',Helvetica,monospace}button{font-family:'Noto Serif',Helvetica,sans-serif}main{margin:1em;padding:0}main.fullscreen{margin:0}#edit-canvas{background:url('images/bg-checker.png');background-size:64px;width:512px;height:512px;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}canvas{display:block;border:2px solid black}input,select,button{border-radius:4px;border-width:1px;border-color:black}p{margin:0}span{font-size:82%}input[hidden]{display:none}label{font-size:75%}button,input[type=file]{background-color:white;border-color:black;border-bottom-width:2px}button:hover{border-color:black;background-color:black;color:white}button.selected{background-color:black;color:white}button:disabled{background-color:white;border-color:gray;color:white}input[type=radio]{accent-color:black}input[type=checkbox]{margin-left:.5em;margin-right:.5em;vertical-align:middle;accent-color:black}input[type=range]{accent-color:#777;outline-color:black}.tab-layout .outline{text-align:center}.tab{font-size:80%;height:28px;min-width:80px}.tab:hover{border-left-width:8px;background-color:white;color:black}.tab.selected:hover{border-left-width:1px !important;background-color:black;color:white}.tab.changed::after{content:' *'}.heading{margin-top:0;margin-bottom:.3em;font-weight:bold;text-align:center;border-bottom:1px solid;padding-bottom:4px}.version{margin-top:.5em;margin-bottom:0;text-align:center;display:block;font-size:70%}.group,.menu{padding:.3em;border:solid 1px;border-radius:10px;margin:.1em 0;background-color:white;border-color:black;border-bottom:solid 4px black}.group>hr{border:solid 1px;border-top:transparent;border-color:darkgray}.color>*{display:inline-block;margin-left:.1em;margin-right:.1em}.color-opacity>input[type="range"]{width:119px;margin-right:0}.color-picker{vertical-align:-1px;height:24px}.radio-button{min-width:80px;display:inline-block}.radio-button label{margin-left:.25em;vertical-align:1px;font-size:90%}.slider>*{vertical-align:middle}.slider-bar{min-width:50px;width:200px;height:5px}.slider-value{font-size:75%}.slider-prefix{margin-left:.1em;margin-right:.1em;display:inline-block;font-size:80%;vertical-align:middle}.slider-output{min-width:34px;margin-left:.25em;margin-right:.25em;display:inline-block;font-size:70%}.slider-1>.slider-bar,.slider-2>.slider-bar{min-width:50px;max-width:100px}.selection{height:19px;min-width:110px}.component{display:inline-block}.property{margin-top:.25em;margin-bottom:.25em}.property>*{display:inline-block;margin-left:.25em;margin-right:.25em}.property .label{text-align:right;width:175px;padding-right:.1em;align-self:center}.below input{margin-left:0}.checkbox-label{font-size:60%}.kofi-icon{content:url('https://api.iconify.design/simple-icons/ko-fi.svg');vertical-align:middle;width:16px;padding-left:.5em}.randomize{background:url('https://api.iconify.design/fa-solid/dice.svg?color=%23000&width=32&height=32') no-repeat center center / contain;background-size:80%}button.randomize{width:24px;height:24px;vertical-align:middle}button.randomize:disabled{background:url('https://api.iconify.design/fa-solid/dice.svg?color=%23ccc&width=32&height=32') no-repeat center center / contain;background-color:white;background-size:80%;border-color:#ccc}button.randomize:hover:enabled{background:url('https://api.iconify.design/fa-solid/dice.svg?color=%23fff&width=32&height=32') no-repeat center center / contain;background-color:black;background-size:80%}.menu-buttons{text-align:center}.menu-button.save{background:url('https://api.iconify.design/bxs/save.svg?color=%23000&width=32&height=32') no-repeat center center / contain;background-position:210px;background-size:9.5%}.menu-button.save:hover{background:url('https://api.iconify.design/bxs/save.svg?color=%23fff&width=32&height=32') no-repeat right center / contain;background-position:210px;background-size:9.5%;background-color:black}.menu-button.save:active{background:url('https://api.iconify.design/bxs/save.svg?color=%23000&width=32&height=32') no-repeat right center / contain;background-position:210px;background-size:9.5%;background-color:white;color:black}.menu-button.palette{background:url('https://api.iconify.design/ic/baseline-color-lens.svg?color=%23000&width=32&height=32') no-repeat center center / contain;background-position:210px;background-size:9.5%}.menu-button.palette:hover{background:url('https://api.iconify.design/ic/baseline-color-lens.svg?color=%23fff&width=32&height=32') no-repeat right center / contain;background-position:210px;background-size:9.5%;background-color:black}.menu-button.palette:active{background:url('https://api.iconify.design/ic/baseline-color-lens.svg?color=%23000&width=32&height=32') no-repeat right center / contain;background-position:210px;background-size:9.5%;background-color:white;color:black}.menu-button.master{width:250px;height:36px;display:inline;margin:.5em .25em 0 .25em}.bake-button,.reset-button{width:80px}.menu-button.reset{width:50px}.editor{width:632px;max-height:512px;position:absolute;left:540px;top:14px}.menu-button{width:121px}.settings{display:grid;grid-template-columns:1fr 5fr;gap:0 8px;height:320px}.settings .tab{width:100%;margin:.10em 0}.settings .label{width:100px !important;font-size:68%;vertical-align:middle}.layers{min-width:108px}.footer{margin:0 auto;text-align:center}.footer>*{font-size:70%}.support{font-style:italic}