:root{--fg: #0f0;--bg: #f0f;--hl: #ff0f00}body{margin:0 auto;flex-direction:column;justify-content:flex-start;background:#efefef;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wrapper[data-v-82be1474]{max-width:480px;margin:0 auto}nav[data-v-82be1474]{font-family:monospace;font-size:.7rem}nav a[data-v-82be1474]{display:grid;grid-template-columns:1fr auto;gap:1em;align-items:center;padding:2rem;margin:3rem;background:#eee;transition:.7s all ease-out;box-shadow:5.63px -5.63px 10.03px #ffffffc2,1.04px -1.04px 3.62px #ffffffb3,-45px 45px 80px #00000012,-13.57px 13.5662px 24.1177px #00000007,-5.63px 5.6347px 10.0172px #0000000c,-2.04px 2.03796px 2.62304px #0000000d,-1.04px 1.03796px 3px #0000000d,inset -1px 1px 3px #0000,inset 1px -1px 3px #fff0;border-radius:12px;text-decoration:none}nav a[data-v-82be1474]:hover{transition-duration:.3s;background:#f3f3f3;box-shadow:4px -4px 8px #ffffffc2,1.04px -1.04px 2.62px #ffffffb3,-7px 7px 20px #00000012,-10.57px 10.5662px 7px #00000007,-3.63px 3.6347px 2.0172px #0000000c,-1.04px 1.03796px 1.62304px #0000000d,-.2px .2px 1px #0000000d,inset -1px 1px 3px #0000,inset 1px -1px 3px #fff0}nav a[data-v-82be1474]:active{transition-duration:0s;background:#eaeaea;box-shadow:0 0 #ffffffc2,0 0 #ffffffb3,0 0 #00000012,0 0 #00000007,0 0 #0000000c,0 0 #0000000d,0 0 #0000000d,inset -1px 1px 3px #0000001a,inset 1px -1px 3px #fff3}nav .info[data-v-82be1474]{color:#777}.px-canvas{display:block;width:100%;margin:0;position:relative;z-index:2;image-rendering:pixelated;touch-action:manipulation}.spravigator{width:100%;image-rendering:pixelated;display:block}.wrapper{max-width:480px;margin:0 auto;position:relative}.toolbar{display:flex;flex-direction:row;justify-content:stretch;align-items:space-between;margin-top:.25rem;gap:.5rem;padding:0 .5rem .5rem}.navigator{display:grid;grid-template-columns:1fr 1fr;padding-right:.5rem;padding-bottom:3rem;align-items:end}.tool-grid{padding:0 .5rem;display:grid;grid-auto-rows:48px;grid-template-columns:48px 48px 48px;grid-template-areas:"tl t tr" "bl b br";min-height:5em;position:relative;z-index:1;gap:.5rem}.tool-grid .t{grid-area:t}.tool-grid .bl{grid-area:bl;position:relative;z-index:2}.tool-grid .b{grid-area:b;position:relative;z-index:1}.tool-grid .br{grid-area:br}.tool-grid .tr{grid-area:tr}.jump-ctrl{display:flex;align-items:center}.neo-btn{font-size:1em;padding:0;margin:0;overflow:hidden;touch-action:manipulation;font-family:inherit;border:none;width:48px;height:48px;border-radius:9px;background:#eee;transition:.7s all ease-out;box-shadow:5.63px -5.63px 10.03px #ffffffc2,1.04px -1.04px 3.62px #ffffffb3,-45px 45px 80px #00000012,-13.57px 13.5662px 24.1177px #00000007,-5.63px 5.6347px 10.0172px #0000000c,-2.04px 2.03796px 2.62304px #0000000d,-1.04px 1.03796px 3px #0000000d,inset -1px 1px 3px #0000,inset 1px -1px 3px #fff0;display:flex;align-items:center;justify-content:center}.neo-btn--auto{padding:18px 16px;width:auto;height:auto}.neo-btn:hover{transition-duration:.3s;background:#f3f3f3;box-shadow:4px -4px 8px #ffffffc2,1.04px -1.04px 2.62px #ffffffb3,-7px 7px 20px #00000012,-10.57px 10.5662px 7px #00000007,-3.63px 3.6347px 2.0172px #0000000c,-1.04px 1.03796px 1.62304px #0000000d,-.2px .2px 1px #0000000d,inset -1px 1px 3px #0000,inset 1px -1px 3px #fff0}.neo-btn:active{transition-duration:0s;background:#eaeaea;box-shadow:0 0 #ffffffc2,0 0 #ffffffb3,0 0 #00000012,0 0 #00000007,0 0 #0000000c,0 0 #0000000d,0 0 #0000000d,inset -1px 1px 3px #0000001a,inset 1px -1px 3px #fff3}.neo-btn__inner{display:inline-block;transition:.7s all ease-out;transform:scale(1)}.neo-btn:active .neo-btn__inner{transform:scale(.8);transition-duration:0s}.arrow-btn{flex:1;color:#666;font-size:var(--arrow-size);font-weight:700;line-height:0;width:100%;height:100%}.bl span,.br span{margin-top:-.25em}.cut-btn{margin-left:auto;margin-right:0;z-index:1}.life-btn img{image-rendering:pixelated;width:36px;height:36px}.toolbar button:disabled{opacity:.2}.toolbar canvas{display:block;image-rendering:pixelated;width:36px;height:36px}.status-bar{padding:.5rem;font-family:monospace;font-size:.7rem;display:flex;justify-content:space-between}.indicator{display:inline-block;width:.5rem;height:.5rem}.indicator.positive{background:green}.indicator.warning{background:#ffc800}.status-text{opacity:.5}.export-window{box-sizing:border-box;position:absolute;background:#fff;padding:2rem 3rem;z-index:3;width:95%;left:2.5%;top:2.5%;border-radius:12px;box-shadow:10px 10px 40px #0000001a,5px 5px 20px #0000004d}.export-canvas{box-sizing:border-box;image-rendering:pixelated;max-width:100%}.export-window__canvas-wrapper{aspect-ratio:5/4;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(135deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(135deg,#eee 75%,#ccc 75%);background-size:25px 25px;background-position:0 0,12.5px 0,12.5px -12.5px,0px 12.5px;margin-bottom:1rem}.dialog-window{display:flex;flex-direction:column;font-family:monospace}.dialog-window__close-button{align-self:end;border:none;background:transparent;font-size:2.5rem;margin-bottom:2rem}.dialog-window__actions{margin-top:auto}.dialog-window__actions button{margin-top:2em;margin-left:auto}.export-button{grid-column:2;justify-self:end;margin-top:.25em}.radio-button-group{display:grid;grid-template-columns:6rem auto;border:none;padding:0;margin:0 0 1rem}.radio-button-group h2{margin:.4rem 0}.radio-button-group input[type=radio]{margin:0 .25rem 0 .5rem}.radio-button-group h2{font-size:inherit;font-weight:400}.radio-button-group>.flex{display:flex;gap:.05rem}.radio-button-group label{display:flex;align-items:center;padding:.5em 0}