.gender-swap-upload-page[data-v-c8ecb91c]{min-height:100vh;color:#fff;font-family:Inter,sans-serif;padding-top:60px;padding-bottom:100px}.content-container[data-v-c8ecb91c]{padding:24px;max-width:600px;margin:0 auto}.text-section[data-v-c8ecb91c]{margin-bottom:32px}.text-section .main-title[data-v-c8ecb91c]{font-size:32px;font-weight:600;margin-bottom:8px;cursor:pointer}.text-section .sub-title[data-v-c8ecb91c]{font-size:13px;font-weight:400;color:#7b8395}.how-it-works[data-v-c8ecb91c]{margin-bottom:32px}.how-it-works .section-title[data-v-c8ecb91c]{font-size:16px;font-weight:600;margin-bottom:8px}.how-it-works .section-desc[data-v-c8ecb91c]{font-size:14px;color:#7b8395;line-height:1.3;font-weight:400}.upload-section[data-v-c8ecb91c]{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.upload-section .upload-box[data-v-c8ecb91c]{width:200px;height:170px;max-width:400px;border:solid #495f8b;border-radius:41px;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer;margin-bottom:12px;position:relative;overflow:hidden;transition:all .3s}.upload-section .upload-box[data-v-c8ecb91c]:hover{background-color:#4b87ff1a;border-color:#6352ff}.upload-section .upload-box .plus-icon[data-v-c8ecb91c]{width:52px;height:52px;border:.5px solid #495f8b;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:transparent}.upload-section .upload-box .plus-icon svg[data-v-c8ecb91c]{width:24px;height:24px}.upload-section[data-v-c8ecb91c] .van-uploader__preview-image{-o-object-fit:contain!important;object-fit:contain!important;background:#000;width:100%;height:100%}.upload-section[data-v-c8ecb91c] .van-uploader__preview{width:100%;height:240px;margin:0}.upload-section[data-v-c8ecb91c] .van-uploader__preview-delete{width:32px;height:32px;background-color:#000000b3;border-radius:0 0 0 12px;display:flex;justify-content:center;align-items:center}.upload-section[data-v-c8ecb91c] .van-uploader__preview-delete-icon{font-size:20px;top:auto;right:auto;transform:none;position:static}.upload-section .upload-progress-overlay[data-v-c8ecb91c]{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:18px;gap:8px;z-index:10}.upload-section .spinner[data-v-c8ecb91c]{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-c8ecb91c 1s ease-in-out infinite}@keyframes spin-c8ecb91c{to{transform:rotate(360deg)}}.upload-section .upload-hint[data-v-c8ecb91c]{font-size:13px;font-weight:400;color:#7b8395}.sample-section .sample-title[data-v-c8ecb91c]{font-size:14px;font-weight:600;margin-bottom:16px}.sample-section .sample-grid[data-v-c8ecb91c]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sample-section .sample-grid .sample-item[data-v-c8ecb91c]{aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;position:relative;border:2px solid transparent;transition:all .2s}.sample-section .sample-grid .sample-item img[data-v-c8ecb91c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sample-section .sample-grid .sample-item.active[data-v-c8ecb91c]{border-color:#6352ff}.sample-section .sample-grid .sample-item .check-overlay[data-v-c8ecb91c]{position:absolute;top:8px;right:8px}.generating-overlay[data-v-c8ecb91c]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:200}.generating-card[data-v-c8ecb91c]{background:linear-gradient(180deg,#1f2228,#16191d);border-radius:24px;padding:24px 20px;width:320px;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 40px #0009}.generating-title[data-v-c8ecb91c]{margin-bottom:16px;font-size:16px;font-weight:600}.fade-enter-active[data-v-c8ecb91c],.fade-leave-active[data-v-c8ecb91c]{transition:opacity .2s}.fade-enter-from[data-v-c8ecb91c],.fade-leave-to[data-v-c8ecb91c]{opacity:0}.bottom-action[data-v-c8ecb91c]{position:fixed;bottom:0;left:0;width:100%;padding:16px 24px;background:linear-gradient(180deg,#16182300,#161823);display:flex;justify-content:center;z-index:100;padding-bottom:max(16px,env(safe-area-inset-bottom))}.generate-btn[data-v-c8ecb91c]{width:100%;max-width:312px;height:57px;background:linear-gradient(90deg,#20affd,#6352ff);border-radius:20px;border:none;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .2s}.generate-btn[data-v-c8ecb91c]:disabled{opacity:.7;cursor:not-allowed}.generate-btn[data-v-c8ecb91c]:active:not(:disabled){transform:scale(.98)}.generate-btn .btn-content[data-v-c8ecb91c]{display:flex;align-items:center;gap:8px}.generate-btn .btn-content .heart-icon[data-v-c8ecb91c]{fill:#fff;width:20px;height:20px}@media(min-width:768px){.content-container[data-v-c8ecb91c]{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:40px}.top-section[data-v-c8ecb91c]{display:flex;flex-direction:column;justify-content:center;text-align:left}.interaction-section[data-v-c8ecb91c]{display:flex;flex-direction:column;align-items:center;background:#ffffff08;border-radius:24px;padding:40px 32px;border:1px solid rgba(255,255,255,.08)}.text-section[data-v-c8ecb91c]{text-align:left;margin-bottom:32px}.text-section .main-title[data-v-c8ecb91c]{font-size:48px;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-section .sub-title[data-v-c8ecb91c]{font-size:18px;color:#a1a1aa}.how-it-works[data-v-c8ecb91c]{text-align:left;margin-bottom:0;padding:24px;background:linear-gradient(135deg,#20affd1a,#6352ff1a);border-radius:16px;border:1px solid rgba(99,82,255,.2)}.how-it-works .section-title[data-v-c8ecb91c]{font-size:24px;margin-bottom:12px;background:linear-gradient(135deg,#20affd,#6352ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.how-it-works .section-desc[data-v-c8ecb91c]{font-size:16px;color:#a1a1aa;line-height:1.6}.upload-section[data-v-c8ecb91c]{width:100%;margin-bottom:32px;display:flex;flex-direction:column;align-items:center}.upload-section .upload-box[data-v-c8ecb91c]{width:100%;max-width:360px;height:480px;transition:all .3s ease}.upload-section .upload-box[data-v-c8ecb91c]:hover{transform:translateY(-4px);filter:brightness(1.1);border-color:#6352ff;background-color:#4b87ff26}.upload-section .upload-box .plus-icon[data-v-c8ecb91c]{width:80px;height:80px;border:1px solid rgba(255,255,255,.2)}.upload-section .upload-box .plus-icon svg[data-v-c8ecb91c]{width:32px;height:32px}.upload-section[data-v-c8ecb91c] .van-uploader__preview{height:480px;width:100%;max-width:360px;border-radius:24px;box-shadow:0 8px 32px #0000004d}.upload-section[data-v-c8ecb91c] .van-uploader__wrapper{justify-content:center}.sample-section[data-v-c8ecb91c]{width:100%;max-width:400px;padding:20px}.sample-section .sample-title[data-v-c8ecb91c]{font-size:14px;font-weight:600;margin-bottom:16px;color:#a1a1aa}.sample-section .sample-grid[data-v-c8ecb91c]{grid-template-columns:repeat(3,1fr)}.sample-section .sample-grid .sample-item[data-v-c8ecb91c]{border-radius:12px;overflow:hidden;transition:all .3s ease;border:2px solid transparent}.sample-section .sample-grid .sample-item[data-v-c8ecb91c]:hover{transform:scale(1.05);box-shadow:0 8px 24px #6352ff4d}.sample-section .sample-grid .sample-item img[data-v-c8ecb91c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sample-section .sample-grid .sample-item.active[data-v-c8ecb91c]{border-color:#6352ff}.bottom-action[data-v-c8ecb91c]{position:static;background:none;width:100%;padding:40px 0;grid-column:1/-1}.bottom-action .generate-btn[data-v-c8ecb91c]{margin:0 auto;max-width:400px;height:64px;font-size:20px;border-radius:32px;background:linear-gradient(135deg,#20affd,#6352ff,#8b5cf6);box-shadow:0 10px 40px #6352ff66;transition:all .3s ease}.bottom-action .generate-btn[data-v-c8ecb91c]:disabled{opacity:.7;cursor:not-allowed}.bottom-action .generate-btn[data-v-c8ecb91c]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 48px #6352ff80}.bottom-action .generate-btn[data-v-c8ecb91c]:active:not(:disabled){transform:scale(.98)}}@media(min-width:768px)and (min-width:1280px){.content-container[data-v-c8ecb91c]{max-width:1400px;gap:80px;padding-top:80px;display:flex;flex-direction:row;align-items:flex-start;justify-content:center}.top-section[data-v-c8ecb91c]{width:100%;max-width:480px;text-align:left;align-items:flex-start;margin-bottom:0;flex-shrink:0;position:sticky;top:80px}.text-section[data-v-c8ecb91c]{margin-bottom:32px;text-align:left}.text-section .main-title[data-v-c8ecb91c]{font-size:64px}.text-section .sub-title[data-v-c8ecb91c]{font-size:24px;color:#a1a1aa}.how-it-works[data-v-c8ecb91c]{text-align:left;margin-bottom:0;padding:28px}.how-it-works .section-title[data-v-c8ecb91c]{font-size:28px}.how-it-works .section-desc[data-v-c8ecb91c]{font-size:18px}.interaction-section[data-v-c8ecb91c]{flex-direction:column;align-items:center;justify-content:flex-start;gap:32px;width:100%;max-width:720px;padding:48px;background:#ffffff08;border-radius:24px;border:1px solid rgba(255,255,255,.08)}.upload-section[data-v-c8ecb91c]{margin-bottom:0;width:100%;display:flex;flex-direction:column;align-items:center}.upload-section .upload-box[data-v-c8ecb91c]{width:320px;max-width:320px;height:320px;border-width:2px;border-radius:32px}.upload-section .upload-box .plus-icon[data-v-c8ecb91c]{width:80px;height:80px}.upload-section .upload-box .plus-icon svg[data-v-c8ecb91c]{width:32px;height:32px}.upload-section[data-v-c8ecb91c] .van-uploader__preview{width:320px;max-width:320px;height:320px;border-radius:32px}.sample-section[data-v-c8ecb91c]{max-width:100%;width:100%;padding:0}.sample-section .sample-title[data-v-c8ecb91c]{font-size:16px;margin-bottom:24px;text-align:left}.sample-section .sample-grid[data-v-c8ecb91c]{gap:16px;grid-template-columns:repeat(3,1fr)}.bottom-action[data-v-c8ecb91c]{position:static;background:none;width:100%;padding:40px 0;justify-content:center}.bottom-action .generate-btn[data-v-c8ecb91c]{max-width:480px;height:72px;font-size:24px;border-radius:36px}}