*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none}@font-face{font-family:MaokenAssortedSans-TC;src:url(/Font/MaokenAssortedSans-TC.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}html,body{height:100%;margin:0;padding:0;font-size:100%;line-height:1.5}*: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%}.linear-bg{background:linear-gradient(to bottom,#6b92f0,#e8c8df)}body{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.step1,.step2,.step3,.step4,.loading{position:relative;display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:9 / 16}.step1-btn{position:absolute;width:45%;height:8%;bottom:17%}.swiper{width:64%;height:100%;position:absolute}.swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center}.swiper-slide img{display:block;height:40%;object-fit:cover}.step2-next{position:absolute;width:20%;height:10%;bottom:48%;right:0;z-index:2}.step2-prev{position:absolute;width:20%;height:10%;bottom:48%;left:0;z-index:2}.swiper-pagination{position:absolute;bottom:28%!important}.step2-btn{position:absolute;width:45%;height:8%;bottom:13%;z-index:3}.loader{position:absolute;width:50%;top:42%}.result-pic{position:absolute;height:62%;top:6%;aspect-ratio:9 / 16}.step4-retake{position:absolute;width:33%;height:6%;bottom:20%;left:15%}.step4-share{position:absolute;width:33%;height:6%;bottom:20%;right:15%}.step4-homepage{position:absolute;width:11%;height:5%;left:33%;bottom:1.6%}.step4-ig{position:absolute;width:11%;height:5%;bottom:1.6%}.step4-fb{position:absolute;width:11%;height:5%;right:33%;bottom:1.6%}.sticker-btn,.instruction-1-img2,.sticker-close-btn,.text-close-btn{position:absolute;width:20%;right:4%;top:6%}.sticker-btn{z-index:11}.instruction-1,.instruction-2,.instruction-3,.text-modal,.select-sticker-modal{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:12}.instruction-2-img{width:80%}.select-sticker-img{width:90%;top:18%;position:absolute}.instruction-1-img{position:absolute;width:84%;right:8%;top:15%}.absolute{position:absolute}.sticker1-btn{width:30%;height:15%;left:6%;top:15%}.sticker2-btn{width:30%;height:15%;left:35%;top:15%}.sticker3-btn{width:30%;height:15%;right:5%;top:15%}.sticker4-btn{width:30%;height:26%;left:5%;top:32%}.sticker5-btn{width:30%;height:13%;right:35%;top:32%}.sticker6-btn{width:30%;height:12%;right:5%;top:29%}.sticker7-btn{height:11%;width:20%;left:33%;top:46%}.sticker8-btn{height:9%;width:14%;right:22%;top:42%}.sticker9-btn{height:15%;width:24%;left:7%;bottom:27%}.sticker10-btn{height:15%;width:24%;left:39%;bottom:27%}.sticker11-btn{height:21%;width:23%;right:6%;top:51%}.sticker12-btn{height:8%;width:56%;bottom:14%}.sticker13-btn{height:9%;width:14%;right:31%;top:51%}.trash-bin{position:absolute;width:16%;bottom:8%;z-index:10;opacity:0;transition:opacity .3s ease}.trash-bin.show{opacity:1}.trash-bin.hidden{opacity:0}.trash-bin.active{transform:scale(1.3);z-index:12}.step3-btns{position:absolute;bottom:0;z-index:11}.draggable-sticker{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none;transform-origin:center center;touch-action:none}.text-modal-content{display:flex;justify-content:center;align-items:center;width:80%;top:26%;position:absolute}.text-input{background-color:transparent;border:0;position:absolute;width:90%;height:75%;text-align:center;font-size:min(6.3cqh,10cqw);color:#fff;font-family:MaokenAssortedSans-TC}.text-input::placeholder{color:#fff}.color-container{width:75%;flex-wrap:wrap;display:flex;justify-content:center;align-items:center;gap:12px;padding:10px;background:transparent;position:absolute}.color-btn{width:40px;height:40px;border-radius:50%;border:2px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.color-btn:hover{transform:scale(1.15);box-shadow:0 0 6px #0000004d}.text-confirm-btn{position:absolute;width:52%;bottom:28%}#liveRenderTarget{aspect-ratio:9 / 16;width:100%}.step3,#draggable-layer,.draggable-sticker,.draggable-text{touch-action:none;-webkit-user-select:none;user-select:none}.step3,#draggable-layer{touch-action:none;-webkit-user-drag:none;-webkit-user-select:none}.draggable-sticker,.draggable-text{touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:center center;background-clip:content-box}.move-instruction{position:absolute;width:77%;top:65%}.capture{position:absolute;height:100%;width:30%;left:35%;bottom:0}.switch-camera{position:absolute;width:30%;height:100%;right:0%;bottom:0}.hidden{display:none}.mirror{transform:scaleX(-1)}