.photowithstar-upload-page[data-v-a7512d9c]{min-height:100vh;color:#fff;font-family:Inter,sans-serif;padding-top:60px;padding-bottom:100px}.content-container[data-v-a7512d9c]{padding:24px;max-width:600px;margin:0 auto}.text-section[data-v-a7512d9c]{margin-bottom:32px}.text-section .main-title[data-v-a7512d9c]{font-size:32px;font-weight:600;margin-bottom:8px;cursor:pointer}.text-section .sub-title[data-v-a7512d9c]{font-size:13px;font-weight:400;color:#7b8395}.how-it-works[data-v-a7512d9c]{margin-bottom:32px}.how-it-works .section-title[data-v-a7512d9c]{font-size:16px;font-weight:600;margin-bottom:8px}.how-it-works .section-desc[data-v-a7512d9c]{font-size:14px;color:#7b8395;line-height:1.3;font-weight:400}.upload-section[data-v-a7512d9c]{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-bottom:12px;gap:16px;width:100%}.upload-section .upload-wrapper[data-v-a7512d9c]{display:flex;flex-direction:column;align-items:center;width:50%;max-width:240px}.upload-section .upload-label[data-v-a7512d9c]{font-size:14px;font-weight:600;margin-bottom:12px;color:#fff;display:flex;align-items:center;gap:8px;line-height:1}.upload-section .custom-uploader[data-v-a7512d9c]{width:100%}.upload-section .upload-box[data-v-a7512d9c]{width:100%;aspect-ratio:135/110;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer;margin-bottom:12px;position:relative;transition:all .3s}.upload-section .upload-box[data-v-a7512d9c]:hover{opacity:.95}.upload-section .upload-box-svg[data-v-a7512d9c]{width:100%;height:100%;display:block}.upload-section[data-v-a7512d9c] .van-uploader__preview-image{-o-object-fit:contain!important;object-fit:contain!important;background:#000;width:100%;height:100%}.upload-section[data-v-a7512d9c] .van-uploader__upload{width:100%;padding:0;margin:0;box-sizing:border-box}.upload-section[data-v-a7512d9c] .van-uploader__wrapper{width:100%;justify-content:center}.upload-section[data-v-a7512d9c] .van-uploader__preview{width:100%;aspect-ratio:135/110;height:auto;margin:0;border:1px solid #495f8b;border-radius:39.5px;overflow:hidden}.upload-section[data-v-a7512d9c] .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-a7512d9c] .van-uploader__preview-delete-icon{font-size:20px;top:auto;right:auto;transform:none;position:static}.label-icon[data-v-a7512d9c]{flex:0 0 auto}.upload-hint[data-v-a7512d9c]{font-size:13px;font-weight:600;color:#c4c4c4;text-align:center;margin-bottom:28px}.upload-progress-overlay[data-v-a7512d9c]{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:14px;gap:10px;z-index:10}.sample-section[data-v-a7512d9c]{margin-bottom:28px}.sample-section .sample-title[data-v-a7512d9c]{font-size:14px;font-weight:600;margin-bottom:16px}.sample-section .sample-grid[data-v-a7512d9c]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sample-section .sample-grid .sample-item[data-v-a7512d9c]{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-a7512d9c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sample-section .sample-grid .sample-item.active[data-v-a7512d9c]{border-color:#6352ff}.sample-section .sample-grid .sample-item .check-overlay[data-v-a7512d9c]{position:absolute;top:8px;right:8px}.spinner[data-v-a7512d9c]{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-a7512d9c 1s ease-in-out infinite}@keyframes spin-a7512d9c{to{transform:rotate(360deg)}}.bottom-action[data-v-a7512d9c]{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-a7512d9c]{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-a7512d9c]:disabled{opacity:.7;cursor:not-allowed}.generate-btn[data-v-a7512d9c]:active:not(:disabled){transform:scale(.98)}.generate-btn .btn-content[data-v-a7512d9c]{display:flex;align-items:center;gap:8px}.generate-btn .btn-content .heart-icon[data-v-a7512d9c]{fill:#fff;width:20px;height:20px}@media(min-width:768px){.content-container[data-v-a7512d9c]{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:40px}.top-section[data-v-a7512d9c]{display:flex;flex-direction:column;justify-content:center;text-align:left}.interaction-section[data-v-a7512d9c]{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-a7512d9c]{text-align:left;margin-bottom:32px}.text-section .main-title[data-v-a7512d9c]{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-a7512d9c]{font-size:18px;color:#71717a}.how-it-works[data-v-a7512d9c]{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-a7512d9c]{font-size:20px;color:#fff;margin-bottom:12px}.how-it-works .section-desc[data-v-a7512d9c]{font-size:15px;color:#a1a1aa;line-height:1.6}.upload-section[data-v-a7512d9c]{width:100%;margin-bottom:24px;display:flex;flex-direction:row;justify-content:center;gap:24px;align-items:flex-start}.upload-section .upload-wrapper[data-v-a7512d9c]{width:50%;max-width:280px}.upload-section .upload-box[data-v-a7512d9c]{width:100%;transition:all .3s ease}.upload-section .upload-box[data-v-a7512d9c]:hover{transform:translateY(-4px);filter:brightness(1.1)}.upload-section[data-v-a7512d9c] .van-uploader__preview{width:100%;border-radius:24px;box-shadow:0 8px 32px #0000004d}.upload-section .upload-label[data-v-a7512d9c]{font-size:16px;color:#e4e4e7}.upload-hint[data-v-a7512d9c]{font-size:14px;color:#71717a;margin-bottom:24px}.sample-section[data-v-a7512d9c]{width:100%;max-width:100%;margin-bottom:20px}.sample-section .sample-title[data-v-a7512d9c]{font-size:16px;color:#e4e4e7;margin-bottom:20px;text-align:left}.sample-section .sample-grid[data-v-a7512d9c]{grid-template-columns:repeat(3,1fr);gap:16px}.sample-section .sample-grid .sample-item[data-v-a7512d9c]{border-radius:16px;overflow:hidden;transition:all .3s ease}.sample-section .sample-grid .sample-item[data-v-a7512d9c]:hover{transform:scale(1.05);box-shadow:0 8px 24px #6352ff4d}.sample-section .sample-grid .sample-item img[data-v-a7512d9c]{width:100%;height:100%}.bottom-action[data-v-a7512d9c]{position:static;background:none;width:100%;padding:24px 0 0;grid-column:1/-1}.bottom-action .generate-btn[data-v-a7512d9c]{margin:0 auto;max-width:400px;height:60px;font-size:18px;border-radius:30px;background:linear-gradient(135deg,#20affd,#6352ff,#8b5cf6);box-shadow:0 10px 40px #6352ff66}.bottom-action .generate-btn[data-v-a7512d9c]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 48px #6352ff80}}@media(min-width:1280px){.content-container[data-v-a7512d9c]{max-width:1400px;gap:80px;padding-top:80px;display:flex;flex-direction:row;align-items:flex-start;justify-content:center}.top-section[data-v-a7512d9c]{width:100%;max-width:480px;text-align:left;align-items:flex-start;margin-bottom:0;flex-shrink:0}.interaction-section[data-v-a7512d9c]{flex-direction:column;align-items:center;justify-content:flex-start;gap:32px;width:100%;max-width:720px;padding:48px}.text-section .main-title[data-v-a7512d9c]{font-size:56px}.text-section .sub-title[data-v-a7512d9c]{font-size:20px}.how-it-works[data-v-a7512d9c]{width:100%;padding:28px;margin-top:8px}.how-it-works .section-title[data-v-a7512d9c]{font-size:22px}.how-it-works .section-desc[data-v-a7512d9c]{font-size:16px}.upload-section[data-v-a7512d9c]{flex-direction:row;gap:32px;width:100%;justify-content:center}.upload-section .upload-wrapper[data-v-a7512d9c]{width:280px;max-width:none}.sample-section[data-v-a7512d9c]{max-width:100%}.sample-section .sample-title[data-v-a7512d9c]{font-size:18px;margin-bottom:24px;text-align:left}.sample-section .sample-grid[data-v-a7512d9c]{gap:20px;grid-template-columns:repeat(3,1fr)}.bottom-action[data-v-a7512d9c]{padding:32px 0 0}.bottom-action .generate-btn[data-v-a7512d9c]{max-width:400px;height:64px;font-size:20px;border-radius:32px}}@media(min-width:1600px){.content-container[data-v-a7512d9c]{max-width:1600px;gap:120px;padding:100px 60px}.top-section[data-v-a7512d9c]{max-width:560px}.text-section .main-title[data-v-a7512d9c]{font-size:64px}.text-section .sub-title[data-v-a7512d9c]{font-size:22px;margin-top:8px}.how-it-works[data-v-a7512d9c]{padding:32px;margin-top:16px}.how-it-works .section-title[data-v-a7512d9c]{font-size:24px}.how-it-works .section-desc[data-v-a7512d9c]{font-size:18px}.interaction-section[data-v-a7512d9c]{max-width:800px;padding:56px}.upload-section[data-v-a7512d9c]{gap:40px}.upload-section .upload-wrapper[data-v-a7512d9c]{width:320px}.sample-section .sample-title[data-v-a7512d9c]{font-size:20px}.sample-section .sample-grid[data-v-a7512d9c]{gap:24px}.bottom-action .generate-btn[data-v-a7512d9c]{height:72px;font-size:22px;border-radius:36px}}