[data-astro-cid-ajkm3b6x]{box-sizing:border-box}body{color:#171717;background:#f6f7f8;margin:0;font-family:Arial,Hiragino Sans,Yu Gothic,sans-serif}.wrap[data-astro-cid-ajkm3b6x]{max-width:1080px;margin:auto;padding:28px 18px 80px}.crumb[data-astro-cid-ajkm3b6x]{color:#777;margin-bottom:18px;font-size:11px}.crumb[data-astro-cid-ajkm3b6x] a[data-astro-cid-ajkm3b6x]{color:inherit}.hero[data-astro-cid-ajkm3b6x]{text-align:center;padding:16px 0 26px}.hero[data-astro-cid-ajkm3b6x] h1[data-astro-cid-ajkm3b6x]{letter-spacing:-.055em;margin:0 0 10px;font-size:clamp(36px,6vw,64px)}.hero[data-astro-cid-ajkm3b6x] strong[data-astro-cid-ajkm3b6x]{font-size:16px}.hero[data-astro-cid-ajkm3b6x] p[data-astro-cid-ajkm3b6x]{color:#666;max-width:690px;margin:12px auto 0;font-size:12px;line-height:1.8}.app[data-astro-cid-ajkm3b6x]{grid-template-columns:minmax(0,1.25fr) 330px;align-items:start;gap:16px;display:grid}.preview-card[data-astro-cid-ajkm3b6x],.control-card[data-astro-cid-ajkm3b6x]{background:#fff;border:1px solid #e0e2e5;border-radius:22px;box-shadow:0 14px 40px #1419200f}.preview-card[data-astro-cid-ajkm3b6x]{padding:14px}.tabs[data-astro-cid-ajkm3b6x]{gap:6px;margin-bottom:11px;display:flex}.tabs[data-astro-cid-ajkm3b6x] button[data-astro-cid-ajkm3b6x]{cursor:pointer;background:#eef0f2;border:0;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:900}.tabs[data-astro-cid-ajkm3b6x] button[data-astro-cid-ajkm3b6x].on{color:#fff;background:#171717}.stage[data-astro-cid-ajkm3b6x]{background-color:#fff;background-image:linear-gradient(45deg,#e7e9eb 25%,#0000 25%),linear-gradient(-45deg,#e7e9eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e7e9eb 75%),linear-gradient(-45deg,#0000 75%,#e7e9eb 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border-radius:16px;place-items:center;min-height:480px;display:grid;position:relative;overflow:hidden}.stage[data-astro-cid-ajkm3b6x] canvas[data-astro-cid-ajkm3b6x]{object-fit:contain;cursor:crosshair;width:100%;height:auto;max-height:620px;display:block}.empty[data-astro-cid-ajkm3b6x]{text-align:center;color:#8a8f98;font-size:12px;font-weight:800;position:absolute}.busy[data-astro-cid-ajkm3b6x]{background:#ffffffc2;place-items:center;font-weight:900;display:none;position:absolute;inset:0}.busy[data-astro-cid-ajkm3b6x].show{display:grid}.control-card[data-astro-cid-ajkm3b6x]{padding:18px;position:sticky;top:14px}.upload[data-astro-cid-ajkm3b6x]{text-align:center;cursor:pointer;background:#fafbfc;border:2px dashed #bfc4ca;border-radius:16px;padding:24px 12px;display:block}.upload[data-astro-cid-ajkm3b6x] input[data-astro-cid-ajkm3b6x]{display:none}.upload[data-astro-cid-ajkm3b6x] strong[data-astro-cid-ajkm3b6x]{color:#fff;background:#287bde;border-radius:12px;padding:14px 10px;font-size:13px;display:block}.upload[data-astro-cid-ajkm3b6x] span[data-astro-cid-ajkm3b6x]{color:#777;margin-top:9px;font-size:10px;display:block}.adjust[data-astro-cid-ajkm3b6x]{margin-top:18px;display:none}.adjust[data-astro-cid-ajkm3b6x].show{display:block}.adjust[data-astro-cid-ajkm3b6x] h2[data-astro-cid-ajkm3b6x]{margin:0 0 15px;font-size:15px}.range-head[data-astro-cid-ajkm3b6x]{justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:900;display:flex}.range[data-astro-cid-ajkm3b6x]{accent-color:#287bde;width:100%}.color[data-astro-cid-ajkm3b6x]{background:#f2f4f6;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;padding:10px;font-size:10px;display:flex}.color[data-astro-cid-ajkm3b6x] i[data-astro-cid-ajkm3b6x]{background:#fff;border:1px solid #ccc;border-radius:8px;width:28px;height:28px}.hint[data-astro-cid-ajkm3b6x]{color:#727780;font-size:10px;line-height:1.65}.save[data-astro-cid-ajkm3b6x],.again[data-astro-cid-ajkm3b6x]{cursor:pointer;border:0;border-radius:13px;width:100%;margin-top:10px;padding:14px;font-weight:900}.save[data-astro-cid-ajkm3b6x]{color:#fff;background:#287bde}.again[data-astro-cid-ajkm3b6x]{color:#171717;background:#eef0f2}.privacy[data-astro-cid-ajkm3b6x]{color:#858a91;margin-top:12px;font-size:9px;line-height:1.6}.related[data-astro-cid-ajkm3b6x]{margin-top:42px}.related[data-astro-cid-ajkm3b6x] a[data-astro-cid-ajkm3b6x]{color:#333;background:#fff;border:1px solid #ddd;border-radius:999px;margin:3px;padding:9px 12px;font-size:10px;font-weight:800;text-decoration:none;display:inline-block}@media (width<=800px){.wrap[data-astro-cid-ajkm3b6x]{padding:20px 10px 60px}.hero[data-astro-cid-ajkm3b6x]{padding-top:8px}.app[data-astro-cid-ajkm3b6x]{grid-template-columns:1fr}.preview-card[data-astro-cid-ajkm3b6x]{order:1}.control-card[data-astro-cid-ajkm3b6x]{order:2;position:static}.stage[data-astro-cid-ajkm3b6x]{min-height:330px}.control-card[data-astro-cid-ajkm3b6x]{padding:14px}.upload[data-astro-cid-ajkm3b6x]{padding:12px}.upload[data-astro-cid-ajkm3b6x] strong[data-astro-cid-ajkm3b6x]{padding:13px}.hero[data-astro-cid-ajkm3b6x] p[data-astro-cid-ajkm3b6x]{font-size:11px}}@media (width<=480px){.stage[data-astro-cid-ajkm3b6x]{min-height:290px}.preview-card[data-astro-cid-ajkm3b6x]{border-radius:17px;padding:8px}.control-card[data-astro-cid-ajkm3b6x]{border-radius:17px}.hero[data-astro-cid-ajkm3b6x] h1[data-astro-cid-ajkm3b6x]{font-size:40px}}