:root{--bg: #f4f2f8;--violet: #6b4fd3;--pink: #ff9ec7;--sand: #ffe9c7;--charcoal: #22232a;--muted: #6a6d7a;--white: #ffffff}.ai-container:before{content:"";position:fixed;top:-35%;right:-35%;bottom:-35%;left:-35%;z-index:-1;background:conic-gradient(from 0deg,color-mix(in oklab,var(--violet) 92%,white 8%),color-mix(in oklab,var(--pink) 85%,white 15%),color-mix(in oklab,var(--sand) 82%,white 18%),color-mix(in oklab,var(--violet) 92%,white 8%));filter:blur(90px) saturate(120%);opacity:.45;animation:rotate 40s linear infinite}.ai-container{max-width:1100px;margin:0 auto;min-height:100svh;padding:96px 20px 40px;display:grid;align-content:start;justify-items:center;text-align:center}.heading{font-size:clamp(28px,4.6vw,40px);font-weight:700;margin:0;letter-spacing:-.02em}.subheading{font-size:1.5rem;margin:10px 0 18px;font-weight:400;color:var(--muted)}.example{width:100%;height:100%;margin:12px auto 6px;border-radius:14px;box-shadow:0 18px 40px #00000014}.ai-grid{display:grid;gap:22px;width:100%;margin-top:10px}@media (min-width: 920px){.ai-grid{grid-template-columns:1fr 1fr;align-items:start;text-align:left}}.ai-grid-left,.ai-grid-right{display:grid;justify-items:center;gap:16px}@media (min-width: 920px){.ai-grid-right{justify-items:start}}label.upload-btn{display:inline-block;margin:18px auto 12px;padding:16px 34px;font-size:1.05rem;font-weight:700;color:var(--white);background:linear-gradient(135deg,var(--charcoal),#0e0e10);border:2px solid var(--violet);border-radius:999px;cursor:pointer;width:100%;max-width:320px;text-align:center;position:relative;overflow:hidden}label.upload-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--pink),var(--violet));z-index:-1;filter:blur(10px);opacity:.35}label.upload-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120px 120px at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.35),transparent 60%);opacity:0;transition:opacity .25s ease}label.upload-btn:hover:after{opacity:1}input[type=file]{display:none}.tips{text-align:left;font-size:1.5rem;margin-top:16px;padding:0 10px}.tips-card{background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in oklab,var(--violet) 16%,#fff 84%);border-radius:16px;padding:16px 18px;box-shadow:0 12px 30px #6b4fd314}.highlight{font-weight:700;margin-bottom:8px;display:block;letter-spacing:.02em;color:var(--charcoal)}.tips-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.tips-item{position:relative;padding-left:32px;line-height:1.35}.tips-item:before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:14px}.tips-item.good:before{background:radial-gradient(circle at 30% 30%,#a6ffcf,#30c377);box-shadow:0 6px 16px #30c37740;content:"\2714";color:#0e5a35}.tips-item.bad:before{background:radial-gradient(circle at 30% 30%,#ffd3d3,#ff6b6b);box-shadow:0 6px 16px #ff6b6b40;content:"\2716";color:#7b1b1b}.privacy{font-size:1.2rem;color:var(--muted);margin-top:16px}.result{font-size:1.4em;font-weight:700;margin-top:20px}.loading{font-size:1.4rem;padding:28px 0;font-weight:700;margin-top:14px;color:var(--muted)}.buttons{margin-top:18px}.buttons button{font-size:1rem;padding:14px 22px;display:block;margin:10px auto;border:2px solid var(--violet);background:var(--white);color:var(--charcoal);font-weight:700;border-radius:999px;cursor:pointer;max-width:360px;width:100%;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.buttons button:hover{background:color-mix(in oklab,var(--violet) 10%,white 90%);box-shadow:0 12px 28px #6b4fd32e;transform:translateY(-1px)}.buttons button:active{transform:translateY(0)}.support{margin-top:8px;font-size:.9em;color:var(--muted)}.ba{position:relative;width:100%;max-width:320px;aspect-ratio:1/1;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px #0000001f;background:#f7f7f7}.ba-img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.ba-after{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ba-after:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fff0,#ffffff26);pointer-events:none}.ba-after{clip-path:polygon(0 0,var(--pos, 50%) 0,var(--pos, 50%) 100%,0 100%)}.ba{--pos: 50%}.ba-range{z-index:3}.ba-after{z-index:1}.ba-handle{z-index:2}.ba-range{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%}.ba-handle{position:absolute;top:0;bottom:0;width:2px;background:var(--violet);box-shadow:0 0 0 2px #ffffffb3;transform:translate(-1px)}.ba-handle:after{content:"\21c6";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);background:var(--violet);border-radius:999px;padding:6px 10px;font-size:12px;box-shadow:0 10px 20px #6b4fd359}@keyframes rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media screen and (max-width: 768px){.container{padding:48px 20px 20px}.heading{font-size:24px}.subheading{font-size:.9rem}.example{max-width:280px}.ai-grid{gap:16px}.ai-grid-left,.ai-grid-right{gap:12px}label.upload-btn{max-width:280px;padding:14px 28px;font-size:1rem}.tips{font-size:.85rem;margin-top:12px}.tips-card{padding:14px 16px}.ba{max-width:280px}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:9999;width:100%}.loading-box{background:#ffffffe6;border:1px solid color-mix(in oklab,var(--violet) 16%,#fff 84%);border-radius:16px;padding:20px;width:min(420px,92%);text-align:center;box-shadow:0 20px 50px #00000026}.loading-spinner{width:52px;height:52px;border-radius:50%;border:5px solid rgba(0,0,0,.08);border-top-color:var(--violet);animation:spin 1s linear infinite;box-shadow:0 10px 24px #6b4fd340}.loading-text{margin-top:14px;font-weight:700;color:var(--charcoal)}.loading-percent{margin-top:4px;font-weight:700;color:var(--muted)}.progress{margin:10px auto 8px;height:8px;background:#eee;border-radius:999px;overflow:hidden;width:100%}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--pink))}.loading-tip{font-size:1.3rem;color:var(--muted);margin-top:6px}.loading-actions{display:flex;justify-content:center;gap:12px;margin-top:12px}.btn-ghost{background:#fff;border:1px solid var(--violet);padding:8px 14px;border-radius:999px;font-weight:700;cursor:pointer}.btn-link{background:transparent;border:none;color:var(--violet);text-decoration:underline;cursor:pointer}.back-btn{position:fixed;top:14px;left:14px;z-index:20;text-decoration:none;color:var(--charcoal);background:#fff;border:1px solid color-mix(in oklab,var(--violet) 20%,#fff 80%);padding:8px 12px;border-radius:12px;box-shadow:0 6px 14px #0000000f}@keyframes spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/upload-photo.css.map */