:root{color-scheme:dark;font-family:Arial,'Microsoft YaHei',sans-serif;color:#f4edff;background:#10091d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 20%,#38204c55,transparent 55%),#10091d}button,a,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}header,footer{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 48px}header{border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:2px;font-size:19px}.muted{color:#a796be;margin-left:6px;font-weight:400}.community{font-size:10px;letter-spacing:3px;color:#baa8ca}main{max-width:1224px;margin:auto;padding:48px 0 20px}.eyebrow{font-size:10px;letter-spacing:4px;color:#bd9ae9}h1{font-size:clamp(30px,3.2vw,45px);line-height:1.3;letter-spacing:-1px;font-weight:500;margin:17px 0 15px}h1 span{color:#ba91f0}.intro p{color:#a99ab8;font-size:14px;line-height:1.7;margin:0 0 32px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px}.upload-panel,.result-panel{border:1px solid #ffffff18;border-radius:18px;background:#1a1126;overflow:hidden}.upload-panel{padding:28px}.section-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1.5px;color:#b6a6c9}.section-label span:last-child{font-size:9px;color:#a391b4}h2{font-size:23px;font-weight:500;margin:26px 0 21px}.drop{height:228px;border:1px dashed #84689e77;border-radius:10px;display:grid;place-items:center;background:#100b19;cursor:pointer;position:relative;overflow:hidden}.drop:hover,.drop.over{border-color:#cfadff;background:#221530}.drop:focus-within{outline:2px solid #d5bbff;outline-offset:3px}.drop input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.drop img{height:100%;width:100%;object-fit:contain}.drop strong,.drop small{display:block;text-align:center;font-weight:400}.drop strong{font-size:14px;margin:16px 0 10px}.drop small{font-size:11px;color:#9581a6}.upload-icon{display:block;margin:auto;width:42px;height:42px;border:1px solid #665177;border-radius:50%;text-align:center;line-height:38px;color:#cfadff;font-size:26px}.file-row{display:flex;align-items:center;justify-content:space-between;min-height:35px;color:#9b88ae;font-size:11px}.file-row>span{max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-btn{border:0;background:none;color:#d0adff;padding:8px 0;font-size:11px}.style-note{padding:19px 0 24px;display:flex;gap:14px;align-items:center}.swatches{display:flex}.swatches i{width:18px;height:29px;background:#d5b6ff;transform:skewY(-17deg)}.swatches i:nth-child(2){background:#8350bf}.swatches i:nth-child(3){background:#322869}.style-note strong,.style-note div span{display:block;font-size:10px;letter-spacing:1px}.style-note div span{margin-top:7px;color:#a292b1;font-size:11px;letter-spacing:0}.lock{margin-left:auto;font-size:10px;color:#9f8aaa}.generate{width:100%;border:0;border-radius:8px;background:#c1a0ed;color:#251338;font-size:14px;font-weight:bold;text-align:left;padding:19px 21px;display:flex;justify-content:space-between}.generate:hover:enabled{background:#d6b8ff}.generate:disabled{opacity:.5;cursor:not-allowed}.status{min-height:18px;font-size:12px;line-height:1.5;color:#c6b2dd;margin:15px 0}.privacy{font-size:10px;line-height:1.8;color:#887797;margin:0}.result-panel{background:#1d112d;display:flex;flex-direction:column}.result-panel>.section-label{padding:28px}#badge{background:#352246;border:1px solid #6d4785;border-radius:20px;padding:4px 9px;margin-top:-5px}.art{aspect-ratio:1;position:relative;margin:0 28px;background:radial-gradient(circle,#734083,#211333);border-radius:10px;overflow:hidden}.art>img{width:100%;height:100%;object-fit:cover;display:block}.result-bottom{padding:23px 28px;display:flex;gap:14px;align-items:center;justify-content:space-between}.result-bottom strong{display:block;font-size:10px;letter-spacing:2px;font-weight:500}.result-bottom div>span{display:block;font-size:10px;color:#a593b5;margin-top:9px}.download{border:1px solid #9871bc;border-radius:6px;padding:12px;white-space:nowrap;font-size:11px;color:#dec5fb}.loading{position:absolute;inset:0;background:#130a23d9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;backdrop-filter:blur(9px)}.loading strong{font-size:16px;font-weight:400}.loading span{font-size:11px;color:#bba6d0}.spinner{height:38px;width:38px;border:1px solid #694382;border-top:2px solid #e6bfff;transform:rotate(45deg);animation:spin 1.5s linear infinite}.details{display:flex;justify-content:center;gap:50px;padding:35px 0 15px;font-size:10px;color:#765b93}.details b{font-size:11px;font-weight:400;color:#b5a3c6;margin-left:10px}footer{font-size:9px;letter-spacing:1px;color:#766786;border-top:1px solid #ffffff10;margin-top:20px;padding-top:22px;padding-bottom:22px}button:focus-visible,a:focus-visible{outline:2px solid #d8b5ff;outline-offset:4px}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(405deg)}}@media(max-width:1320px){main{padding:40px 40px 20px}}@media(max-width:760px){header,footer{padding:22px}.community{display:none}main{padding:30px 20px 10px}.workspace{grid-template-columns:1fr;gap:20px}.intro p{font-size:12px}h1{font-size:31px}.upload-panel{padding:22px}.result-panel>.section-label{padding:23px}.art{margin:0 22px}.details{gap:15px;flex-wrap:wrap}.details b{margin-left:5px;font-size:10px}footer{align-items:flex-start;gap:20px;line-height:1.8}footer>span:last-child{text-align:right}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}