*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;color:#fff}button,.button{background-color:hsl(5,89%,52%);border:1px solid #000;border-radius:0;cursor:pointer;padding:4px}a.button{display:block}button:hover,.button:hover{background-color:#f33;background-color:hsl(5,89%,62%)}button:active,.button:active{background-color:#c00;background-color:hsl(5,89%,42%)}button:disabled,.button:disabled{background-color:hsl(137,16%,42%)}button.inv,.button.inv{background-color:hsl(113,27%,83%);padding:0}button.inv:active,.button.env:active{background-color:hsl(113,27%,73%)}button.store{background-color:hsl(137,47%,83%);padding:0}button.store:active{background-color:hsl(137,47%,73%)}button.store:disabled{background-color:hsl(137,16%,42%)}button.store>canvas{height:48px;width:48px}canvas,img{display:block;image-rendering:pixelated}h1,h2,p{margin:1em 0 .5em}input{border:1px solid #000;width:100%}label{margin-bottom:2px}li>button{width:100%}p{line-height:1.6}ul{list-style:none}
:root{--font-monospace: Menlo-Regular, monospace}
.absolute{position:absolute}.ai-center{align-items:center}.flex-center{align-items:center;display:flex;justify-content:center}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.gap-1{gap:4px}.m-1{margin:4px}.m-2{margin:8px}.relative{position:relative}.s-100{height:100%;width:100%}.w-100{width:100%}