:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef1ff;font-synthesis:none;--text:#eef1ff;--muted:#a5b0d1;--panel:#111a34;--line:#263452;--accent:#aab4ff;--brand:#6878ff;background:#090f20;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*,:before,:after{box-sizing:border-box}body{min-width:0;margin:0}h1,h2,h3,p{margin:0}button{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}:focus-visible{outline-offset:4px;outline:2px solid #a6b4ff}ul{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}.wrap{width:min(1216px,100% - 64px);margin-inline:auto}.site{flex-direction:column;min-height:100dvh;display:flex}.main-content{flex:1;padding-block:32px 68px}.muted{color:var(--muted);line-height:1.7}.centered{place-items:center;min-height:200px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px}.skip-link{z-index:1100;background:#171f3f;padding:10px;position:fixed;top:8px;left:12px;translate:0 -150%}.skip-link:focus{translate:0}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090f20e8;position:sticky;top:0}.header-inner,.footer-inner,.header-actions,.nav,.brand{align-items:center;display:flex}.header-inner{gap:clamp(16px,3vw,42px);min-height:68px;position:relative}.brand{flex:none;gap:10px;font-size:19px;font-weight:800}.brand small{color:#a5b0d1;letter-spacing:.18em;margin-top:2px;font-size:8px;font-weight:700;display:block}.brand-mark{color:#fff;background:linear-gradient(135deg,#526aff,#a65de7);border-radius:11px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 4px 18px #5965f850}.nav{white-space:nowrap;gap:clamp(12px,2vw,26px)}.nav a{color:var(--muted);padding-block:22px;font-size:14px;position:relative}.nav a:hover,.nav a[aria-current=page]{color:#fff}.nav a[aria-current=page]:after{content:"";background:linear-gradient(90deg,#7284ff,#d67fed);border-radius:3px;height:2px;position:absolute;bottom:10px;left:0;right:0}.header-actions{white-space:nowrap;gap:12px;margin-left:auto}.search-trigger,.mobile-menu{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#131d35;border-radius:10px}.search-trigger{align-items:center;gap:8px;padding:6px 9px;display:flex}.search-trigger>span:first-child{font-size:19px;line-height:1}.search-label{font-size:12px}.search-trigger kbd{font:inherit;background:#223050;border-radius:4px;padding:2px 4px;font-size:10px}.mobile-menu{padding:6px 10px;display:none}.credit-pill{color:#ffd48d;background:#31273a;border:1px solid #624e55;border-radius:999px;padding:6px 10px;font-size:12px}.credit-pill:hover{color:#fff1cb}.site-footer{border-top:1px solid var(--line);color:var(--muted)}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:12px 20px;min-height:88px;padding-block:16px;font-size:13px}.hero{isolation:isolate;background:radial-gradient(at 80% 60%,#6264dd64,#0000 54%),radial-gradient(at 6% 0,#344c9360,#0000 48%),linear-gradient(125deg,#121d3d 10%,#171e4b 55%,#362058);border:1px solid #43518b;border-radius:25px;grid-template-columns:1.15fr 1fr;align-items:center;min-height:442px;display:grid;position:relative;overflow:hidden}.hero:before{z-index:-1;opacity:.27;pointer-events:none;content:"";background:repeating-linear-gradient(90deg,#7f90ff30 0 1px,#0000 1px 54px),repeating-linear-gradient(#7f90ff30 0 1px,#0000 1px 54px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 15%,#000 86%);mask-image:linear-gradient(90deg,#0000 15%,#000 86%)}.hero-copy{padding:clamp(24px,4vw,56px);z-index:1;padding-right:0}.eyebrow{color:#b5bfff;letter-spacing:.13em;align-items:center;gap:8px;font-size:11px;font-weight:750;display:flex}.eyebrow span{background:#a19bff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #aa83ffb0}.hero h1{letter-spacing:-.065em;margin-block:14px 16px;font-size:clamp(34px,5.4vw,68px);line-height:1.14}.hero h1 em{color:#c8b7ff;-webkit-text-fill-color:transparent;background:linear-gradient(94deg,#d5dbff,#c1a2ff 58%,#f5b3e6);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-lead{color:#c1cbed;font-size:clamp(13px,1.4vw,16px);line-height:1.85}.hero-actions,.hero-stats{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-actions{margin-top:24px}.secondary-link{align-items:center;gap:9px;padding:9px 12px;font-size:14px;display:inline-flex}.hero-stats{gap:18px;margin-top:28px}.hero-stats div{border-right:1px solid #6b75ae66;gap:2px;padding-right:18px;display:grid}.hero-stats div:last-child{border-right:0}.hero-stats strong{font-size:22px}.hero-stats span{color:#b7c3e9;font-size:11px}.hero-art{min-height:350px;margin-right:24px;position:relative}.hero-orbit{aspect-ratio:1;border:1px solid #aeb0ff44;border-radius:50%;width:85%;position:absolute;top:3%;left:2%;transform:rotateX(55deg)rotate(-20deg);box-shadow:0 0 55px #a07eff50}.art-card{background:#151b3c;border:1px solid #b3bcff69;border-radius:15px;width:38%;min-width:88px;padding:5px;position:absolute;overflow:hidden;box-shadow:0 20px 45px #0b0b2a9e}.art-card .visual{aspect-ratio:4/5;border-radius:10px}.art-card>span{color:#d6dbfa;white-space:nowrap;padding:8px 6px 4px;font-size:clamp(9px,1vw,12px);display:block}.art-back{top:6%;left:45%;rotate:13deg}.art-front{top:16%;left:12%;rotate:-12deg}.art-small{width:30%;top:49%;left:57%;rotate:9deg}.art-spark{color:#dbb7ff;font-size:44px;position:absolute;top:7%;left:26%}.quick-grid,.tool-grid,.template-grid,.works-grid,.plan-grid{gap:14px;display:grid}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.quick-card{text-align:left;color:var(--text);cursor:pointer;border:1px solid #374a7a;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:22px;display:flex;overflow:hidden}.quick-blue{background:linear-gradient(120deg,#142347,#233863)}.quick-violet{background:linear-gradient(120deg,#251d46,#40275d);border-color:#5a477c}.quick-kicker{color:#b8c5ff;letter-spacing:.11em;font-size:10px;font-weight:750}.quick-card h2{margin-top:5px;font-size:24px}.quick-card p{color:#c4cdeb;margin-block:7px 12px;font-size:13px;line-height:1.65}.quick-card strong{color:#d9e0ff;font-size:13px}.quick-icon{color:#cfceff;opacity:.7;text-shadow:0 0 30px #a694ff;flex:none;font-size:clamp(34px,6vw,74px)}.home-section{margin-top:38px;scroll-margin-top:90px}.section-head{justify-content:space-between;align-items:flex-end;gap:10px 20px;margin-bottom:14px;display:flex}.section-head h2{letter-spacing:-.035em;font-size:clamp(20px,2.6vw,28px)}.section-head p{color:var(--muted);margin-top:5px;font-size:13px}.section-head a{color:#b7c1ff;flex:none;font-size:13px}.tool-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.tool-card{text-align:left;width:100%;color:var(--text);border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.tool-card small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.tool-icon{width:38px;height:38px;color:var(--tone-light);background:var(--tone-dark);border-radius:9px;flex:none;place-items:center;font-size:20px;display:grid}.tone-blue,.visual-blue{--tone-light:#bfd6ff;--tone-mid:#6075d0;--tone-dark:#233d80}.tone-rose,.visual-rose{--tone-light:#ffd3f2;--tone-mid:#aa6099;--tone-dark:#6b2b67}.tone-cyan,.visual-cyan{--tone-light:#bcf5ef;--tone-mid:#4a969f;--tone-dark:#15505c}.tone-gold,.visual-gold{--tone-light:#ffe3b1;--tone-mid:#a67863;--tone-dark:#6a414d}.tone-violet,.visual-violet{--tone-light:#e3d7ff;--tone-mid:#8559cd;--tone-dark:#463382}.template-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.template-card,.work-cover{text-align:left;width:100%;color:var(--text);cursor:pointer;padding:0;display:block}.template-card{border:1px solid var(--line);background:var(--panel);border-radius:13px;height:100%;overflow:hidden}.tool-card:hover,.template-card:hover,.quick-card:hover{border-color:#8794e5}.template-cover,.work-cover{position:relative}.visual{isolation:isolate;aspect-ratio:1.45;background:radial-gradient(ellipse at 25% 15%, var(--tone-mid), transparent 80%), var(--tone-dark);place-items:center;display:grid;position:relative;overflow:hidden}.visual img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.visual:has(.visual-symbol):before{z-index:-1;aspect-ratio:1;content:"";border:1px solid #fff5;border-radius:31%;width:52%;position:absolute;rotate:26deg}.visual:has(.visual-symbol):after{z-index:-1;aspect-ratio:1;content:"";border:1px solid #fff5;border-radius:31%;width:52%;position:absolute;rotate:26deg}.visual:has(.visual-symbol):after{border-color:#fff3;width:78%;rotate:-17deg}.visual-symbol{color:var(--tone-light);text-shadow:0 0 36px #fff6;font-size:clamp(35px,6vw,76px);line-height:1}.template-badge,.template-spec{border-radius:5px;padding:3px 6px;font-size:10px;font-weight:750;position:absolute}.template-badge{color:#ead5ff;background:#4b2c62;top:8px;left:8px}.badge-hot{color:#ffe1ea;background:#922c59}.badge-new{color:#baf7e2;background:#0a5d51}.badge-vip{color:#ffe4a4;background:#654421}.template-spec{color:#fff;background:#090f20d9;bottom:8px;right:8px}.template-copy{gap:8px;padding:11px;font-size:13px;display:grid}.template-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:3px 7px;font-size:11px;display:flex}.template-meta span:last-child{color:#c0c9ff}.page-heading{padding:30px 0 28px}.page-heading h1{letter-spacing:-.045em;margin-block:8px;font-size:clamp(34px,5vw,55px)}.page-heading p:not(.eyebrow){color:var(--muted);line-height:1.7}.page-heading>a{margin-top:16px;display:inline-block}.split-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.studio-layout{grid-template-columns:195px minmax(0,1fr);gap:18px;display:grid}.filters{align-self:start;gap:5px;padding:14px;display:grid;position:sticky;top:86px}.filters h2{color:var(--muted);margin:10px 0 5px;font-size:12px}.filters h2:first-child{margin-top:0}.filter-option{text-align:left;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px;font-size:13px}.filter-option:hover{color:var(--text)}.filter-option[aria-pressed=true]{color:#e3e6ff;background:#242d57;border-color:#4a5687}.studio-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.category-tabs{flex-wrap:wrap;gap:3px;display:flex}.studio-results .template-grid,.works-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pagination{justify-content:center;margin-top:20px}.works-toolbar{margin-bottom:14px;overflow-x:auto}.empty-panel{padding:42px 18px}.work-card{overflow:hidden}.work-cover{background:0 0;border:0}.work-cover:disabled{cursor:default}.work-status{position:absolute;top:8px;right:0}.work-copy{padding:12px}.work-copy h2{overflow-wrap:anywhere;font-size:15px}.work-copy p{color:var(--muted);margin-block:5px 10px;font-size:12px}.work-actions{flex-wrap:wrap;gap:5px;display:flex}.membership-layout{grid-template-columns:290px minmax(0,1fr);gap:18px;display:grid}.member-column{align-content:start;gap:15px;min-width:0;display:grid}.member-panel{padding:18px}.member-panel h2{font-size:17px}.member-identity{align-items:center;gap:12px;display:flex}.member-identity p{color:var(--muted);margin-top:4px;font-size:12px}.member-avatar{background:linear-gradient(120deg,#5664dc,#9654ae);border-radius:13px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.member-stats{flex-wrap:wrap;gap:14px;margin-top:15px;display:flex}.member-stats div{background:#171f40;border-radius:10px;flex:1;min-width:88px;padding:9px 11px}.member-stats strong,.member-stats span{display:block}.member-stats strong{font-size:23px}.member-stats span{color:var(--muted);font-size:12px}.member-stats+button{margin-top:13px}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-block:13px;display:flex}.setting-row:last-child{border-bottom:0;padding-bottom:0}.setting-row strong{font-size:14px}.setting-row p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card{padding:16px;position:relative}.plan-featured{background:linear-gradient(150deg,#30224e,#191c3a);border-color:#9278df}.plan-card>.ant-tag{position:absolute;top:11px;right:3px}.plan-card h3{font-size:15px}.plan-card strong{margin-top:10px;font-size:clamp(22px,3vw,32px);display:block}.plan-card p{color:var(--muted);margin-block:4px 14px;font-size:12px}.order-list li{flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:8px;display:flex}.payment-body{justify-items:center;gap:10px;display:grid}.dialog-footer{text-align:left;justify-content:flex-end;align-items:center;gap:10px;display:flex}.dialog-footer>span{color:var(--muted);margin-right:auto;font-size:12px}.generator-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;margin-top:16px;display:grid}.generator-visual .visual{aspect-ratio:1.1;border-radius:12px}.generator-visual p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.7}.generator-fields,.field-group,.field{gap:10px;min-width:0;display:grid}.field{gap:6px}.field>span{font-weight:650}.field-group{border:0;margin:0;padding:0}.field .ant-radio-group{flex-wrap:wrap;gap:5px;display:flex}.field .ant-radio-button-wrapper{border:1px solid var(--line);border-radius:6px}.field .ant-radio-button-wrapper:before{display:none}.upload-symbol{color:var(--accent);font-size:25px}.progress-body{justify-items:center;gap:17px;padding-top:8px;display:grid}.progress-body .ant-steps{width:auto}.result-preview{gap:10px;display:grid}.result-preview .visual{aspect-ratio:auto;border-radius:10px;height:min(58vh,460px)}.result-preview .visual img{object-fit:contain}.search-results{gap:4px;max-height:52vh;margin-top:10px;display:grid;overflow:auto}.search-result{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#1b2746;border-radius:7px;justify-content:space-between;padding:8px 10px;display:flex}.search-result:hover{background:#283863}@media (width<=1100px){.search-label,.search-trigger kbd{display:none}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-results .template-grid,.works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.wrap{width:calc(100% - 36px)}.header-inner{gap:10px;min-height:60px}.header-actions{gap:7px}.mobile-menu{display:block}.nav{display:none}.nav-open{border:1px solid var(--line);background:#111a34;border-radius:10px;gap:0;width:min(260px,100%);padding:8px 15px;display:grid;position:absolute;top:100%;right:0}.nav a{padding-block:12px}.nav a[aria-current=page]:after{bottom:4px}.hero{min-height:355px}.hero-art{min-height:260px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-layout,.membership-layout{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;position:static}.filters .filter-option,.filters h2:first-child{display:none}.filters h2{margin:0}.membership-layout .member-column:first-child{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.wrap{width:calc(100% - 24px)}.main-content{padding-block:14px 38px}.header-create,.desktop{display:none}.hero{border-radius:19px;grid-template-columns:1fr;min-height:auto}.hero-copy{padding:22px 20px 0}.hero h1{font-size:clamp(36px,10.5vw,52px)}.hero-actions{margin-top:17px}.hero-stats{margin-top:19px}.hero-art{width:min(75%,295px);min-height:205px;margin:7px auto 0}.art-spark{font-size:27px}.quick-grid,.membership-layout .member-column:first-child{grid-template-columns:1fr}.quick-card{padding:15px}.quick-card h2{font-size:20px}.tool-grid,.template-grid,.studio-results .template-grid,.works-grid,.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-card{gap:7px;padding:9px;font-size:13px}.tool-icon{width:32px;height:32px}.home-section{margin-top:25px}.section-head{align-items:center;gap:8px}.section-head p{font-size:12px}.generator-grid{grid-template-columns:1fr}.generator-visual .visual{aspect-ratio:2.5}.brand{gap:7px;font-size:16px}.brand-mark{width:32px;height:32px}.page-heading{padding-block:18px}.plan-card{padding:12px}.plan-card>.ant-tag{margin-bottom:5px;position:static}}