header{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding-left:10px;width:100%;box-sizing:border-box;height:120px;font-size:25px;text-indent:15px;border-bottom:3px solid rgba(162,162,162,.5);position:fixed;z-index:1000;border-top:1px solid black}header>.signout-btn{width:20%;height:60px;border-radius:15px;border:none;color:#fff;font-size:30px;background-color:#da5353;margin:0 20px}.help-btn{position:relative;right:180px;width:70px;height:70px;font-size:35px;border-radius:100px}.pc-nav{display:none}.app-title{font-size:40px}@media (min-width: 1024px){header{height:80px;padding:0 40px}.help-btn{position:relative;left:30px;width:60px;height:60px;font-size:30px}.pc-nav{display:flex;align-items:center;gap:10px;margin-left:auto}.pc-nav button{border:none;background:none;font-size:18px;cursor:pointer}.pc-nav button.active{color:#e6aa66}header>.signout-btn{width:100px;height:40px;font-size:15px;border-radius:12px}}.modal-overlay{width:100%;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:16px;padding:3rem;width:100%;max-width:650px;max-height:85vh;overflow-y:auto;box-shadow:0 12px 40px #00000040;box-sizing:border-box}.modal h1{font-size:3rem;margin:0 0 1rem;text-align:center}.modal h2{font-size:2.2rem;margin:1.5rem 0 .5rem;color:#333}.modal p{font-size:1.6rem;line-height:1.7;color:#555;margin:.5rem 0}.modal-note{font-size:1.2rem!important;color:#888!important;margin-top:1.5rem!important}.modal-note a{color:#4a90d9;text-decoration:underline}.modal hr{border:none;border-top:1px solid #eee;margin:1.5rem 0}.modal-button{display:block;width:100%;padding:.85rem;font-size:1.6rem;font-weight:700;color:#fff;background:#4a90d9;border:none;border-radius:10px;cursor:pointer;transition:background .2s}.modal-button:hover{background:#3a7bc0}.camera-page{position:absolute;top:120px;display:flex;justify-content:baseline;align-items:center;flex-direction:column;background-color:#000;color:#fff;width:100%;padding:0;min-height:calc(100vh - 120px)}.camera-page>p{font-size:40px}.camera-page img{width:100%}#local-video{width:100vw;max-width:100%;aspect-ratio:2 / 3;object-fit:cover}.btn-block{display:flex;align-items:end;justify-content:center;flex-direction:row-reverse;margin:0;width:100%}.take-picture-btn{width:200px;height:200px;border:10px solid rgb(189,189,189);border-radius:100%}.cancel-btn{position:absolute;left:50px;width:150px;height:150px;border:8px solid rgb(189,189,189);border-radius:100%;background-color:#504f4f99;color:#fff;font-size:80px}.select-use-block{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:20px}.select-use-block>button{width:20%;height:5rem;font-size:40px;color:#fff;background-color:#000;border:0px;margin:30px 5px}@media (min-width: 1024px){.camera-page{position:relative;top:0}.camera-page-background{background-color:#f7f7c099}.camera-page{width:450px;margin:0 auto;min-height:calc(100vh - 80px)}.camera-page>p{top:0;font-size:16px;margin-top:16px;margin-bottom:10px}#local-video,.camera-page img{display:block;width:100%;height:auto}#local-video{height:48vh;object-fit:cover}.btn-block{margin:25px 0;position:relative;transform:translateY(50px)}.take-picture-btn{width:80px;height:80px;border-width:6px}.cancel-btn{left:5%;width:65px;height:65px;border-width:5px;font-size:32px}.select-use-block>button{font-size:16px}.select-use-block{margin-top:5px}.select-use-block>button{height:3rem;margin:5px;font-size:16px}}.dropdown-block{display:flex;justify-content:end;width:100%}.dropdown-menu{width:60%;margin:0;padding:0}.dropdown-block>.dropdown-item>li{display:flex;align-items:center;height:65px;font-size:30px;border-top:2px dashed rgb(116,117,116);padding:0 20px;cursor:pointer}.dropdown-block>.dropdown-item>li>img{width:60px;height:60px;object-fit:cover;margin:0 30px}.selected-color-display{display:inline-block;width:30px;height:30px;border:1px solid black}.layer-back-btn{align-self:flex-end;padding:0 20px;width:60%;border:none;background-color:#fff;text-align:start;line-height:2;font-size:30px}@media (min-width: 1024px){.dropdown-block>.dropdown-item>li{height:45px;font-size:18px;border-top:1px dashed rgb(116,117,116);padding:0 12px}.dropdown-block>.dropdown-item>li>img{width:40px;height:40px;margin:0 15px}.selected-color-display{width:20px;height:20px}.layer-back-btn{padding:0 12px;font-size:18px}}.color-palette-block{display:flex;justify-content:end;width:100%}.color-palette{display:grid;justify-content:right;grid-template-columns:140px 140px 140px;margin:0 60px;border:2px dashed gray}.color-cell{width:100%;height:65px;cursor:pointer}@media (min-width: 1024px){.color-palette-block{padding:10px}.color-palette{grid-template-columns:112px 112px 112px;margin:0 38px}.color-cell{height:52px}}.clothes-card{display:flex;justify-content:center;align-items:center;flex-direction:column;width:90%;margin-top:150px;margin-bottom:450px;background-color:#fff;box-shadow:0 0 20px 5px #80808066;border-radius:100px}.img-block{display:block;width:55%;height:700px;box-shadow:0 0 15px 5px #80808066;background-color:#fff;margin:70px 0 40px}.img-block>img{width:100%;height:700px;object-fit:scale-down}.data-item{display:flex;justify-content:space-between;width:99%;height:80px;font-size:40px;font-weight:330;border-top:2px solid rgb(138,138,138);text-indent:40px;line-height:2;overflow:hidden}.data-item>div{display:flex;justify-content:space-between;width:60%;cursor:pointer}.data-item>div>span{font-size:50px;line-height:1.5;margin-right:15px}.brand-input{font-size:40px;border:none;width:45%;margin-right:100px}.brand-input:focus{border:none;outline:none}.data-weight{width:99%;height:80px;font-size:40px;background-color:#f7f7c09f;border-top:3px solid rgba(128,128,128,.808);border-bottom:2px solid rgba(128,128,128,.808);text-indent:40px;line-height:2}.card-children{display:flex;justify-content:center;align-items:center;border-top:3px solid rgba(128,128,128,.808);width:98%;height:80px}.card-children>button{font-size:40px;margin:0 10%;background-color:#fff;border:none}.color-red{color:red}.color-deepskyblue{color:#00bfff}.data-block{width:100%}@media (min-width: 1024px){.clothes-card{align-items:flex-start;flex-direction:row;width:80%;max-width:1400px;margin-bottom:100px;border-radius:40px;overflow:hidden;padding:40px;gap:50px}.img-block{width:350px;height:500px;margin:0;display:flex;justify-content:center;align-items:center}.img-block>img{max-height:500px}.data-item{height:50px;font-size:20px;line-height:2.5;border-top:1px solid rgb(138,138,138)}.data-item>div>span{font-size:25px}.brand-input{margin:0;width:50%;font-size:20px}.data-weight{height:50px;font-size:20px;line-height:2.5;border-top:2px solid rgba(128,128,128,.808);border-bottom:2px solid rgba(128,128,128,.808)}.card-children>button{font-size:25px}.data-block{width:50%}}.primary-btn{position:fixed;left:50%;transform:translate(-50%);bottom:10%;margin:30px 0;width:50%;height:100px;font-size:40px;color:#fff;border:0px;border-radius:20px;background-color:#fdc819;box-shadow:0 0 15px 5px #ababab80}.primary-btn[disabled]{background-color:#d1bb6a;color:#969696;cursor:not-allowed}@media (min-width: 1024px){.primary-btn{width:50%;transform:scale(.75);position:static}}.snackbar{position:fixed;left:50%;bottom:240px;transform:translate(-50%) translateY(20px);display:flex;align-items:center;justify-content:space-between;gap:24px;width:860px;min-height:110px;box-sizing:border-box;padding:20px 28px;background-color:#fff;border-left:14px solid transparent;border-radius:20px;box-shadow:0 0 15px 3px #80808061;opacity:0;visibility:hidden;pointer-events:none;z-index:9999;transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.snackbar.show{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.snackbar-success{border-left-color:#22c55e}.snackbar-error{border-left-color:#ef4444}.snackbar-message{flex:1;font-size:34px;line-height:1.4;color:#333;word-break:break-word}.snackbar-close{flex-shrink:0;width:56px;height:56px;border:none;border-radius:50%;background-color:transparent;color:#666;font-size:36px;line-height:1;cursor:pointer;padding:0}.snackbar-close:hover{background-color:#0000000f;color:#222}.snackbar-close:active{transform:scale(.96)}@media (min-width: 1024px){.snackbar{position:fixed;left:auto;right:30px;bottom:30px;width:500px;min-height:70px;transform:translateY(20px)}.snackbar.show{transform:translateY(0)}.snackbar-message{font-size:18px}.snackbar-close{width:36px;height:36px;font-size:24px}}.registration-form{position:absolute;top:120px;display:flex;justify-content:baseline;align-items:center;flex-direction:column;background-color:#f7f7c099;width:100%;min-height:calc(100vh - 120px);overflow:auto;scrollbar-width:none}.registration-form>h2{margin:40px 0;width:100%;text-indent:5%;font-size:40px}.registration-form>.clothes-card{margin-top:10px}@media (min-width: 1024px){.registration-form{position:absolute;top:80px;min-height:calc(100vh - 80px)}.registration-form>.primary-btn{margin-top:-80px}.registration-form>h2{width:90%;margin:15px auto 40px;text-indent:0;font-size:30px}}.clothes-detail-block{width:100%;display:flex;flex-direction:column;align-items:center}.clothes-detail-block>h2{margin:40px 0;width:100%;text-indent:5%;font-size:40px}.clothes-detail-block>p{font-size:40px;text-align:center}.clothes-detail-block>.clothes-card{margin-top:30px}.change-view-btn{align-self:baseline;display:block;width:30%;font-size:30px;padding:30px 20px;border:0;border-radius:0 0 30px;background:none}.change-view-btn:hover{background-color:#80808025}@media (min-width: 1024px){.clothes-detail-block>h2{width:90%;margin:15px auto 40px;text-indent:0;font-size:30px}.clothes-detail-block>p{font-size:25px;margin-bottom:0}.change-view-btn{font-size:25px;padding:10px}.clothes-detail-block>.primary-btn{margin-top:-80px}}.closet-page{position:absolute;top:120px;background-color:#f7f7c099;overflow:auto;scrollbar-width:none;width:100%;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 120px)}.closet-page>h2{align-self:baseline;margin:40px 0;width:100%;text-indent:5%;font-size:40px}.loading-card{position:relative;top:30%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:45px;width:40%;height:280px;background-color:#3333336b;border-radius:50px}.loader{width:60px;height:60px;border:4px solid #dcdcdc;border-top:4px solid #333;border-radius:50%;animation:spin .8s linear infinite;margin:15px}@keyframes spin{to{transform:rotate(360deg)}}.item-list-block{position:relative;align-self:center;display:grid;grid-template-columns:260px 260px 260px;justify-content:space-around;width:90%}.closet-item{display:flex;flex-direction:column;align-items:center;width:260px;height:260px;margin:10px 0;border-radius:50px;overflow:hidden;box-shadow:0 0 10px 3px #80808066;background-color:#fff}.closet-item>.have-clothes-img{width:260px;height:260px;object-fit:cover}.closet-item>.category-img{width:260px;height:215px;scale:.75;object-fit:cover}.closet-item>span{font-size:30px}@media (min-width: 1024px){.closet-page{position:absolute;top:80px;min-height:calc(100vh - 80px)}.closet-page>h2{width:90%;margin:15px auto 40px;text-indent:0;font-size:30px}.item-list-block{width:80%;max-width:700px;grid-template-columns:repeat(4,195px);justify-content:center;column-gap:20px;row-gap:15px}.closet-item{width:195px;height:195px;margin:0;border-radius:38px}.closet-item>.have-clothes-img{width:195px;height:195px}.closet-item>.category-img{width:195px;height:160px}.closet-item>span{font-size:20px}}.execution-view{display:flex;align-items:center;flex-direction:column;width:100%}.execution-view>h2{align-self:baseline;margin:40px 0;width:100%;font-size:40px;text-indent:5%}.execution-view>p{font-size:30px}.temperature-data-block{display:flex;flex-direction:column;align-items:center;width:100%}.temp-weather-card{display:flex;flex-direction:column;justify-content:center;width:70%;height:250px;margin:5% 0;border:0px;border-radius:30px;background-color:#fff;box-shadow:0 0 15px 5px #ababab80}.temp-weather-card>p{margin:0;text-indent:5%;font-size:50px;color:#000}.temp-weather-card>p>img{position:relative;top:25px;width:100px;height:100px;object-fit:cover}.ai-outfit-input-card{display:flex;flex-direction:column;justify-content:center;width:70%;height:auto;margin:5% 0;border:0px;border-radius:30px;background-color:#fff;box-shadow:0 0 15px 5px #ababab80}.outfit-input-item{display:flex;justify-content:space-between;width:100%;height:80px;font-size:40px;font-weight:330;border-bottom:2px solid rgb(138,138,138);text-indent:40px;line-height:2;overflow:hidden}.outfit-input-item>span{width:50%;text-align:end;margin:0 7%}.edit-btn{width:100%;background-color:#fff;border:0px;border-radius:0 0 30px 30px;font-size:40px;line-height:2.5;color:#4099ff}.generate-failed{justify-self:center;font-size:35px;width:70%;text-align:center;overflow-wrap:anywhere;word-break:normal;line-break:strict;color:red;margin:20px 0}.location-input{margin:0 7%;width:50%;border:none;font-size:45px;text-align:end}.date-menu{align-self:flex-end;width:40%;padding:5px 0}.date-menu ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:8px}.date-menu li{padding:14px 24px;margin:0 20px;font-size:35px;color:#333;text-align:center;border-radius:15px;background-color:#f7f7f7;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.date-menu li:hover{background-color:#eaeaea}@media (min-width: 1024px){.execution-view>h2{width:90%;margin:15px auto 40px;text-indent:0;font-size:32px}.execution-view>p{font-size:20px}.temperature-data-block{width:90%;padding:0 15%;gap:40px;flex-direction:row;align-items:flex-start;box-sizing:border-box}.temp-weather-card{width:60%}.temp-weather-card>p{font-size:30px}.ai-outfit-input-card{width:60%}.outfit-input-item{font-size:25px;height:60px;text-indent:20px}.location-input{font-size:25px}.date-menu li{font-size:20px}.edit-btn{font-size:25px}}.output-view{position:absolute;top:120px;padding-bottom:200px;width:100%}.output-view>h2{position:absolute;left:30px;font-size:40px}.output-view>.empty{justify-self:center;font-size:35px;line-height:2}.image-area{position:relative;display:flex;justify-content:center;align-items:center;background-color:#9493934f;height:1300px}.image-area>.mannequin{position:absolute;height:1000px}.image-area>.outfit-image{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:1000px}.outfit-image>.head{position:absolute;top:0;width:180px;height:100px}.outfit-image>.torso{position:absolute;top:150px;z-index:300;width:80%;height:280px;display:grid;grid-template-columns:250px 250px 250px;justify-content:center;gap:20px}.torso>.dress{width:250px;height:680px;object-fit:cover}.torso>img,.torso>.dummy{width:250px;height:inherit;object-fit:cover}.outfit-image>.leg{position:absolute;top:400px;z-index:100;width:250px;height:430px}.outfit-image>.foot{position:absolute;bottom:20px;width:200px;height:150px}.outfit-image>.accessory{position:absolute;bottom:0;right:50px;width:20%;height:200px}.head>img,.leg>img,.foot>img,.accessory>img{width:100%;height:inherit;object-fit:cover}.use-items-block{align-items:center;border-top:5px solid rgb(194,192,192);gap:8px}.use-items-label{font-size:30px;font-weight:600;line-height:1;text-indent:5%}.use-items-list{display:flex;flex-wrap:wrap;gap:15px;padding:0 10%}.use-item{display:flex;width:130px;height:130px;background-color:#fff;border-radius:15px;box-shadow:0 0 5px 5px #ababab80}.use-item>img{width:100%;border-radius:inherit;object-fit:cover}.output-outfits-block{display:flex;justify-content:center;gap:30px;margin:5% 0}.outfit-item{display:flex;justify-content:center;width:180px;height:180px;border:1px solid black;border-radius:15px;background-color:#d4d4d466}.outfit-item>img{object-fit:cover}@media (min-width: 1024px){.output-view{position:absolute;top:80px;padding-bottom:0;min-height:calc(100vh - 80px)}.output-view>h2{left:5%;font-size:30px}.output-main-block{display:flex;align-items:flex-start;gap:30px}.image-area{width:60%;height:calc(100vh - 80px)}.image-area>.mannequin,.image-area>.outfit-image{transform:scale(.7)}.output-info-block{width:40%;display:flex;flex-direction:column;gap:20px}.use-items-block{border-top:none}.output-outfits-block{flex-wrap:wrap;gap:20px}.outfit-item{width:150px;height:150px}}.ai-outfit-page{background-color:#f7f7c099;overflow:auto;scrollbar-width:none;width:100%;min-height:calc(100vh - 80px)}footer{position:fixed;display:flex;justify-content:center;align-items:center;bottom:0;width:100%;height:200px;border-top:4px solid rgba(167,167,167,.5);background-color:#fff;z-index:1000}.change-page-menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:170px;height:150px;margin:0 70px;font-size:20px;overflow:hidden}.change-page-menu-item>img{display:block;width:100px;height:100px;object-fit:cover;scale:1.8}@media (min-width: 1024px){footer{display:none}}.sign-in-block{padding:200px 0;display:flex;justify-content:center;align-items:center;width:100%}.sign-in-page{padding-top:120px;width:100%;min-height:100vh;background-color:#f7f7c099}.sign-in-title{margin:0;padding-top:15px;width:100%;text-indent:5%;font-size:30px}.sign-in-block>div{transform:scale(1.5)}@media (min-width: 1024px){.sign-in-page{padding-top:80px}.sign-in-title{width:90%;margin:0 auto;text-indent:0}.sign-in-block>div{transform:scale(1.2)}.sign-in-block{padding:100px 0}}*,*:before,*:after{box-sizing:border-box}body{position:relative;padding:0;margin:0;width:100%;min-height:100vh;overflow-x:hidden}main{padding-top:80px}.loading-block{padding:200px 0;display:flex;justify-content:center;align-items:center;width:100%}.loading-block{height:100vh;background-color:#f7f7c099}.loading-block>div{font-size:50px}