*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none}html,body{height:100%;margin:0;padding:0;font-size:100%;line-height:1.5;background-color:#f3efe6}*:active,*:focus{outline:none!important;box-shadow:none!important}body{font-family:Arial,sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;cursor:pointer}.mobile-wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100svh;aspect-ratio:9 / 16;max-width:100%}body{height:100%;width:100%;display:flex;justify-self:center;align-items:center;flex-direction:column;overflow:hidden;font-family:GenSenRounded2TW-B,Arial,sans-serif;background-image:url(/bg@2x.png);background-size:cover;background-position:center;background-repeat:no-repeat;touch-action:manipulation}.step1,.step2,.step3,.step4{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.content{width:90%}.step1-start{position:absolute;bottom:26%;width:46%}.step2-left{position:absolute;left:5%;bottom:39%;height:10%;width:20%}.step2-right{position:absolute;right:5%;bottom:39%;height:10%;width:20%}.step2-next{position:absolute;bottom:11%;height:5%;width:38%}.step3-print{position:absolute;bottom:14%;height:5%;width:38%}.step3-go-back{position:absolute;bottom:9%;height:5%;width:38%}.step3-frame{width:45%;position:absolute;top:17%}.swiper{position:absolute;max-width:100%;width:37%;top:27%}.select-1{position:absolute;bottom:17.1%;width:3%;left:44.6%}.select-2{position:absolute;bottom:17.1%;width:3%;left:48.6%}.select-3{position:absolute;bottom:17.1%;width:3%;right:44.6%}.pic1-btn{position:absolute;bottom:64.1%;width:40%;height:13%;z-index:3}.pic2-btn{position:absolute;bottom:50.1%;width:40%;height:13%;z-index:3}.pic3-btn{position:absolute;bottom:36.1%;width:40%;height:13%;z-index:3}.pic4-btn{position:absolute;bottom:22.1%;width:40%;height:13%;z-index:3}.pic1{touch-action:none}.photo1-slot{position:absolute;bottom:63.4%;width:40.8%;height:13.8%;left:29.5%;overflow:hidden}.pic2{touch-action:none}.photo2-slot{position:absolute;bottom:48.8%;width:40.8%;height:13.8%;left:29.5%;overflow:hidden}.pic3{touch-action:none}.photo3-slot{position:absolute;bottom:34.3%;width:40.8%;height:13.8%;left:29.5%;overflow:hidden}.pic4{touch-action:none}.photo4-slot{position:absolute;bottom:19.7%;width:40.8%;height:13.8%;left:29.5%;overflow:hidden}.frame-stickers{pointer-events:none;position:absolute;top:0;width:100%;left:0%;z-index:2}.step4-go-back{position:absolute;width:30%;height:4%;bottom:41%}.frame-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;left:0;top:0}.frame{margin-top:-3.3%;justify-content:center;width:45%;aspect-ratio:144 / 432}.result-pic{position:absolute;height:50%;max-height:100%;top:15%}.counter{width:8%;text-align:center;position:absolute;bottom:12.3%;left:11.1%;font-size:min(2cqh,3.3cqw)}.hidden{display:none}