.page-main .header[data-v-79bed471]{padding-top:5vh;margin-bottom:-10vh}.page-main .header .title[data-v-79bed471]{font-family:PixelFont;font-size:3rem}.page-main .header .desc[data-v-79bed471]{font-size:18px}.page-main .content .presets[data-v-79bed471]{max-height:200px}.page-main .content .presets .preset-item[data-v-79bed471]{width:50px;height:50px;background-color:#fff;background-repeat:repeat;border:1px solid gray}.page-main .content .pixel-image[data-v-79bed471]{max-width:1000px;height:50vh;max-height:800px;display:grid}.page-main .content .pixel-image .pixel-image-inner[data-v-79bed471]{margin:auto}.page-main .content .pixel-image .pixel-image-inner.horizontal-symmetry[data-v-79bed471]:before{content:"";position:absolute;height:100%;width:1px;background-color:gray;left:calc(50% - .5px);z-index:1}.page-main .content .pixel-image .pixel-image-inner.vertical-symmetry[data-v-79bed471]:after{content:"";position:absolute;width:100%;height:1px;background-color:gray;top:calc(50% - .5px)}.page-main .content .pixel-image .cell[data-v-79bed471]{cursor:pointer;border:1px solid gray;box-sizing:border-box}.page-main .content .pixel-image .cell.show-coord[data-v-79bed471]:before{content:attr(data-coord);position:absolute;inset:0;margin:auto;font-size:12px;line-height:1;white-space:pre-wrap;text-align:center;color:gray}.page-main .content .doc-wrapper[data-v-79bed471]{border:1px solid rgba(0,0,0,.24)}@font-face{font-family:PixelFont;src:url("/fonts/Dotted Songti Square.otf")}@media screen and (max-width: 500px){.page-main .header .title[data-v-79bed471]{font-size:2.5rem}}