*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#000;width:100%;height:100%;overflow:hidden}#root{justify-content:center;align-items:center;display:flex}body{margin:0;padding:0}.home-container{width:100vw;height:100vh;position:relative;overflow:hidden}.image-section{width:100%;height:100%;position:relative}.haze-bg{object-fit:cover;width:100%;height:100%}.content{flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;bottom:25px}.title-img{width:420px;margin-bottom:55px}.subtitle-img{width:760px;margin-bottom:200px}.start-btn{cursor:pointer;width:590px;margin-bottom:140px;transition:all .3s}.start-btn:hover{transform:scale(1.05)}.background-img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.gender-wrapper{background:#fff;width:100vw;height:100vh;position:relative;overflow:hidden}.gender-card{width:100%;height:100%;position:relative}.gender-title-img{width:70%;position:absolute;top:18%;left:50%;transform:translate(-50%)}.gender-subtitle-img{width:65%;position:absolute;top:30%;left:50%;transform:translate(-50%)}.gender-options{justify-content:center;align-items:flex-start;gap:14%;width:100%;display:flex;position:absolute;top:43%;left:50%;transform:translate(-50%)}.gender-option:hover{transform:scale(1.03)}.avatar{object-fit:cover;object-position:center;border:4px solid #e0e0e0;border-radius:50%;width:30vw;max-width:300px;height:30vw;max-height:300px;transition:border-color .3s,box-shadow .3s;display:block;box-shadow:0 4px 20px #0000001a}.label{color:#222;text-align:center;margin-top:18px;font-family:Inter,ArchivoRegular,sans-serif;font-size:5vw;font-weight:500}.gender-option.selected .avatar{border:5px solid #3b5bdb;box-shadow:0 0 25px #3b5bdb4d}.next-btn{cursor:pointer;z-index:10;background:0 0;border:none;transition:transform .2s;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.next-btn:hover:not(:disabled){transform:translate(-50%)scale(1.03)}.next-btn img{pointer-events:none;width:65vw;max-width:520px}.next-btn:disabled{opacity:.5;cursor:not-allowed}.camera-container{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.camera-video{object-fit:cover;transform-origin:50%;width:100vh;height:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.camera-video.hidden,.hidden-canvas{display:none}.photo-preview{object-fit:cover;width:100%;height:100%;position:absolute}.button-img{cursor:pointer;z-index:10;width:20vw;transition:transform .15s,opacity .15s;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.button-img:hover:not(.disabled){transform:translate(-50%)scale(1.07)}.button-img:active:not(.disabled){transform:translate(-50%)scale(.95)}.button-img.disabled{opacity:.4;pointer-events:none}.action-buttons{z-index:10;gap:25px;display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.action-img-btn{cursor:pointer;transition:transform .15s,opacity .15s}.action-img-btn:hover{transform:scale(1.05)}.action-img-btn:active{transform:scale(.95)}.camera-selector-wrapper{z-index:50;position:absolute;top:30px;right:20px}.camera-selector-btn{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.camera-selector-btn:hover{background:#ffffff4d;transform:scale(1.05)}.camera-selector-btn svg{width:24px;height:24px}.camera-dropdown{-webkit-backdrop-filter:blur(20px);background:#141414f5;border:1px solid #ffffff26;border-radius:14px;min-width:240px;max-width:320px;padding:8px;animation:.25s dropIn;position:absolute;top:60px;right:0;box-shadow:0 10px 35px #0009}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.camera-dropdown-item{color:#ccc;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:background .2s;display:flex;overflow:hidden}.camera-dropdown-item:hover{background:#ffffff1a}.camera-dropdown-item.active{color:#fff;background:#2979ff;font-weight:600}.camera-dropdown-item.active:before{content:"✓";font-size:14px;font-weight:700}.countdown-overlay{z-index:20;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-number{color:#fff;text-shadow:0 0 40px #fff9,0 4px 20px #000c;font-size:22vw;font-weight:900;animation:.9s ease-out forwards countPop}.flash-overlay{z-index:30;background:#fff;animation:.5s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes countPop{0%{opacity:0;transform:scale(1.8)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.wardrobe-container{color:#fff;background-color:#000;width:100vw;height:100vh;font-family:Inter,sans-serif;position:relative;overflow:hidden}.wardrobe-top-nav{z-index:10;align-items:center;padding:15px 25px;display:flex;position:absolute;top:5%;left:5%;right:0}.wardrobe-back-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px}.wardrobe-back-btn svg{width:42px;height:42px}.wardrobe-content{justify-content:center;gap:0;width:92%;display:flex;position:absolute;top:80px;bottom:110px;left:50%;overflow:hidden;transform:translate(-50%)}.wardrobe-grid-wrapper{background:#1a1a1a;border-radius:20px;width:65%;padding:14px;position:absolute;top:10%;overflow:hidden auto}.wardrobe-grid-wrapper::-webkit-scrollbar{width:0}.wardrobe-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.wardrobe-grid-item{cursor:pointer;aspect-ratio:3/4;background:#d9cfc3;border:4px solid #0000;border-radius:14px;justify-content:center;align-items:center;width:100%;padding:0;transition:all .25s;display:flex;overflow:hidden}.wardrobe-grid-item img{object-fit:cover;width:100%;height:100%;display:block}.wardrobe-grid-item.selected{border-color:#2979ff;box-shadow:0 0 18px #2979ff99}.wardrobe-no-items{text-align:center;color:#666;grid-column:span 2;padding:60px 30px;font-size:18px}.wardrobe-right-nav{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:200px;padding:0 6px;display:flex;position:absolute;top:40%;left:85%}.right-nav-scroll{background:#fff;border-radius:36px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;display:flex;overflow-y:auto}.right-nav-scroll::-webkit-scrollbar{width:0}.right-nav-item{cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;min-height:72px;transition:all .25s;display:flex}.right-nav-item img{object-fit:contain;filter:brightness(0);width:44px;height:44px}.right-nav-item.active{background:#2979ff}.right-nav-item.active img{filter:brightness(0)invert()}.right-nav-arrow{cursor:default;color:#000;opacity:.35;pointer-events:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;min-height:52px;margin-top:8px;transition:all .25s;display:flex}.right-nav-arrow.active{opacity:1;pointer-events:auto;cursor:pointer;box-shadow:0 2px 10px #ffffff4d}.right-nav-arrow.active:hover{transform:scale(1.1)}.right-nav-arrow svg{stroke:#000;width:28px;height:28px}.wardrobe-bottom-bar{justify-content:center;padding:0 20px;display:flex;position:absolute;bottom:8%;left:0;right:0}.wardrobe-bottom-nav{background:#fff;border-radius:40px;gap:6px;padding:8px 14px;display:flex;box-shadow:0 4px 20px #0000004d}.wardrobe-bottom-item{cursor:pointer;color:#333;border-radius:34px;align-items:center;gap:8px;padding:14px 22px;transition:all .3s;display:flex}.wardrobe-bottom-item img{object-fit:contain;width:56px;height:56px}.wardrobe-bottom-item span{color:#fff;font-size:18px;font-weight:700}.wardrobe-bottom-item.active{background:#2979ff}.wardrobe-bottom-item.active img{filter:brightness(0)invert()}.wardrobe-bottom-item:not(.active) img{filter:brightness(0)opacity(.5)}.bg-page-container{color:#fff;background-color:#000;width:100vw;height:100vh;font-family:Inter,sans-serif;position:relative;overflow:hidden}.bg-loading-wrapper{flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex;position:absolute;inset:0}.bg-loading-visual{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:50px;display:flex;position:relative}.bg-loading-circle{border:5px solid #ffffff26;border-top-color:#fff;border-radius:50%;width:100px;height:100px;animation:1s linear infinite bgSpin}@keyframes bgSpin{to{transform:rotate(360deg)}}.bg-loading-title{color:#ffffffd9;text-align:center;letter-spacing:.3px;margin:0 0 14px;font-size:22px;font-weight:600}.bg-loading-subtitle{color:#fff6;text-align:center;margin:0;font-size:16px}.bg-top-nav{z-index:10;justify-content:space-between;align-items:center;padding:15px 25px;display:flex;position:absolute;top:14%;left:5%;right:0}.bg-back-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px}.bg-back-btn svg{width:42px;height:42px}.bg-page-title{letter-spacing:.5px;font-size:3vw;font-weight:700}.bg-content-area{justify-content:center;align-items:flex-start;width:88%;display:flex;position:absolute;top:80px;bottom:110px;left:50%;overflow:hidden;transform:translate(-50%)}.bg-grid-container{background:#1a1a1a;border-radius:20px;width:80%;padding:14px;position:absolute;top:20%}.bg-grid-container::-webkit-scrollbar{width:0}.bg-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.bg-grid-item{cursor:pointer;aspect-ratio:1;background:#2c2c2e;border:4px solid #0000;border-radius:14px;justify-content:center;align-items:center;transition:all .25s;display:flex;overflow:hidden}.bg-grid-item img{object-fit:cover;width:100%;height:100%}.bg-grid-item.selected{border-color:#2979ff;box-shadow:0 0 14px #2979ff80}.bg-grid-item.no-bg{background:#333}.no-bg-label{color:#aaa;text-align:center;padding:10px;font-size:14px}.bg-bottom-wrapper{justify-content:center;align-items:center;gap:16px;padding:0 20px;display:flex;position:absolute;bottom:8%;left:0;right:0}.bg-circle-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:7vw;height:8vw;transition:all .3s;display:flex;box-shadow:0 3px 10px #0000004d}.bg-circle-btn:hover{transform:translateY(-2px)}.bg-circle-btn svg{width:34px;height:34px}.bg-next-btn{color:#000;cursor:pointer;text-align:center;background:#fff;border:none;border-radius:36px;width:55%;padding:18px 0;font-size:4vw;font-weight:700;transition:all .3s;box-shadow:0 3px 10px #0000004d}.bg-next-btn.disabled{opacity:.4;cursor:not-allowed}.bg-next-btn:not(.disabled):hover{transform:translateY(-2px)}.gen-page-container{color:#fff;background-color:#000;width:100vw;height:100vh;font-family:Inter,sans-serif;position:relative;overflow:hidden}.gen-loading-wrapper{flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex;position:absolute;inset:0}.gen-loading-visual{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:50px;display:flex;position:relative}.gen-loading-circle{border:5px solid #ffffff26;border-top-color:#fff;border-radius:50%;width:100px;height:100px;animation:1s linear infinite genSpin}@keyframes genSpin{to{transform:rotate(360deg)}}.gen-loading-title{color:#ffffffd9;text-align:center;letter-spacing:.3px;margin:0 0 14px;font-size:22px;font-weight:600}.gen-loading-subtitle{color:#fff6;text-align:center;margin:0;font-size:16px}.gen-top-nav{z-index:10;justify-content:space-between;align-items:center;padding:20px 30px;display:flex;position:absolute;top:30px;left:0;right:0}.gen-back-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px}.gen-back-btn svg{width:42px;height:42px}.gen-page-title{letter-spacing:.5px;font-size:22px;font-weight:700}.gen-result-area{justify-content:center;align-items:center;width:88%;display:flex;position:absolute;top:110px;bottom:120px;left:50%;transform:translate(-50%)}.gen-result-image-wrapper{background:#1a1a1a;border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.gen-result-image{object-fit:contain;border-radius:20px;width:100%;height:100%}.gen-bottom-wrapper{justify-content:center;align-items:center;padding:0 30px;display:flex;position:absolute;bottom:30px;left:0;right:0}.gen-next-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:36px;padding:18px 100px;font-size:20px;font-weight:700;transition:all .3s;box-shadow:0 3px 10px #0000004d}.gen-next-btn:hover{transform:translateY(-2px)}.gen-retry-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:36px;margin-top:30px;padding:18px 80px;font-size:18px;font-weight:700;transition:all .3s}.gen-retry-btn:hover{transform:translateY(-2px)}.pose-page-container{color:#fff;background-color:#000;flex-direction:column;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.pose-loading-wrapper{flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex;position:absolute;inset:0}.pose-loading-visual{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:50px;display:flex;position:relative}.pose-loading-circle{border:5px solid #ffffff26;border-top-color:#fff;border-radius:50%;width:100px;height:100px;animation:1s linear infinite poseSpin}@keyframes poseSpin{to{transform:rotate(360deg)}}.pose-loading-title{color:#ffffffd9;text-align:center;letter-spacing:.3px;margin:0 0 14px;font-size:22px;font-weight:600}.pose-loading-subtitle{color:#fff6;text-align:center;margin:0;font-size:16px}.pose-top-nav{z-index:10;justify-content:space-between;align-items:center;padding:15px 25px;display:flex;position:absolute;top:10%;left:0;right:0}.pose-back-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px}.pose-back-btn svg{width:42px;height:42px}.pose-page-title{letter-spacing:.5px;font-size:4vw;font-weight:700}.pose-content-area{justify-content:center;align-items:flex-start;width:88%;display:flex;position:absolute;top:80px;bottom:110px;left:50%;overflow:hidden;transform:translate(-50%)}.pose-grid-container{background:#1a1a1a;border-radius:20px;width:80%;max-height:75%;padding:14px;position:absolute;top:20%;overflow:hidden auto}.pose-grid-container::-webkit-scrollbar{width:0}.pose-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.pose-grid-item{cursor:pointer;aspect-ratio:3/4;background:#e8ddd0;border:4px solid #0000;border-radius:14px;transition:all .25s;position:relative;overflow:hidden}.pose-image,.pose-video{object-fit:cover;width:100%;height:100%;display:block}.pose-grid-item.selected{border-color:#2979ff;box-shadow:0 0 14px #2979ff80}.pose-selected-overlay{background:#2979ff40;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pose-bottom-wrapper{justify-content:center;align-items:center;padding:0 20px;display:flex;position:absolute;bottom:8%;left:0;right:0}.pose-next-btn{color:#000;cursor:pointer;text-align:center;background:#fff;border:none;border-radius:36px;width:55%;padding:18px 0;font-size:4vw;font-weight:700;transition:all .3s;box-shadow:0 3px 10px #0000004d}.pose-next-btn.disabled{opacity:.4;cursor:not-allowed}.pose-next-btn:not(.disabled):hover{transform:translateY(-2px)}.pose-grid-loading{text-align:center;color:#666;grid-column:span 3;padding:60px 30px;font-size:18px}.pose-loading-spinner{border:4px solid #ffffff26;border-top-color:#2979ff;border-radius:50%;width:40px;height:40px;margin:0 auto 12px;animation:.8s linear infinite poseGridSpin}@keyframes poseGridSpin{to{transform:rotate(360deg)}}.final-page-container{color:#fff;background-color:#000;width:100vw;height:100vh;font-family:Inter,sans-serif;position:relative;overflow:hidden}.final-top-nav{z-index:10;justify-content:space-between;align-items:center;padding:15px 25px;display:flex;position:absolute;top:10%;left:5%;right:0}.final-back-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px}.final-back-btn svg{width:42px;height:42px}.final-page-title{letter-spacing:.5px;font-size:3vw;font-weight:700}.final-content-area{justify-content:center;align-items:stretch;width:88%;display:flex;position:absolute;top:80px;bottom:110px;left:50%;transform:translate(-50%)}.final-preview-box{background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:90%;height:70%;display:flex;position:absolute;top:15%;overflow:hidden}.final-preview-media{object-fit:contain;width:100%;height:100%}.final-media-qr-wrapper{width:100%;height:100%;position:relative}.final-media-qr-wrapper .final-preview-media{object-fit:contain;width:100%;height:100%}.final-photo-base{z-index:1;position:absolute;top:0;left:0}.final-video-overlay{z-index:2;opacity:0;transition:opacity .4s ease-in;position:absolute;top:0;left:0}.final-video-overlay.video-visible{opacity:1}.final-qr-overlay{z-index:3;opacity:0;flex-direction:column;align-items:center;gap:8px;transition:opacity .5s ease-in .2s,transform .5s ease-out .2s;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)translateY(10px)}.final-qr-overlay.qr-visible{opacity:1;transform:translate(-50%)translateY(0)}.final-qr-border{background:#fff;border:3px solid #fff;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:16px 16px 12px;display:flex;box-shadow:0 4px 16px #0003}.final-qr-label{color:#000;text-align:center;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.4}.final-bottom-wrapper{z-index:10;justify-content:center;align-items:center;gap:16px;padding:0 20px;display:flex;position:absolute;bottom:10%;left:0;right:0}.final-home-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:10vw;height:10vw;transition:all .3s;display:flex;box-shadow:0 2px 10px #0000004d}.final-home-btn:hover{transform:translateY(-2px)}.final-home-btn svg{width:34px;height:34px}.final-action-btn{color:#000;cursor:pointer;letter-spacing:.3px;text-align:center;background:#fff;border:none;border-radius:5vw;width:55%;padding:18px 0;font-size:4vw;font-weight:700;transition:all .3s;box-shadow:0 2px 10px #0000004d}.final-action-btn:hover{transform:translateY(-2px)}.final-download-options{gap:14px;display:flex}.final-option-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:5vw;width:29vw;padding:18px 44px;font-size:4vw;font-weight:700;transition:all .3s;box-shadow:0 2px 10px #0000004d}.final-option-btn:hover{transform:translateY(-2px)}.final-option-btn.active-type{color:#fff;background:#2979ff}.final-no-media{color:#999;text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px;font-size:18px;display:flex}.final-video-loading-spinner{border:4px solid #0000001a;border-top-color:#2979ff;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite finalSpin}.final-loading-overlay{z-index:20;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.final-loading-text{color:#ffffffd9;margin-bottom:10px;font-size:24px;font-weight:700}.final-loading-subtext{color:#ffffff73;font-size:16px}.final-spinner{width:80px;height:80px;margin-bottom:30px}.final-spinner-ring{border:5px solid #ffffff26;border-top-color:#ffffffe6;border-radius:50%;width:100%;height:100%;animation:1s linear infinite finalSpin}@keyframes finalSpin{to{transform:rotate(360deg)}}.final-qr-loading{flex-direction:column;align-items:center;gap:10px;display:flex}.final-qr-loading span{color:#666;font-size:12px;font-weight:500}.final-qr-spinner{border:4px solid #0000001a;border-top-color:#2979ff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite finalSpin}