canvas{position:absolute;inset:var(--cell);image-rendering:pixelated;width:calc(var(--pumpkin-size) - var(--cell) * 2)}.mode-select{display:flex;width:min-content;border-radius:8px;overflow:hidden}.mode-select button{background-color:transparent;border:0;padding:4px 12px;cursor:pointer;color:var(--button);background-color:var(--button-secondary)}.mode-select button:hover{background-color:var(--button-secondary-hover)}.mode-select button.active{color:var(--button-secondary);background-color:var(--button)}.mode-select button.active:hover{background-color:var(--button-hover)}.carver{position:absolute;inset:var(--cell);z-index:10}.column{display:flex;flex-direction:column;height:var(--pumpkin-size)}.column .row{display:flex;flex-direction:row;width:var(--pumpkin-size)}.column .row>button{width:var(--cell);height:var(--cell);background-color:#0000;outline:none!important;border:none;padding:0}.column .row>button:hover{background-color:#0000004d}.export{background-color:transparent;border:0;padding:8px;cursor:pointer;border-radius:8px;color:var(--button-secondary);background-color:var(--button)}.export:hover{background-color:var(--button-hover)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--cell: 32px;--pumpkin-size: calc(var(--cell) * 16);--bg: #1C020A;--button: #DAA95B;--button-hover: #D78E3A;--button-secondary: #3E1605;--button-secondary-hover: #4f1e08}*{box-sizing:border-box}body{margin:0;display:grid;place-items:center;min-height:100vh;padding:32px}.container{position:relative}.pumpkin{image-rendering:pixelated;height:var(--pumpkin-size);width:var(--pumpkin-size)}.header{display:flex;justify-content:space-between;margin-bottom:16px}svg{display:block}p{color:var(--button-hover)}p a{color:var(--button);font-weight:700;text-decoration:none}p a:hover{text-decoration:underline}