[data-astro-cid-h2qisgsk]{box-sizing:border-box}body{color:#14213a;background:#f4f7fb;margin:0;font-family:Arial,Hiragino Sans,Yu Gothic,sans-serif}.wrap[data-astro-cid-h2qisgsk]{max-width:1400px;margin:auto;padding:20px 16px 72px}.hero[data-astro-cid-h2qisgsk]{text-align:center;padding:8px 0 18px}.hero[data-astro-cid-h2qisgsk] h1[data-astro-cid-h2qisgsk]{letter-spacing:-.055em;margin:0 0 7px;font-size:clamp(34px,5vw,58px)}.hero[data-astro-cid-h2qisgsk] p[data-astro-cid-h2qisgsk]{color:#687386;margin:0;font-size:13px}.steps[data-astro-cid-h2qisgsk]{grid-template-columns:repeat(4,1fr);gap:8px;max-width:1000px;margin:0 auto 16px;display:grid}.step[data-astro-cid-h2qisgsk]{color:#7d8796;text-align:center;background:#fff;border:1px solid #dce3ed;border-radius:13px;padding:11px 6px;font-size:10px;font-weight:900}.step[data-astro-cid-h2qisgsk].on{color:#fff;background:#14213a;border-color:#14213a}.studio[data-astro-cid-h2qisgsk]{grid-template-columns:270px minmax(0,1fr) 290px;align-items:start;gap:14px;display:grid}.card[data-astro-cid-h2qisgsk]{background:#fff;border:1px solid #dfe5ee;border-radius:20px;box-shadow:0 14px 42px #1826400f}.side[data-astro-cid-h2qisgsk]{padding:15px}.upload[data-astro-cid-h2qisgsk]{text-align:center;cursor:pointer;background:#fbfcfe;border:2px dashed #b9c5d5;border-radius:15px;padding:11px;display:block}.upload[data-astro-cid-h2qisgsk] input[data-astro-cid-h2qisgsk]{display:none}.upload[data-astro-cid-h2qisgsk] strong[data-astro-cid-h2qisgsk]{color:#fff;background:#1677ee;border-radius:11px;padding:15px 10px;font-size:13px;display:block}.upload[data-astro-cid-h2qisgsk] span[data-astro-cid-h2qisgsk]{color:#7c8797;margin-top:8px;font-size:9px;display:block}.thumb[data-astro-cid-h2qisgsk]{background:#eef2f7;border-radius:12px;margin-top:11px;overflow:hidden}.thumb[data-astro-cid-h2qisgsk] img[data-astro-cid-h2qisgsk]{object-fit:cover;width:100%;height:150px;display:block}.section[data-astro-cid-h2qisgsk]{border-top:1px solid #edf0f4;margin-top:15px;padding-top:15px}.section[data-astro-cid-h2qisgsk]:first-child{border-top:0;margin-top:0;padding-top:0}.section[data-astro-cid-h2qisgsk] h2[data-astro-cid-h2qisgsk]{margin:0 0 11px;font-size:13px}.mode-card[data-astro-cid-h2qisgsk]{cursor:pointer;border:1px solid #dae1eb;border-radius:12px;margin-bottom:7px;padding:10px;display:block}.mode-card[data-astro-cid-h2qisgsk]:has(input:checked){background:#f0f6ff;border-color:#1677ee}.mode-card[data-astro-cid-h2qisgsk] input[data-astro-cid-h2qisgsk]{margin-right:6px}.mode-card[data-astro-cid-h2qisgsk] b[data-astro-cid-h2qisgsk]{font-size:10px}.mode-card[data-astro-cid-h2qisgsk] small[data-astro-cid-h2qisgsk]{color:#758095;margin:4px 0 0 21px;font-size:8px;line-height:1.5;display:block}.preview[data-astro-cid-h2qisgsk]{padding:12px}.toolbar[data-astro-cid-h2qisgsk]{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:10px;display:flex}.tabs[data-astro-cid-h2qisgsk],.bgs[data-astro-cid-h2qisgsk],.brushes[data-astro-cid-h2qisgsk]{flex-wrap:wrap;gap:5px;display:flex}.toolbar[data-astro-cid-h2qisgsk] button[data-astro-cid-h2qisgsk],.brushes[data-astro-cid-h2qisgsk] button[data-astro-cid-h2qisgsk]{cursor:pointer;background:#eef2f7;border:0;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:900}.toolbar[data-astro-cid-h2qisgsk] button[data-astro-cid-h2qisgsk].on,.brushes[data-astro-cid-h2qisgsk] button[data-astro-cid-h2qisgsk].on{color:#fff;background:#1677ee}.stage[data-astro-cid-h2qisgsk]{background-color:#fff;background-image:linear-gradient(45deg,#e6eaf0 25%,#0000 25%),linear-gradient(-45deg,#e6eaf0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e6eaf0 75%),linear-gradient(-45deg,#0000 75%,#e6eaf0 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border-radius:15px;place-items:center;min-height:650px;display:grid;position:relative;overflow:hidden}.stage[data-astro-cid-h2qisgsk].white{background:#fff}.stage[data-astro-cid-h2qisgsk].dark{background:#27303d}.stage[data-astro-cid-h2qisgsk] canvas[data-astro-cid-h2qisgsk]{touch-action:none;width:100%;height:auto;display:block}.empty[data-astro-cid-h2qisgsk]{color:#7e8999;text-align:center;padding:24px;font-size:11px;font-weight:800;position:absolute}.busy[data-astro-cid-h2qisgsk]{text-align:center;z-index:10;background:#fffffff0;place-items:center;padding:20px;display:none;position:absolute;inset:0}.busy[data-astro-cid-h2qisgsk].show{display:grid}.spinner[data-astro-cid-h2qisgsk]{border:4px solid #dfe9f7;border-top-color:#1677ee;border-radius:50%;width:46px;height:46px;margin:0 auto 12px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.busy[data-astro-cid-h2qisgsk] strong[data-astro-cid-h2qisgsk]{font-size:13px}.busy[data-astro-cid-h2qisgsk] p[data-astro-cid-h2qisgsk]{color:#6f7b8d;font-size:9px}.progress[data-astro-cid-h2qisgsk]{background:#e4e9f0;border-radius:999px;width:230px;max-width:70vw;height:7px;margin:10px auto;overflow:hidden}.progress[data-astro-cid-h2qisgsk] i[data-astro-cid-h2qisgsk]{background:#1677ee;width:5%;height:100%;transition:width .2s;display:block}.row[data-astro-cid-h2qisgsk]{margin-bottom:13px}.rowhead[data-astro-cid-h2qisgsk]{justify-content:space-between;gap:8px;margin-bottom:6px;font-size:9px;font-weight:900;display:flex}.row[data-astro-cid-h2qisgsk] input[data-astro-cid-h2qisgsk][type=range]{accent-color:#1677ee;width:100%}.colorrow[data-astro-cid-h2qisgsk]{align-items:center;gap:7px;display:flex}.colorrow[data-astro-cid-h2qisgsk] input[data-astro-cid-h2qisgsk][type=color]{background:#fff;border:1px solid #d9e0e8;border-radius:9px;width:42px;height:34px;padding:2px}.swatch[data-astro-cid-h2qisgsk]{cursor:pointer;border:1px solid #d6dce5;border-radius:50%;width:25px;height:25px}.seg[data-astro-cid-h2qisgsk]{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.seg[data-astro-cid-h2qisgsk] button[data-astro-cid-h2qisgsk]{cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:9px;padding:8px 3px;font-size:8px;font-weight:900}.seg[data-astro-cid-h2qisgsk] button[data-astro-cid-h2qisgsk].on{color:#fff;background:#1677ee;border-color:#1677ee}.hint[data-astro-cid-h2qisgsk],.privacy[data-astro-cid-h2qisgsk]{color:#7d8795;font-size:8px;line-height:1.65}.btn[data-astro-cid-h2qisgsk]{cursor:pointer;border:0;border-radius:11px;width:100%;margin-top:7px;padding:12px 8px;font-size:9px;font-weight:900}.btn[data-astro-cid-h2qisgsk].primary{color:#fff;background:#1677ee;font-size:11px}.btn[data-astro-cid-h2qisgsk].dark{color:#fff;background:#14213a}.btn[data-astro-cid-h2qisgsk].light{color:#14213a;background:#edf1f6}.btn[data-astro-cid-h2qisgsk]:disabled{opacity:.45;cursor:not-allowed}.complete[data-astro-cid-h2qisgsk]{color:#256b39;background:#eef9f1;border-radius:12px;margin-bottom:11px;padding:11px;display:none}.complete[data-astro-cid-h2qisgsk].show{display:block}.complete[data-astro-cid-h2qisgsk] b[data-astro-cid-h2qisgsk]{font-size:12px;display:block}.complete[data-astro-cid-h2qisgsk] small[data-astro-cid-h2qisgsk]{font-size:8px}.sharegrid[data-astro-cid-h2qisgsk]{grid-template-columns:1fr 1fr;gap:6px;display:grid}.status[data-astro-cid-h2qisgsk]{color:#246c3a;background:#eef9f1;border-radius:10px;margin-top:9px;padding:9px;font-size:8px;font-weight:800;line-height:1.5;display:none}.status[data-astro-cid-h2qisgsk].show{display:block}.status[data-astro-cid-h2qisgsk].error{color:#b42318;background:#fff0f0}.how[data-astro-cid-h2qisgsk]{background:#f6f8fb;border-radius:13px;margin-top:14px;padding:13px}.how[data-astro-cid-h2qisgsk] b[data-astro-cid-h2qisgsk]{font-size:10px}.how[data-astro-cid-h2qisgsk] p[data-astro-cid-h2qisgsk]{color:#778293;margin:5px 0 0;font-size:8px;line-height:1.6}@media (width<=1000px){.studio[data-astro-cid-h2qisgsk]{grid-template-columns:1fr}.preview[data-astro-cid-h2qisgsk]{order:1}.left[data-astro-cid-h2qisgsk]{order:2}.right[data-astro-cid-h2qisgsk]{order:3}.stage[data-astro-cid-h2qisgsk]{min-height:430px}.wrap[data-astro-cid-h2qisgsk]{padding:15px 9px 60px}.hero[data-astro-cid-h2qisgsk]{padding-top:4px}}@media (width<=520px){.steps[data-astro-cid-h2qisgsk]{gap:4px}.step[data-astro-cid-h2qisgsk]{padding:9px 2px;font-size:7px}.preview[data-astro-cid-h2qisgsk]{padding:7px}.stage[data-astro-cid-h2qisgsk]{min-height:310px}.side[data-astro-cid-h2qisgsk]{padding:12px}.hero[data-astro-cid-h2qisgsk] h1[data-astro-cid-h2qisgsk]{font-size:38px}.toolbar[data-astro-cid-h2qisgsk] button[data-astro-cid-h2qisgsk]{padding:7px 8px;font-size:8px}}