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