*,*: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}*: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}.step1{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;position:relative}.left,.right{position:absolute;bottom:48%;height:8%;width:14%}.left{left:0%;z-index:2}.right{right:0%;z-index:2}.start{position:absolute;bottom:3%;height:8%;width:58%;z-index:2}.conavas-wrapper{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.capture-btn{position:absolute;bottom:-10%;height:36%;width:19%}.capture-btn.lower{position:absolute;bottom:-14%;height:36%;width:15%}.style{position:absolute}.result{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.share{right:21%;bottom:4%;position:absolute;width:23%;height:5%}.go-homepage{left:18%;bottom:4%;position:absolute;width:33%;height:5%}.save-pic{position:absolute;bottom:14%;right:14%;width:12%}.result-pic{position:absolute;bottom:19.8%;aspect-ratio:9 / 16;width:77%;border:10px solid #fff;background-color:#000}.upload-modal{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;background-color:#00000080}.upload-wrapper{width:90%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.check-box{position:absolute;width:9%;height:15%;top:23%;left:3%}.confirm{position:absolute;width:31%;height:24%;bottom:10%}.loading{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center}.spinner{width:50px;height:50px;border:6px solid #ffffff33;border-top:6px solid white;border-radius:50%;animation:spin 1s linear infinite}.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}