:root{--bg:#fbfbfd;--bg2:#f2f2f5;--card:#ffffff;--soft:#f5f5f7;--soft2:#ececf0;--ink:#1d1d1f;--ink2:#6e6e73;--ink3:#8e8e93;--line:#e7e7ec;--line2:#d6d6db;--pri:#0071e3;--pri-d:#0062c4;--pri-soft:#eaf3fe;--pri-ink:#0071e3;--pink:#0071e3;--indigo:#5e5ce6;--amber:#ff9f0a;--amber2:#ff8000;--ok:#34c759;--warn:#ff9f0a;--red:#ff3b30;--r-sm:11px;--r:17px;--r-lg:24px;--ring:0 0 0 4px color-mix(in srgb,var(--pri) 20%,transparent);--sh:0 .5px 1.5px rgba(0,0,0,.04),0 6px 18px rgba(18,20,40,.06);--sh-md:0 2px 6px rgba(0,0,0,.05),0 14px 34px rgba(18,20,40,.09);--sh2:0 24px 70px rgba(15,18,40,.2)}:root[data-theme=dark]{--bg:#000000;--bg2:#0b0b0d;--card:#1c1c1e;--soft:#2c2c2e;--soft2:#3a3a3c;--ink:#f5f5f7;--ink2:#a1a1a6;--ink3:#8e8e93;--line:#38383a;--line2:#48484a;--pri:#0a84ff;--pri-d:#0a84ff;--pri-soft:#0a2842;--pri-ink:#409cff;--pink:#0a84ff;--indigo:#5e5ce6;--amber:#ff9f0a;--amber2:#ff8000;--ok:#30d158;--warn:#ff9f0a;--red:#ff453a;--ring:0 0 0 4px color-mix(in srgb,var(--pri) 32%,transparent);--sh:0 .5px 1.5px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.44);--sh-md:0 2px 8px rgba(0,0,0,.5),0 16px 40px rgba(0,0,0,.5);--sh2:0 24px 70px rgba(0,0,0,.72)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#000000;--bg2:#0b0b0d;--card:#1c1c1e;--soft:#2c2c2e;--soft2:#3a3a3c;--ink:#f5f5f7;--ink2:#a1a1a6;--ink3:#8e8e93;--line:#38383a;--line2:#48484a;--pri:#0a84ff;--pri-d:#0a84ff;--pri-soft:#0a2842;--pri-ink:#409cff;--pink:#0a84ff;--indigo:#5e5ce6;--amber:#ff9f0a;--amber2:#ff8000;--ok:#30d158;--warn:#ff9f0a;--red:#ff453a;--ring:0 0 0 4px color-mix(in srgb,var(--pri) 32%,transparent);--sh:0 .5px 1.5px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.44);--sh-md:0 2px 8px rgba(0,0,0,.5),0 16px 40px rgba(0,0,0,.5);--sh2:0 24px 70px rgba(0,0,0,.72)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input,select{font-family:inherit}.mono{font-family:ui-monospace,Menlo,monospace}.hide{display:none!important}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;padding:9px 15px;background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;min-width:0}.brand .ic{font-size:22px;filter:drop-shadow(0 2px 4px rgba(124,92,255,.35))}.brand-logo{width:36px;height:36px;border-radius:10px;object-fit:cover;flex:none;box-shadow:0 2px 6px #0000001f}.foot-logo{width:16px;height:16px;border-radius:4px;vertical-align:-3px;margin-right:5px;display:inline-block}.modal-logo{width:46px;height:46px;border-radius:12px;display:block;margin:0 auto 8px;box-shadow:0 3px 10px #00000024}.brand b{font-size:15.5px;font-weight:800;letter-spacing:-.01em}.brand small{display:block;color:var(--ink2);font-size:11px;margin-top:-1px}.seg{display:none;background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:3px}.seg.show{display:inline-flex}.seg button{border:none;background:none;color:var(--ink2);padding:6px 13px;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer}.seg button.on{background:var(--card);color:var(--pri-ink);box-shadow:0 1px 3px #0000001f}.sp{flex:1}.gbtn{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:8px 12px;border-radius:10px;font-size:13px;cursor:pointer;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.gbtn:hover{border-color:var(--pri);color:var(--pri-ink)}.gbtn.icon{padding:8px 10px}.pbtn{border:none;background:linear-gradient(120deg,var(--pri),var(--pink));color:#fff;padding:9px 15px;border-radius:10px;font-size:13px;cursor:pointer;font-weight:700;white-space:nowrap}.pbtn:hover{filter:brightness(1.05)}.pbtn:disabled,.gbtn:disabled{opacity:.4;cursor:not-allowed}.wrap{max-width:1280px;margin:0 auto;padding:18px 16px 40px}.hero{display:grid;grid-template-columns:1fr 330px;gap:16px}.dropbig{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);min-height:380px;display:flex;flex-direction:column;padding:16px;gap:12px}.dz{flex:1;border:2px dashed var(--line2);border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center;color:var(--ink2);padding:26px;transition:.15s;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--pri-soft) 40%,transparent))}.dz:hover,.dz.over{border-color:var(--pri);background:var(--pri-soft)}.dz .big{font-size:46px;margin-bottom:12px;filter:drop-shadow(0 4px 10px rgba(124,92,255,.25))}.dz h2{margin:0 0 5px;font-size:18px;color:var(--ink)}.dz p{margin:0;font-size:12.5px;max-width:340px}.blankcard{border:1px solid var(--line);border-radius:13px;padding:13px 15px;display:flex;align-items:center;gap:13px;background:var(--soft)}.blankcard .bi{font-size:26px}.blankcard b{font-size:14px}.blankcard div small{color:var(--ink2);font-size:12px;display:block}.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:16px}.side .card+.card{margin-top:14px}.side h3{margin:0 0 12px;font-size:14px;display:flex;align-items:center;gap:7px}.qb{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:var(--soft);color:var(--ink);border:1px solid var(--line);padding:11px 13px;border-radius:11px;font-size:13.5px;font-weight:600;cursor:pointer;margin-bottom:9px}.qb:last-child{margin-bottom:0}.qb:hover{border-color:var(--pri);color:var(--pri-ink)}.qb.pri{background:linear-gradient(120deg,var(--pri),var(--pink));color:#fff;border:none;justify-content:center;font-weight:700}.qb .e{font-size:16px}.section{margin-top:20px}.showcase{text-align:center}.showcase h3{margin:0 0 4px;font-size:17px}.showcase .s{color:var(--ink2);font-size:13px;margin:0 0 16px}.ba{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}.ba .t{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:12px;width:190px}.ba canvas{width:166px;height:166px;image-rendering:pixelated;border-radius:10px;background:#fff}.ba .t span{display:block;font-size:12px;color:var(--ink2);margin-top:8px}.ba .arrow{font-size:26px;color:var(--pri)}.feat h3{text-align:center;margin:0 0 4px;font-size:18px}.feat .s{text-align:center;color:var(--ink2);font-size:13px;margin:0 0 18px}.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.fcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--sh)}.fcard .fi{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:19px;background:var(--pri-soft);color:var(--pri-ink);margin-bottom:10px}.fcard b{font-size:14.5px}.fcard p{margin:6px 0 0;color:var(--ink2);font-size:12.5px;line-height:1.65}.gen{display:grid;gap:15px}@media(min-width:1000px){.gen{grid-template-columns:1fr 372px;grid-template-areas:"canvas ctrl" "list ctrl";align-items:start}.controls{grid-area:ctrl;position:sticky;top:68px;max-height:calc(100vh - 82px);overflow:auto;padding-right:2px}.canvasCard{grid-area:canvas;min-width:0}.legend{grid-area:list;min-width:0}}.cvwrap{max-width:100%}.canvasCard{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:13px}.infobar{display:flex;flex-wrap:wrap;gap:6px 15px;font-size:12.5px;color:var(--ink2);margin-bottom:11px}.infobar b{color:var(--ink)}.cvbar{display:flex;gap:6px;margin-bottom:11px;align-items:center;flex-wrap:wrap}.cvbar .z{border:1px solid var(--line);background:var(--soft);width:33px;height:33px;border-radius:9px;font-size:17px;cursor:pointer;font-weight:700;color:var(--ink)}.cvbar .z:hover{border-color:var(--pri);color:var(--pri-ink)}.cvbar .tname{font-size:12px;color:var(--ink2);margin-left:4px}.cvwrap{overflow:auto;border:1px solid var(--line);border-radius:12px;max-height:78vh;min-height:70vh;position:relative;display:flex;align-items:safe center;justify-content:safe center;background:conic-gradient(from 0deg,var(--soft2) 0 25%,transparent 0 50%,var(--soft2) 0 75%,transparent 0) 0 0/22px 22px;touch-action:auto}.cvwrap.draw{touch-action:none;cursor:crosshair}.cvov{position:absolute;left:0;top:0;pointer-events:none;z-index:2}.hoverchip{position:fixed;z-index:95;display:none;align-items:center;gap:7px;background:#14161eeb;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;border-radius:9px;pointer-events:none;box-shadow:0 6px 20px #00000047;white-space:nowrap}.hoverchip.on{display:flex}.hoverchip .hc-sw{width:14px;height:14px;border-radius:4px;border:1px solid rgba(255,255,255,.45);flex:none}.cvwrap canvas.main{display:block;image-rendering:pixelated}.cvwrap .trace{position:absolute;left:0;top:0;pointer-events:none;image-rendering:auto;opacity:.4;display:none}.lock{position:absolute;top:9px;right:9px;background:#0a0c14b8;color:#ffd479;font-size:12px;padding:5px 11px;border-radius:100px;pointer-events:none}.controls{display:flex;flex-direction:column;gap:14px}.pcard{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:16px}.pcard-h{display:flex;align-items:center;font-size:14px;font-weight:800;margin-bottom:13px}.pcard-h .cur{margin-left:auto;font-size:11.5px;color:var(--ink3);font-weight:600}.fld{display:block;font-size:12px;color:var(--ink2);font-weight:600;margin:13px 0 6px}.fld:first-child{margin-top:0}.segbig{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segbig button{border:1px solid var(--line);background:var(--soft);color:var(--ink2);padding:11px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer}.segbig button.on{background:var(--pri);color:#fff;border-color:var(--pri)}.selbox{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font-size:13.5px;font-weight:600;cursor:pointer}.toolflat{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.tbtn{border:1px solid var(--line);background:var(--soft);border-radius:9px;padding:9px 6px;font-size:12px;font-weight:600;cursor:pointer;color:var(--ink);text-align:center}.tbtn:hover{border-color:var(--pri);color:var(--pri-ink)}.tbtn.on{border-color:var(--pri);background:var(--pri-soft);color:var(--pri-ink)}h4{margin:4px 0 9px;font-size:11.5px;color:var(--ink3);letter-spacing:.04em;font-weight:800;text-transform:uppercase}.modes{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:13px}.mode{border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:10px 6px;font-size:12.5px;text-align:center;cursor:pointer;font-weight:600;color:var(--ink2)}.mode.on{border-color:var(--pri);background:var(--pri-soft);color:var(--pri-ink)}.mode small{display:block;font-size:10.5px;opacity:.75;font-weight:500}.rowc{display:flex;align-items:center;gap:10px;margin:11px 0}.rowc label{flex:1;color:var(--ink2);font-size:13px}.rowc input[type=range]{flex:1;accent-color:var(--pri)}.rowc .v{width:52px;text-align:right;font-size:13px;font-weight:600}.rowc .num{width:64px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font-size:13px}.rowc select{flex:1;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font-size:13px}.presets{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.chip{border:1px solid var(--line);background:var(--soft);color:var(--ink2);padding:6px 12px;border-radius:100px;font-size:12px;cursor:pointer;font-weight:600}.chip.on,.chip:hover{border-color:var(--pri);color:var(--pri-ink);background:var(--pri-soft)}.sw{display:flex;align-items:center;gap:9px;margin:11px 0;cursor:pointer;font-size:13px;color:var(--ink)}.sw input{accent-color:var(--pri);width:17px;height:17px}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.tool{border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:9px 2px;font-size:11px;text-align:center;cursor:pointer;font-weight:600;color:var(--ink2)}.tool.on{border-color:var(--pri);background:var(--pri-soft);color:var(--pri-ink)}.tool .i{font-size:17px;display:block;margin-bottom:2px}.curcolor{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;cursor:pointer;margin-bottom:11px}.curcolor .sw2{width:32px;height:32px;border-radius:8px;border:1px solid rgba(0,0,0,.15)}.curcolor b{font-size:13.5px}.curcolor small{color:var(--ink2);display:block;font-size:11px}.br2{display:grid;grid-template-columns:1fr 1fr;gap:7px}.actbtn{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:11px 8px;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:6px}.actbtn:hover{border-color:var(--pri);color:var(--pri-ink)}.actbtn.wide{grid-column:1/-1}.actbtn.solid{background:linear-gradient(120deg,var(--pri),var(--pink));color:#fff;border:none}.tiergrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:6px}.tierc{border:1px solid var(--line);background:var(--soft);border-radius:9px;padding:8px 2px;text-align:center;cursor:pointer;font-weight:700;font-size:14px;color:var(--ink)}.tierc.on{border-color:var(--pri);background:var(--pri-soft);color:var(--pri-ink)}.tierc small{display:block;font-weight:500;font-size:10px;color:var(--ink3)}.legend h3{margin:0 0 3px;font-size:15px}.legend .sub{color:var(--ink2);font-size:12.5px;margin-bottom:12px}.lgrid{display:flex;flex-direction:column;gap:7px}.li{display:flex;align-items:center;gap:10px;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:13px}.li .c{width:22px;height:22px;border-radius:6px;border:1px solid rgba(0,0,0,.15);flex:none;cursor:pointer}.li .cd{font-weight:700}.li .ct{color:var(--ink2)}.li .act{margin-left:auto;display:flex;gap:5px}.li .mini{width:27px;height:27px;border:1px solid var(--line);background:var(--card);border-radius:7px;cursor:pointer;font-size:13px;color:var(--ink3);display:inline-flex;align-items:center;justify-content:center;padding:0}.li .mini:hover{color:var(--pri-ink);border-color:var(--pri)}.li.hl{outline:2px solid var(--pri);outline-offset:1px}.foot{text-align:center;color:var(--ink3);font-size:12px;padding:26px 12px;line-height:1.9;border-top:1px solid var(--line);margin-top:26px}.foot a{color:var(--ink2);text-decoration:none}.foot a:hover{color:var(--pri-ink)}.mask{position:fixed;inset:0;background:#080a148c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;z-index:80;padding:14px}.mask.on{display:flex}.modal{background:var(--card);border-radius:19px;max-width:460px;width:100%;padding:23px;position:relative;box-shadow:var(--sh2);max-height:90vh;overflow:auto}.htab{display:flex;gap:7px;margin:14px 0 16px}.htab button{flex:1;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:9px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer}.htab button.on{background:var(--pri);color:#fff;border-color:var(--pri)}.hbody.hide{display:none}.hstep{display:flex;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line)}.hstep:last-child{border-bottom:none}.hstep .n{width:26px;height:26px;border-radius:50%;background:var(--pri);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none}.hstep b{font-size:14.5px;color:var(--ink)}.hstep p{margin:4px 0 0;font-size:12.5px;color:var(--ink2);line-height:1.6}.hsec{margin-bottom:13px}.hsec h4{font-size:13.5px;margin:0 0 4px;color:var(--ink);font-weight:700;display:flex;align-items:center;gap:6px}.hsec p{margin:0;font-size:12.5px;color:var(--ink2);line-height:1.65}.modal.big{max-width:640px}.modal h2{margin:0 0 4px;font-size:19px}.modal .lead{color:var(--ink2);font-size:13px;margin:0 0 16px}.x{position:absolute;top:15px;right:17px;border:none;background:none;font-size:23px;color:var(--ink3);cursor:pointer;line-height:1}.kbox{display:flex;gap:8px;margin-bottom:12px}.kbox input{flex:1;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;font-size:14px;background:var(--card);color:var(--ink)}.kbox input:focus{outline:none;border-color:var(--pri)}.tiers{display:grid;gap:8px;margin-bottom:14px}.tier{border:1.5px solid var(--line);border-radius:13px;padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer}.tier.on{border-color:var(--pri);background:var(--pri-soft)}.tier .p{font-size:21px;font-weight:800;color:var(--pri-ink)}.tier .p small{font-size:11px;color:var(--ink2);font-weight:500}.tier .d{flex:1}.tier .d b{font-size:14px}.tier .d div{color:var(--ink2);font-size:12px}.tier .tag{font-size:11px;color:var(--amber);border:1px solid var(--amber);border-radius:100px;padding:2px 8px}.wxbtn{display:block;width:100%;background:linear-gradient(120deg,var(--amber),var(--amber2));color:#fff;border:none;padding:12px;border-radius:11px;font-weight:700;font-size:14px;cursor:pointer}.note{font-size:11px;color:var(--ink2);margin-top:13px;border-top:1px solid var(--line);padding-top:12px;line-height:1.7}.note code{background:var(--soft);padding:1px 5px;border-radius:4px}.pktabs{display:flex;gap:6px;margin-bottom:10px}.pktabs button{flex:1;border:1px solid var(--line);background:var(--soft);color:var(--ink2);padding:8px;border-radius:9px;font-size:12.5px;font-weight:600;cursor:pointer}.pktabs button.on{border-color:var(--pri);background:var(--pri-soft);color:var(--pri-ink)}.pkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:5px;max-height:50vh;overflow:auto;padding:2px}.pk{aspect-ratio:1;border-radius:6px;border:1px solid rgba(0,0,0,.14);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;line-height:1;letter-spacing:-.2px;overflow:hidden;text-align:center}.pk.on{outline:2px solid var(--pri);outline-offset:1px}.pksearch{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;margin-bottom:10px;font-size:13px;background:var(--card);color:var(--ink)}.pmbar{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap;align-items:center}.pmbar .cnt{font-size:12.5px;color:var(--ink2);margin-left:auto}.pmseries{max-height:46vh;overflow:auto;border:1px solid var(--line);border-radius:11px;padding:4px}.pmgroup{margin-bottom:7px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.pmghead{display:flex;align-items:center;gap:9px;padding:11px 13px;cursor:pointer;font-size:13px;color:var(--ink)}.pmghead:hover{background:var(--soft)}.pmghead b{font-weight:700}.pmgc{color:var(--ink3);font-weight:500;font-size:12px}.pmgsel{color:var(--pri-ink);font-weight:600;font-size:11.5px}.pmg-all,.pmg-none{font-size:12px;font-weight:600;cursor:pointer;padding:3px 5px;border-radius:6px}.pmg-all{color:#16a34a}.pmg-all:hover{background:#16a34a1f}.pmg-none{color:#e0483d}.pmg-none:hover{background:#e0483d1f}.pmchev{width:16px;height:16px;transition:transform .18s;color:var(--ink3);flex:none}.pmgroup.open .pmchev{transform:rotate(180deg)}.pmcells{display:none;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:5px;padding:4px 11px 12px}.pmgroup.open .pmcells{display:grid}.pmtabs{display:flex;gap:7px;flex-wrap:wrap;margin:6px 0}.pmtab{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer}.pmtab.on{background:var(--pri);color:#fff;border-color:var(--pri)}.pminfo{background:var(--pri-soft);color:var(--pri-ink);font-size:12px;line-height:1.55;padding:9px 12px;border-radius:10px;margin:11px 0}.pmc{aspect-ratio:1;border-radius:6px;border:1px solid rgba(0,0,0,.14);cursor:pointer;position:relative;opacity:.32;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;line-height:1;letter-spacing:-.2px;overflow:hidden;text-align:center}.pmc.on{opacity:1;outline:2px solid var(--pri);outline-offset:-1px}.fsroot{position:fixed;inset:0;z-index:70;background:var(--bg);display:none}.fsroot.on{display:block}.fsstage{position:absolute;inset:0;overflow:auto;display:flex;align-items:safe center;justify-content:safe center;background:conic-gradient(from 0deg,var(--soft2) 0 25%,transparent 0 50%,var(--soft2) 0 75%,transparent 0) 0 0/22px 22px}.fsglass{background:color-mix(in srgb,var(--card) 80%,transparent);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);box-shadow:0 12px 40px #0f12282e,0 0 0 1px color-mix(in srgb,var(--line) 55%,transparent)}.fstop{position:absolute;top:calc(12px + env(safe-area-inset-top));left:14px;right:14px;z-index:4;display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:19px}.fstop .grow{flex:1;text-align:center;font-size:12.5px;font-weight:600;color:var(--ink2)}.fsic{width:38px;height:38px;border:none;background:transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);padding:0;transition:.12s}.fsic:hover:not(:disabled){color:var(--pri-ink);background:color-mix(in srgb,var(--pri) 14%,transparent)}.fsic:active:not(:disabled){transform:scale(.92)}.fsic:disabled{opacity:.3;cursor:not-allowed}.fsic.on{background:var(--pri-soft);color:var(--pri-ink)}.fsic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fsdiv{width:1px;height:20px;background:var(--line);margin:0 2px}.fsfloat{position:absolute;left:50%;transform:translate(-50%);z-index:4}.fsbottom{bottom:calc(18px + env(safe-area-inset-bottom));display:flex;gap:4px;padding:6px;border-radius:22px;max-width:calc(100vw - 24px);overflow-x:auto}.fspill{border:none;background:transparent;border-radius:100px;padding:9px 15px;font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.12s}.fspill:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}.fspill:active{transform:scale(.95)}.fspill.on{background:var(--pri);color:#fff}.bszctl{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:100px;font-size:12px;font-weight:600;color:var(--ink)}.bszic{width:15px;height:15px;color:var(--ink3);margin-right:1px}.bszctl button{width:24px;height:24px;border:1px solid var(--line);background:var(--card);border-radius:7px;font-size:15px;font-weight:700;cursor:pointer;color:var(--ink);line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0}.bszctl button:active{transform:scale(.9)}.bszctl b{min-width:12px;text-align:center;font-size:13px}.fspanel{bottom:calc(80px + env(safe-area-inset-bottom));display:none;padding:16px 17px;border-radius:20px;min-width:250px;max-width:calc(100vw - 28px)}.fspanel.on{display:block}.fspanel .ph{font-size:13.5px;font-weight:800;margin-bottom:12px}.fspanel .mrow{display:grid;grid-template-columns:1fr 1fr;gap:7px}.fsdrawer{bottom:calc(80px + env(safe-area-inset-bottom));display:none;gap:7px;flex-wrap:wrap;align-items:center;justify-content:center;padding:12px;border-radius:20px;max-width:calc(100vw - 28px)}.fsdrawer.on{display:flex}.fsstep{width:34px;height:34px;border:1px solid var(--line);background:var(--card);border-radius:10px;font-size:17px;font-weight:700;cursor:pointer;color:var(--ink);display:inline-flex;align-items:center;justify-content:center}.fsstep:active{transform:scale(.92)}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:11px 20px;border-radius:12px;font-weight:600;z-index:90;display:none;box-shadow:var(--sh2);max-width:90vw;text-align:center;font-size:13px}.cropstage{position:relative;width:100%;aspect-ratio:1;background:var(--soft);border-radius:13px;overflow:hidden;touch-action:none;cursor:move}.cropstage canvas{position:absolute;left:0;top:0}.cropframe{position:absolute;inset:0;box-shadow:0 0 0 2000px #080a146b;border:2px solid #fff;pointer-events:none}@media(max-width:999px){.hero{grid-template-columns:1fr}.brand small{display:none}.fgrid{grid-template-columns:1fr 1fr}.wrap{padding:12px}.tabpane{padding:14px}.hideM{display:none!important}.gen{grid-template-columns:1fr}.controls{position:static;max-height:none}}@media(max-width:560px){.fgrid{grid-template-columns:1fr}.tools{grid-template-columns:repeat(3,1fr)}}.wrap{max-width:1180px;padding:22px 20px 48px}.topbar{padding:10px 20px;background:color-mix(in srgb,var(--card) 72%,transparent);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);border-bottom:.5px solid var(--line)}.brand b{letter-spacing:-.02em;font-weight:700}.brand .ic{filter:drop-shadow(0 2px 5px rgba(0,113,227,.25))}.seg{background:var(--soft2);border:none;border-radius:11px;padding:2px}.seg button{font-weight:600}.seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #00000024,0 0 0 .5px #0000000a}.gbtn{border-radius:12px;transition:transform .12s,background .15s,border-color .15s,color .15s;box-shadow:0 1px 1px #00000008}.gbtn:hover:not(:disabled){background:var(--soft);border-color:var(--line2);color:var(--ink)}.gbtn:active:not(:disabled){transform:scale(.96)}.pbtn{background:var(--pri);border-radius:12px;box-shadow:none;letter-spacing:-.01em;transition:transform .12s,background .15s,filter .15s}.pbtn:hover:not(:disabled){background:var(--pri-d);filter:none}.pbtn:active:not(:disabled){transform:scale(.96)}.buy{background:linear-gradient(120deg,var(--amber),var(--amber2))}.actbtn,.tbtn,.chip,.mode,.tool,.qb,.tierc,.tier,.pk,.pmc,.li{transition:transform .12s,background .15s,border-color .15s,color .15s,box-shadow .15s}.actbtn{border-radius:12px}.actbtn.solid,.qb.pri{background:var(--pri)}.actbtn:active,.tbtn:active,.qb:active,.mode:active,.tool:active,.tierc:active{transform:scale(.97)}.chip{border-radius:100px}.mode,.tool,.tbtn,.tierc{border-radius:12px}.selbox,.num,.pksearch,.kbox input,input[type=number],input[type=text]{border-radius:var(--r-sm);transition:border-color .15s,box-shadow .15s}.selbox:focus,.num:focus,.pksearch:focus,.kbox input:focus,input[type=number]:focus,input[type=text]:focus{outline:none;border-color:var(--pri);box-shadow:var(--ring)}button:focus-visible,.mode:focus-visible,.tool:focus-visible,.chip:focus-visible,.tierc:focus-visible{outline:none;box-shadow:var(--ring)}.sw{gap:11px}.sw input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:42px;height:25px;min-width:42px;border-radius:100px;background:var(--line2);cursor:pointer;flex:none;margin:0;transition:background .2s}.sw input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000047,0 1px 1px #0000001f;transition:transform .2s,width .12s}.sw input[type=checkbox]:checked{background:var(--ok)}.sw input[type=checkbox]:checked:after{transform:translate(17px)}.sw input[type=checkbox]:active:after{width:24px}input[type=range]{-webkit-appearance:none;appearance:none;height:5px;border-radius:100px;background:var(--soft2);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000038,0 0 0 .5px #0000000f;cursor:pointer;transition:transform .1s}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.12)}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000038}.card,.dropbig,.canvasCard,.pcard,.fcard,.legend{border-radius:var(--r-lg);box-shadow:var(--sh)}.fcard{transition:transform .22s,box-shadow .22s}.fcard:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.modal{border-radius:26px;box-shadow:var(--sh2)}.mask{background:#00000052}.blankcard,.li,.dz{border-radius:14px}.pcard-h{cursor:pointer;-webkit-user-select:none;user-select:none}.pcard-h:after{content:"";width:8px;height:8px;border-right:2px solid var(--ink3);border-bottom:2px solid var(--ink3);border-radius:1px;transform:rotate(45deg);margin:-3px 0 0 auto;transition:transform .22s;flex:none}.pcard-h .cur{margin-right:9px}.pcard.collapsed .pcard-h:after{transform:rotate(-45deg);margin-top:2px}.pcard.collapsed .pcard-h{margin-bottom:0}.pcard.collapsed>:not(.pcard-h){display:none}.card,.dropbig,.canvasCard,.pcard,.fcard,.legend,.modal{border:.5px solid rgba(0,0,0,.06)}:root[data-theme=dark] .card,:root[data-theme=dark] .dropbig,:root[data-theme=dark] .canvasCard,:root[data-theme=dark] .pcard,:root[data-theme=dark] .fcard,:root[data-theme=dark] .legend,:root[data-theme=dark] .modal,:root[data-theme=dark] .fsglass{border-color:#ffffff17}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .card,:root:not([data-theme=light]) .dropbig,:root:not([data-theme=light]) .canvasCard,:root:not([data-theme=light]) .pcard,:root:not([data-theme=light]) .fcard,:root:not([data-theme=light]) .legend,:root:not([data-theme=light]) .modal,:root:not([data-theme=light]) .fsglass{border-color:#ffffff17}}:root[data-theme=dark] .selbox,:root[data-theme=dark] .num,:root[data-theme=dark] .tool,:root[data-theme=dark] .curcolor,:root[data-theme=dark] .kbox input,:root[data-theme=dark] .blankcard,:root[data-theme=dark] .li{background:var(--soft2)}.wxbtn{background:#07c160}.tier .tag{color:var(--ink2);border-color:var(--line2)}.dz h2{font-size:26px;font-weight:700;letter-spacing:-.022em;color:var(--ink)}.dz p{max-width:320px;line-height:1.55;word-break:keep-all;text-wrap:balance}.showcase h3,.feat h3{font-size:26px;font-weight:700;letter-spacing:-.02em}.showcase .s,.feat .s{font-size:15px;color:var(--ink2);line-height:1.5}.section{margin-top:38px}.pcard-h{font-size:15.5px;font-weight:700;letter-spacing:-.01em}.fld{font-size:12px;font-weight:500;color:var(--ink3);letter-spacing:0}.brand .ic{filter:drop-shadow(0 2px 5px rgba(0,113,227,.22))}.dz .big{filter:drop-shadow(0 4px 10px rgba(0,113,227,.16))}.topbar .gbtn{box-shadow:none;border-color:transparent;background:transparent}.topbar .gbtn:hover:not(:disabled){background:var(--soft);border-color:transparent}.ic{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.tool .ic{width:22px;height:22px;display:block;margin:0 auto 3px}.tbtn .ic,.actbtn .ic,.pbtn .ic,.gbtn .ic{width:16px;height:16px;vertical-align:-.16em}.qb .ic{width:18px;height:18px}.fcard .fi .ic{width:21px;height:21px}.fspill .ic{width:15px;height:15px;vertical-align:-.12em}.side h3 .ic{width:16px;height:16px;vertical-align:-.14em}.railb .ic,.psec .ic{stroke-width:1.6}body.editing .wrap{max-width:none;padding:0}body.editing .foot{display:none}.editor{display:grid;grid-template-columns:78px 322px minmax(0,1fr);height:calc(100dvh - 55px)}.rail{background:var(--card);border-right:.5px solid var(--line);display:flex;flex-direction:column;gap:3px;padding:12px 9px;overflow-y:auto}.railb{border:none;background:transparent;color:var(--ink2);border-radius:13px;padding:11px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;font-weight:600;transition:transform .12s,background .15s,color .15s}.railb .ic{width:22px;height:22px}.railb:hover{background:var(--soft);color:var(--ink)}.railb:active{transform:scale(.94)}.railb.on{background:var(--pri-soft);color:var(--pri-ink)}.panel{background:var(--card);border-right:.5px solid var(--line);overflow-y:auto;padding:20px 18px;position:relative}.psec{display:none}.psec.on{display:block}.psec-h{display:flex;align-items:center;font-size:16px;font-weight:700;letter-spacing:-.012em;margin:2px 0 16px;color:var(--ink)}.psec-h .cur{margin-left:auto;font-size:11.5px;font-weight:600;color:var(--ink3)}.panelclose{display:none}.stage{position:relative;overflow:hidden;display:flex;flex-direction:column;background:var(--bg2)}.stagebar{display:flex;align-items:center;gap:7px;padding:9px 15px;border-bottom:.5px solid var(--line);background:var(--card);font-size:12.5px;color:var(--ink2)}.stagebar .info b{color:var(--ink)}.stagebar .z{width:30px;height:30px;font-size:16px}.stagebar .tname{font-size:12px;color:var(--ink3);margin-left:2px}.stage .cvwrap{flex:1;min-height:0;max-height:none;border:none;border-radius:0}@media(max-width:999px){.editor{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);height:calc(100dvh - 52px)}.stage{grid-row:1}.rail{position:fixed;inset:auto 0 0;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:none;border-top:.5px solid var(--line);padding:7px 8px 9px;gap:2px;z-index:34;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);justify-content:space-around}.railb{flex:1 0 auto;min-width:52px;padding:6px 4px;border-radius:11px;gap:3px;font-size:10.5px}.railb .ic{width:20px;height:20px}.panel{position:fixed;inset:auto 0 0;max-height:68vh;border-right:none;border-top:.5px solid var(--line);border-radius:22px 22px 0 0;transform:translateY(106%);transition:transform .26s cubic-bezier(.32,.72,0,1);z-index:35;box-shadow:0 -12px 44px #0003;padding-bottom:84px}.panel.open{transform:translateY(0)}.panelclose{display:flex;align-items:center;justify-content:center;position:absolute;top:12px;right:14px;width:30px;height:30px;border:none;background:var(--soft);border-radius:50%;font-size:15px;color:var(--ink2);cursor:pointer;z-index:2}.topbar{padding:8px 11px;gap:6px}.brand b{white-space:nowrap}.brand .ic{font-size:20px}#modeSeg{display:none!important}.topbar #btnDl{display:none}.stagebar{padding:8px 11px;gap:6px;flex-wrap:wrap}.stagebar .tname{display:none}.stagebar .info{flex:1 1 100%;order:-1;font-size:12px;line-height:1.35;white-space:normal;color:var(--ink2)}.stagebar>span[style*="flex:1"]{display:none}.stagebar #btnFs2{display:none}.stagebar #btnListQuick,.stagebar #btnDlMain{flex:1 1 auto;justify-content:center}}.hero2{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:620px;margin:0 auto;padding:24px;min-height:calc(100vh - 70px);gap:15px}.hero-head,.hero-proof,.hero-upload{width:100%}.hero-upload .dz2{max-width:560px;margin:0 auto;padding:26px 22px}.hero-trust{font-size:12.5px;color:var(--ink3);margin:13px 0 8px;text-align:center}.proofcard{background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:0 24px 60px #0f122821;padding:18px}.proof-img{width:100%;display:block;border-radius:14px;border:1px solid var(--line);margin-top:4px}.proof-tag{display:inline-block;background:var(--pri-soft);color:var(--pri-ink);font-size:11px;font-weight:700;padding:4px 11px;border-radius:100px;margin-bottom:15px}.proof-ba{display:flex;align-items:center;justify-content:center;gap:13px}.proof-t{text-align:center}.proof-t canvas{width:150px;height:150px;border-radius:14px;border:1px solid var(--line);background:#fff}.proof-t span{display:block;font-size:12px;color:var(--ink2);margin-top:8px;font-weight:500}.proof-arrow{width:38px;height:38px;border-radius:50%;background:var(--pri);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}.proof-arrow svg{width:20px;height:20px}.proof-foot{display:flex;align-items:center;gap:12px;margin-top:17px;padding-top:15px;border-top:1px solid var(--line)}.proof-sw{display:flex;gap:5px;flex:none}.proof-sw .pchip{width:23px;height:23px;border-radius:6px;border:1px solid rgba(0,0,0,.13);display:flex;align-items:center;justify-content:center;font-size:7.5px;font-weight:700;letter-spacing:-.3px}.proof-val b{display:block;color:var(--ink);font-weight:600;font-size:12.5px}.proof-val span{color:var(--ink3);font-size:11.5px}.hero-title{font-size:clamp(27px,3.3vw,42px);font-weight:800;letter-spacing:-.02em;line-height:1.14;margin:0 0 14px;color:var(--ink)}.hero-title .grad{color:var(--pri-ink);white-space:nowrap}.hero-sub{font-size:clamp(15px,2vw,18px);color:var(--ink2);line-height:1.55;max-width:600px;margin:0 auto 30px}.dz2{max-width:600px;margin:0 auto;border:1.5px dashed var(--line2);border-radius:22px;background:var(--card);box-shadow:var(--sh);padding:clamp(30px,5vw,52px) 24px;cursor:pointer;transition:border-color .18s,background .18s,transform .12s}.dz2:hover,.dz2.over{border-color:var(--pri);background:var(--pri-soft)}.dz2:active{transform:scale(.99)}.dz2-ic{width:58px;height:58px;margin:0 auto 15px;border-radius:17px;background:var(--pri-soft);color:var(--pri-ink);display:flex;align-items:center;justify-content:center}.dz2-ic .ic{width:27px;height:27px}.dz2-t{font-size:17px;font-weight:600;color:var(--ink)}.dz2-t .lk{color:var(--pri-ink)}.dz2-s{font-size:12.5px;color:var(--ink3);margin-top:9px}.hero-cta{display:flex;gap:12px;justify-content:center;margin:16px 0 0;flex-wrap:wrap}.pbtn.big{padding:13px 26px;font-size:15px;border-radius:14px}.gbtn.big{padding:13px 24px;font-size:15px;border-radius:14px;background:var(--card)}.hero-links{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.hero-links button{border:none;background:transparent;color:var(--ink2);font-size:13px;font-weight:500;padding:7px 12px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .15s,color .15s}.hero-links button:hover{background:var(--soft);color:var(--ink)}.hero-links .ic{width:15px;height:15px}.hero-mp{width:100%}.mpcard{display:flex;align-items:center;gap:15px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh);padding:14px 18px;max-width:430px;margin:0 auto;text-align:left}.mp-qr{width:94px;height:94px;border-radius:12px;border:1px solid var(--line);flex:none;display:block}.mp-info b{display:block;font-size:14px;color:var(--ink);font-weight:700}.mp-info span{display:block;font-size:12px;color:var(--ink3);margin-top:4px;line-height:1.5}.mp-open{display:inline-block;margin-top:9px;background:var(--pri);color:#fff;font-size:13px;font-weight:600;padding:8px 14px;border-radius:10px;text-decoration:none}.mp-open:active{opacity:.85}.sec-title{text-align:center;font-size:clamp(23px,3.4vw,32px);font-weight:700;letter-spacing:-.02em;margin:0 0 6px;color:var(--ink)}.sec-sub{text-align:center;font-size:15px;color:var(--ink2);margin:0 0 28px}.showcase2,.section.feat{max-width:960px;margin-left:auto;margin-right:auto}@media(max-width:900px){.hero2{min-height:0;padding:16px 16px 8px;gap:13px}.hero-sub{margin-bottom:0}.hero-upload .dz2{padding:22px 18px}.proofcard{padding:14px}.proof-ba{gap:9px}.proof-tag{margin-bottom:10px}.proof-foot{margin-top:12px;padding-top:11px}.proof-t canvas{width:120px;height:120px}}.showcase2{margin-top:clamp(48px,8vw,84px)}.editbar{position:absolute;top:12px;left:12px;z-index:6;display:flex;align-items:center;gap:2px;padding:5px;border-radius:15px}.ebtn{width:38px;height:38px;border:none;background:transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;transition:transform .12s,background .15s,color .15s}.ebtn .ic{width:20px;height:20px}.ebtn:hover{background:var(--soft)}.ebtn:active{transform:scale(.9)}.ebtn.on{background:var(--pri-soft);color:var(--pri-ink)}.ebdiv{width:1px;height:20px;background:var(--line);margin:0 3px}.ecolor .dot{width:22px;height:22px;border-radius:7px;border:1px solid rgba(0,0,0,.2);display:block}@media(max-width:999px){.editbar{top:auto;left:50%;transform:translate(-50%);bottom:calc(72px + env(safe-area-inset-bottom))}}.imgpal{display:flex;flex-wrap:wrap;gap:6px}.imgpal .sw{width:33px;height:33px;border-radius:8px;border:1px solid rgba(0,0,0,.16);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;transition:transform .1s}.imgpal .sw:active{transform:scale(.9)}.imgpal .sw.on{outline:2px solid var(--pri);outline-offset:1px}.lgrid .li{cursor:pointer}.lgrid .li:hover{border-color:var(--pri)}.gate{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.gate-card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);padding:40px 32px;max-width:400px;width:100%;text-align:center}.gate-logo{width:64px;height:64px;border-radius:16px;margin:0 auto 14px;display:block}.gate-title{font-size:24px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}.gate-sub{color:var(--ink2);font-size:14.5px;margin-bottom:26px}.gate-tip{color:var(--ink2);font-size:13.5px;margin-bottom:14px}.gate-tip b{color:var(--pri-ink)}.gate .pbtn.big{width:100%;padding:14px 26px}.gate-trust{font-size:12.5px;color:var(--ink3);margin:16px 0 6px}.gate-note{font-size:12px;color:var(--ink3)}