@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap";.checkout-page[data-v-2a8d35f9]{padding:36px 0 68px}.checkout-back[data-v-2a8d35f9]{display:inline-flex;align-items:center;gap:8px;color:#777e8a;font-size:13px}.checkout-heading[data-v-2a8d35f9]{display:flex;justify-content:space-between;align-items:center;margin:36px 0 30px}.checkout-heading h1[data-v-2a8d35f9]{font-size:clamp(28px,3vw,40px);letter-spacing:-1.5px;margin:12px 0}.checkout-heading p[data-v-2a8d35f9]{color:#85888c;font-size:14px}.checkout-secure[data-v-2a8d35f9]{display:flex;gap:8px;align-items:center;font-size:12px;color:#6b7280}.checkout-steps[data-v-2a8d35f9]{display:flex;list-style:none;padding:0 0 24px;margin:0 0 34px;gap:40px;border-bottom:1px solid var(--line)}.checkout-steps li[data-v-2a8d35f9]{display:flex;gap:10px;align-items:center;font-size:13px;color:#9499a3}.checkout-steps li>span[data-v-2a8d35f9]{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eef0f3;font-size:10px}.checkout-steps .complete[data-v-2a8d35f9]{color:var(--blue)}.checkout-steps .complete>span[data-v-2a8d35f9]{background:#e9edff}.checkout-steps .current[data-v-2a8d35f9]{color:var(--ink);font-weight:600}.checkout-steps .current>span[data-v-2a8d35f9]{background:var(--blue);color:#fff}.checkout-grid[data-v-2a8d35f9]{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.checkout-summary[data-v-2a8d35f9],.checkout-payment[data-v-2a8d35f9]{border:1px solid var(--line);border-radius:20px;background:#fff;padding:32px}.checkout-section-label[data-v-2a8d35f9]{font-size:11px;letter-spacing:1.5px;color:#9095a0;margin-bottom:28px}.checkout-plan[data-v-2a8d35f9]{display:flex;gap:16px;align-items:center}.checkout-plan-icon[data-v-2a8d35f9]{background:#eef1ff;border-radius:14px;width:64px;height:64px;display:grid;place-items:center}.checkout-plan h2[data-v-2a8d35f9]{font-size:24px;margin:0 0 8px}.checkout-plan p[data-v-2a8d35f9]{font-size:12px;color:#85888c;margin:0}.checkout-benefits[data-v-2a8d35f9]{list-style:none;padding:0;margin:28px 0;display:grid;gap:14px;font-size:13px;color:#626a77}.checkout-benefits li[data-v-2a8d35f9]{display:flex;gap:10px;align-items:center}.checkout-benefits svg[data-v-2a8d35f9]{color:var(--blue)}.checkout-meta[data-v-2a8d35f9]{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px 12px;border-top:1px solid var(--line);padding:25px 0;font-size:12px}.checkout-meta>span[data-v-2a8d35f9]{color:#9398a2}.checkout-meta strong[data-v-2a8d35f9],.checkout-meta code[data-v-2a8d35f9]{font-weight:400;text-align:right;overflow-wrap:anywhere;min-width:0}.checkout-meta code[data-v-2a8d35f9]{font-size:11px}.checkout-total[data-v-2a8d35f9]{border-top:1px solid var(--line);padding-top:24px;display:flex;align-items:center;justify-content:space-between}.checkout-total>span[data-v-2a8d35f9]{font-size:14px}.checkout-total>span small[data-v-2a8d35f9]{display:block;color:#9398a2;font-size:11px;margin-top:9px}.checkout-total>strong[data-v-2a8d35f9]{font-size:40px;color:var(--blue);font-weight:600;letter-spacing:-1.5px}.checkout-total>strong small[data-v-2a8d35f9]{font-size:20px;margin-right:5px}.checkout-fine[data-v-2a8d35f9]{font-size:11px;line-height:1.8;color:#9398a2;margin:22px 0 0}.checkout-method[data-v-2a8d35f9]{border:1px solid #9bcfb3;background:#f5fcf8;border-radius:12px;display:flex;gap:12px;align-items:center;padding:16px}.checkout-wechat[data-v-2a8d35f9]{color:#16a164;display:flex}.checkout-method strong[data-v-2a8d35f9]{font-size:14px}.checkout-method small[data-v-2a8d35f9]{display:block;font-size:11px;color:#7e8a84;margin-top:5px}.checkout-radio[data-v-2a8d35f9]{margin-left:auto;border-radius:50%;background:#16a164;color:#fff;width:18px;height:18px;display:grid;place-items:center}.checkout-qr-area[data-v-2a8d35f9]{text-align:center;padding:26px 12px 18px}.checkout-qr-area>img[data-v-2a8d35f9]{display:block;margin:auto;max-width:100%;height:auto}.checkout-qr-placeholder[data-v-2a8d35f9]{width:210px;height:200px;max-width:100%;margin:auto;border:1px dashed #dfe3eb;border-radius:14px;background:repeating-linear-gradient(45deg,#f8f9fb,#f8f9fb 8px,#f4f6f9 8px 16px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;color:#9ca5b5;font-size:12px}.checkout-qr-area h3[data-v-2a8d35f9]{font-size:15px;margin:20px 0 10px}.checkout-qr-area p[data-v-2a8d35f9],.checkout-paid>p[data-v-2a8d35f9]{font-size:12px;color:#868c96;line-height:1.8}.checkout-timer[data-v-2a8d35f9]{display:flex;align-items:center;justify-content:center;gap:5px}.checkout-wide[data-v-2a8d35f9]{width:100%;justify-content:center}.checkout-unavailable[data-v-2a8d35f9]{display:flex;justify-content:center;gap:7px;align-items:center;background:#f5f6f8;padding:14px 10px;border-radius:10px;font-size:11px;color:#737d8e}.checkout-assurance[data-v-2a8d35f9]{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;display:flex;gap:7px;align-items:center;justify-content:center;font-size:10px;color:#969ca6}.checkout-warning[data-v-2a8d35f9]{font-size:12px;background:#fff5ec;color:#9f5617;border-radius:8px;padding:12px;line-height:1.8;overflow-wrap:anywhere}.checkout-feedback[data-v-2a8d35f9]{font-size:12px;color:#22844d;line-height:1.8}.checkout-green[data-v-2a8d35f9]{color:#16965a}.checkout-paid[data-v-2a8d35f9]{text-align:center}.checkout-success[data-v-2a8d35f9]{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#eaf8ef;color:#16965a;margin:10px auto 20px}.checkout-paid h2[data-v-2a8d35f9]{font-size:21px}.checkout-code[data-v-2a8d35f9]{display:flex;align-items:center;gap:10px;text-align:left;background:#f4f6fb;border:1px solid #e5e9f2;border-radius:12px;padding:16px;margin:24px 0}.checkout-code code[data-v-2a8d35f9]{overflow-wrap:anywhere;font-size:13px;line-height:1.7;-webkit-user-select:all;user-select:all;flex:1;min-width:0}.checkout-account[data-v-2a8d35f9]{display:block;font-size:12px;margin-top:18px;color:#747c8c}.checkout-help[data-v-2a8d35f9]{margin-top:44px}.checkout-help h3[data-v-2a8d35f9]{font-size:16px;margin:0 0 22px}.checkout-help>div[data-v-2a8d35f9]{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.checkout-help strong[data-v-2a8d35f9]{font-size:12px;font-weight:500}.checkout-help p[data-v-2a8d35f9]{font-size:12px;color:#969ba4;line-height:1.9}.checkout-empty[data-v-2a8d35f9]{padding:50px 20px;text-align:center;color:#858d9b}.checkout-empty>svg[data-v-2a8d35f9]{margin:auto;color:var(--blue)}.checkout-empty h2[data-v-2a8d35f9]{font-size:21px;color:var(--ink)}.checkout-empty p[data-v-2a8d35f9]{font-size:13px;line-height:1.8}.checkout-empty .button[data-v-2a8d35f9]{display:inline-flex;margin-top:12px}@media(max-width:760px){.checkout-heading[data-v-2a8d35f9]{margin-top:26px}.checkout-secure[data-v-2a8d35f9]{display:none}.checkout-grid[data-v-2a8d35f9]{grid-template-columns:1fr;gap:18px}.checkout-summary[data-v-2a8d35f9],.checkout-payment[data-v-2a8d35f9]{padding:24px}.checkout-steps[data-v-2a8d35f9]{gap:22px}.checkout-steps li[data-v-2a8d35f9]{font-size:11px;gap:6px}.checkout-help>div[data-v-2a8d35f9]{grid-template-columns:1fr;gap:8px}.checkout-assurance[data-v-2a8d35f9]{font-size:10px;line-height:1.8}.checkout-heading h1[data-v-2a8d35f9]{letter-spacing:-1px}.checkout-page[data-v-2a8d35f9]{padding-top:25px}}.editor-export .editor-export-menu[data-v-5f01234c]{width:min(310px,calc(100vw - 40px));max-height:calc(100dvh - 220px);overflow-y:auto;padding:10px;border-radius:14px;box-shadow:0 14px 45px #21365a26}.export-section-title[data-v-5f01234c]{font-size:10px;color:#929cb0;padding:8px 10px;letter-spacing:.5px}.export-divider[data-v-5f01234c]{margin-top:8px;padding-top:16px;border-top:1px solid #edf0f5}.editor-export-menu .export-option[data-v-5f01234c]{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:8px}.export-format[data-v-5f01234c]{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:8px;font-size:10px;font-weight:700}.svg-format[data-v-5f01234c]{background:#fff0e4;color:#c77738}.png-format[data-v-5f01234c]{background:#edf2ff;color:#5877d4}.export-option-copy[data-v-5f01234c]{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.export-option-copy strong[data-v-5f01234c]{color:#354157;font-size:12px;font-weight:500}.export-option-copy small[data-v-5f01234c]{font-size:10px;color:#98a1b2;line-height:1.5}.editor-export-menu .export-overlay-option[data-v-5f01234c]{display:flex;align-items:flex-start;gap:10px;padding:14px 10px 7px;margin:8px 0 0;border-top:1px solid #edf0f5;font-weight:400;cursor:pointer}.editor-export-menu .export-overlay-option input[type=checkbox][data-v-5f01234c]{flex:0 0 16px;width:16px;height:16px;padding:0;margin:2px 0 0;accent-color:var(--blue);border-radius:3px}.export-overlay-option>span[data-v-5f01234c]{display:flex;flex-direction:column;gap:5px}.export-overlay-option strong[data-v-5f01234c]{font-size:11px;font-weight:500}.export-overlay-option small[data-v-5f01234c]{font-size:10px;line-height:1.6;color:#98a1b2}.editor-palette>.editor-color[data-v-5f01234c]{width:100%;background:transparent;border-radius:7px;padding:10px 8px;text-align:left;border:1px solid #edf0f5;margin-top:7px;color:#7e8ba3}.editor-palette>.editor-color[data-v-5f01234c]:hover{background:#f1f4ff;border-color:#c7d2ff}.editor-palette>.editor-color .stroke-swatch[data-v-5f01234c]{background:#fff;border-width:2px;border-style:solid}.svg-editor[data-v-5f01234c]{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;color:#273046}.editor-header[data-v-5f01234c]{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:2}.editor-title[data-v-5f01234c]{display:flex;gap:12px;align-items:center;color:var(--blue)}.editor-title h2[data-v-5f01234c]{font-size:17px;margin:0 0 4px;color:#273046}.editor-title small[data-v-5f01234c]{font-size:10px;color:#939bad}.editor-tools[data-v-5f01234c],.editor-header-actions[data-v-5f01234c]{display:flex;gap:5px;align-items:center}.editor-tools[data-v-5f01234c]{background:#f3f5f9;border-radius:10px;padding:4px}.editor-tools button[data-v-5f01234c],.editor-icon[data-v-5f01234c]{display:flex;gap:5px;align-items:center;background:transparent;padding:9px;color:#748095;font-size:11px;border-radius:7px}.editor-tools .active[data-v-5f01234c]{background:#fff;color:var(--blue);box-shadow:0 2px 5px #192f5a0c}.editor-export[data-v-5f01234c]{position:relative}.editor-export-menu[data-v-5f01234c]{position:absolute;right:0;top:100%;margin-top:10px;width:275px;background:#fff;box-shadow:0 12px 50px #21365a20;border:1px solid var(--line);border-radius:12px;padding:8px;z-index:5}.editor-export-menu button[data-v-5f01234c],.editor-export-menu label[data-v-5f01234c]{display:flex;align-items:center;gap:7px;width:100%;padding:13px 9px;text-align:left;background:#fff;font-size:11px;color:#627087}.editor-export-menu button[data-v-5f01234c]:hover{background:#f1f4ff;color:var(--blue)}.editor-body[data-v-5f01234c]{display:grid;grid-template-columns:110px minmax(0,1fr) 260px;height:680px;max-height:calc(100dvh - 200px);min-height:400px}.editor-files[data-v-5f01234c]{padding:14px 10px;border-right:1px solid var(--line);overflow:auto;background:#fcfcfe}.editor-add[data-v-5f01234c]{display:flex;flex-direction:column;align-items:center;gap:8px;background:#eef2ff;border:1px dashed #b9c7ff;color:var(--blue);padding:17px 5px;border-radius:10px;font-size:10px;width:100%;margin-bottom:20px}.editor-file[data-v-5f01234c]{position:relative;margin-bottom:12px;border:1px solid #e7eaf1;border-radius:9px}.editor-file.active[data-v-5f01234c]{border-color:var(--blue);background:#f2f5ff}.editor-file>button[data-v-5f01234c]:first-child{display:flex;flex-direction:column;align-items:center;width:100%;gap:7px;background:transparent;padding:15px 5px;color:#818da2;font-size:9px}.editor-file span[data-v-5f01234c]{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.editor-file small[data-v-5f01234c]{color:#a1aabe;font-size:8px}.editor-file-remove[data-v-5f01234c]{position:absolute;top:0;right:0;padding:3px;background:transparent;color:#8e97a7}.editor-center[data-v-5f01234c]{min-width:0;display:flex;flex-direction:column;overflow:hidden}.editor-filename[data-v-5f01234c]{padding:13px 18px;font-size:10px;border-bottom:1px solid var(--line);color:#8c97a9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.editor-filename span[data-v-5f01234c]{color:var(--blue)}.editor-viewport[data-v-5f01234c]{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.bg-checker[data-v-5f01234c]{background-color:#fff;background-image:conic-gradient(#eceef1 90deg,#fff 90deg 180deg,#eceef1 180deg 270deg,#fff 270deg);background-size:20px 20px}.bg-white[data-v-5f01234c]{background:#fff}.bg-black[data-v-5f01234c]{background:#20242c}.editor-artboard[data-v-5f01234c]{width:85%;height:85%;transform-origin:center;flex-shrink:0}.editor-artboard iframe[data-v-5f01234c]{width:100%;height:100%;border:0;background:transparent;display:block}.panning[data-v-5f01234c]{cursor:grab;touch-action:none}.panning[data-v-5f01234c]:active{cursor:grabbing}.editor-empty[data-v-5f01234c]{text-align:center;padding:24px;color:#929db1}.editor-empty h3[data-v-5f01234c]{font-size:18px;color:#4b566b}.editor-empty p[data-v-5f01234c]{font-size:12px;line-height:1.8}.editor-empty small[data-v-5f01234c]{display:block;font-size:10px;margin-top:18px}.editor-empty .button[data-v-5f01234c]{margin:15px auto}.editor-view-tools[data-v-5f01234c]{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 6px;border-top:1px solid var(--line);font-size:10px;flex-shrink:0}.editor-view-tools label[data-v-5f01234c]{display:flex;gap:8px;align-items:center}.editor-view-tools select[data-v-5f01234c]{border:1px solid var(--line);padding:5px;font-size:10px;max-width:110px}.editor-view-tools button[data-v-5f01234c]{background:none;color:#7c89a0;display:flex;padding:5px}.editor-properties[data-v-5f01234c]{border-left:1px solid var(--line);overflow:auto;padding:22px 18px}.editor-properties h3[data-v-5f01234c]{font-size:14px;margin:0 0 12px}.editor-properties p[data-v-5f01234c]{font-size:10px;line-height:1.8;color:#929caf}.editor-selection[data-v-5f01234c]{border-top:1px solid var(--line);padding:16px 0}.editor-selection strong[data-v-5f01234c]{font-size:11px;display:block}.editor-selection>span[data-v-5f01234c]{font-size:10px;color:#929caf;display:block;margin:10px 0}.editor-selection>div[data-v-5f01234c]{display:flex;gap:8px}.editor-selection button[data-v-5f01234c],.editor-merge button[data-v-5f01234c],.editor-palette>button[data-v-5f01234c]{background:#f1f4fa;padding:9px;color:#7b88a0;font-size:10px;border-radius:6px;display:flex;gap:5px;align-items:center}.editor-selection input[data-v-5f01234c]{width:34px;height:30px;padding:0;border:0}.editor-merge[data-v-5f01234c]{border-block:1px solid var(--line);padding:16px 0;display:grid;gap:10px}.editor-merge label[data-v-5f01234c]{font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:5px}.editor-merge input[data-v-5f01234c]{width:50px;border:1px solid var(--line);border-radius:5px;padding:5px}.editor-palette h4[data-v-5f01234c]{font-size:11px;font-weight:500;display:flex;justify-content:space-between}.editor-palette h4 span[data-v-5f01234c]{color:#a0a9ba}.editor-color[data-v-5f01234c]{display:flex;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f7;font-size:9px;min-width:0}.editor-swatch[data-v-5f01234c]{width:21px;height:21px;border-radius:5px;border:1px solid #dce1ea;flex-shrink:0}.editor-color>span[data-v-5f01234c]:nth-child(2){flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-color button[data-v-5f01234c]{background:none;color:#98a2b4;padding:4px}.editor-feedback[data-v-5f01234c]{padding:12px 20px;background:#f0f7f3;color:#397455;font-size:11px;line-height:1.8}.editor-feedback.error[data-v-5f01234c]{background:#fff4ed;color:#a26039}.editor-note[data-v-5f01234c]{border-top:1px solid var(--line);padding-top:14px}.is-modal[data-v-5f01234c]{width:100%;max-height:95dvh;display:flex;flex-direction:column}.is-modal .editor-body[data-v-5f01234c]{height:76dvh;max-height:none;min-height:0;flex:1}@media(max-width:900px){.editor-header[data-v-5f01234c]{flex-wrap:wrap;padding:14px}.editor-tools[data-v-5f01234c]{order:3;width:100%;justify-content:center}.editor-body[data-v-5f01234c]{grid-template-columns:80px minmax(0,1fr) 200px}.editor-properties[data-v-5f01234c]{padding:16px 12px}.editor-view-tools[data-v-5f01234c]{gap:4px}.editor-view-tools label[data-v-5f01234c]{font-size:0}}@media(max-width:600px){.editor-body[data-v-5f01234c]{grid-template-columns:64px minmax(0,1fr);height:auto;max-height:none}.editor-files[data-v-5f01234c]{grid-row:1;padding:10px 5px}.editor-center[data-v-5f01234c]{height:430px}.editor-properties[data-v-5f01234c]{grid-column:1/-1;max-height:250px;border-top:1px solid var(--line);border-left:0}.editor-title small[data-v-5f01234c]{font-size:8px}.editor-empty[data-v-5f01234c]{padding:10px}.editor-empty h3[data-v-5f01234c]{font-size:14px}.editor-empty p[data-v-5f01234c]{font-size:10px}.editor-add[data-v-5f01234c]{font-size:9px}.is-modal .editor-body[data-v-5f01234c]{overflow:auto;flex:initial}.is-modal .editor-header[data-v-5f01234c]{flex-shrink:0}.editor-view-tools select[data-v-5f01234c]{max-width:85px}}.example-comparison[data-v-6b354341]{margin-top:52px;margin-bottom:64px}.example-comparison-heading[data-v-6b354341]{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}h2[data-v-6b354341]{font-size:clamp(24px,3vw,34px);margin:0 0 12px}p[data-v-6b354341]{color:#858d9b;font-size:13px}.example-zoom[data-v-6b354341]{display:flex;gap:5px}.example-zoom button[data-v-6b354341]{padding:9px 12px;background:#f0f2f7;border-radius:6px;color:#67738a}.example-zoom button[aria-pressed=true][data-v-6b354341]{background:#3659ff;color:#fff}.example-comparison-canvas[data-v-6b354341]{position:relative;height:420px;border:1px solid #e4e7ed;border-radius:16px;background:#f5f5f2;overflow:hidden}.example-image-layer[data-v-6b354341]{position:absolute;inset:0;display:grid;place-items:center;background:#f5f5f2}.example-image-layer img[data-v-6b354341]{height:100%;width:100%;object-fit:contain;transform-origin:center}.example-pixelated[data-v-6b354341]{image-rendering:pixelated}.example-side-label[data-v-6b354341]{position:absolute;top:16px;background:#ffffffeb;padding:7px 12px;border-radius:5px;font-size:12px;pointer-events:none}.left[data-v-6b354341]{left:16px}.right[data-v-6b354341]{right:16px}.example-split-line[data-v-6b354341]{position:absolute;inset-block:0;width:2px;background:#fff;box-shadow:0 0 8px #0003;pointer-events:none}.example-split-line span[data-v-6b354341]{position:absolute;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:50%;padding:11px;color:#3659ff}.example-split-input[data-v-6b354341]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.example-comparison-canvas[data-v-6b354341]:focus-within{outline:2px solid #3659ff;outline-offset:3px}.example-switcher[data-v-6b354341]{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.example-switcher button[data-v-6b354341]{display:flex;align-items:center;gap:10px;padding:7px 12px 7px 7px;background:#fff;border:1px solid #e4e7ed;border-radius:9px;color:#6c7689;font-size:12px}.example-switcher button[aria-pressed=true][data-v-6b354341]{border-color:#3659ff;color:#3659ff;background:#f2f5ff}.example-switcher img[data-v-6b354341]{width:42px;height:42px;object-fit:contain}.example-source[data-v-6b354341]{font-size:10px;line-height:1.8}.example-source a[data-v-6b354341]{text-decoration:underline}.example-load-error[data-v-6b354341]{position:absolute;bottom:12px;left:16px;right:16px;background:#fff;padding:12px;border-radius:6px;pointer-events:none}@media(max-width:760px){.example-comparison-canvas[data-v-6b354341]{height:300px}}.example-comparison-canvas[data-v-6b354341]{width:100%;max-width:680px;height:auto;aspect-ratio:1;margin-inline:auto}.example-image-layer[data-v-6b354341]{display:block;min-width:0;min-height:0}.example-image-layer img[data-v-6b354341]{position:absolute;inset:0;display:block;width:100%;height:100%;padding:40px;box-sizing:border-box;object-fit:contain}@media(max-width:760px){.example-comparison-canvas[data-v-6b354341]{height:auto}.example-image-layer img[data-v-6b354341]{padding:28px}}.example-play-surface[data-v-6b354341]{position:absolute;inset:0;width:100%;height:100%;background:transparent;cursor:pointer}.example-outline-layer[data-v-6b354341]{background:transparent;pointer-events:none}.example-comparison-heading[data-v-6b354341]{justify-content:center;text-align:center}.example-comparison-heading h2[data-v-6b354341]{font-size:29px;letter-spacing:-1px;margin:13px 0}.example-switcher[data-v-6b354341]{justify-content:center}.example-switcher button[data-v-6b354341]{padding:7px}@media(max-width:760px){.example-comparison-heading h2[data-v-6b354341]{font-size:23px}}.email-code-field[data-v-7d2f11a5]{margin:16px 0}.email-code-field label[data-v-7d2f11a5]{display:block;font-size:12px;color:#68748a}.email-code-row[data-v-7d2f11a5]{display:flex;gap:10px;margin-top:8px}.email-code-row input[data-v-7d2f11a5]{min-width:0;flex:1;margin:0!important}.email-code-row button[data-v-7d2f11a5]{flex-shrink:0;width:auto!important;margin:0!important;padding:10px 12px!important;border-radius:7px;background:#eef2ff;color:#3659ff;font-size:12px}.code-feedback[data-v-7d2f11a5]{font-size:11px!important;line-height:1.7!important;color:#77869b!important;margin:8px 0!important}.security-modal[data-v-f2e476be]{max-height:90dvh;overflow-y:auto}.security-modes[data-v-f2e476be]{display:flex;gap:6px;margin:20px 0;flex-wrap:wrap}.security-modes button[data-v-f2e476be]{padding:8px 10px;border-radius:6px;background:#f1f3f7;color:#7a8598;font-size:12px}.security-modes button.active[data-v-f2e476be]{background:#e8eeff;color:#3659ff}.security-modal label[data-v-f2e476be]{display:block;font-size:12px;color:#6f7a90}.security-modal input[data-v-f2e476be]{width:100%;margin:8px 0 16px}:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#20252c;background:#fcfcfa;font-synthesis:none;--blue: #3659ff;--muted: #85888c;--line: #e7e8e4;--ink: #242831}.local-storage-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin:-10px 0 24px;padding:14px 18px;background:#f4f6fc;border:1px solid #e5eaf5;border-radius:10px;font-size:11px;line-height:1.8;color:#8994a9}.local-storage-note strong{color:#536ca6;font-size:12px}.local-storage-note p{width:100%;margin:0;color:#ab642b}.service-notice.shop-benefit-banner{padding:28px 32px;border:1px solid #cbd5ff;border-radius:16px;background:linear-gradient(110deg,#eef1ff,#f5f7ff 65%,#e9eeff);color:#3659ff;gap:20px;box-shadow:0 8px 28px #3659ff0b}.shop-benefit-icon{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;border-radius:16px;color:#fff;background:#3659ff;box-shadow:0 5px 14px #3659ff26}.shop-benefit-banner strong{display:block;font-size:clamp(18px,2vw,25px);font-weight:700;line-height:1.5;letter-spacing:.3px}.shop-benefit-banner p{margin:8px 0 0;font-size:13px;color:#7483b5}.shop-benefit-tag{margin-left:auto;white-space:nowrap;padding:8px 13px;background:#ffffffb3;border:1px solid #d7dfff;border-radius:30px;font-size:11px}@media(max-width:600px){.service-notice.shop-benefit-banner{padding:20px 16px;gap:13px;flex-wrap:wrap}.shop-benefit-icon{width:42px;height:42px;border-radius:12px}.shop-benefit-icon svg{width:22px}.shop-benefit-banner strong{font-size:16px}.shop-benefit-banner p{font-size:11px}.shop-benefit-tag{margin-left:55px;padding:4px 10px;font-size:10px}}.plan-speed{color:var(--blue)}.plan-speed small{font-size:9px;border:1px solid #dce3ff;border-radius:4px;padding:2px 5px}.editor-page.wrap{width:min(1440px,calc(100% - 48px))}.svg-editor-backdrop{position:fixed;inset:0;z-index:150;background:#17243d99;display:flex;align-items:center;justify-content:center;padding:24px}.svg-editor-backdrop>.svg-editor{max-width:1500px}@media(max-width:600px){.editor-page.wrap{width:calc(100% - 24px)}.svg-editor-backdrop{padding:8px}}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #9faeff;outline-offset:4px}button{border:0}svg{flex-shrink:0}.wrap{width:min(1216px,calc(100% - 96px));margin:auto}.site-header{height:94px;width:min(1360px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:23px;letter-spacing:-1px}.brand-mark{width:40px;height:40px;display:block;flex-shrink:0;object-fit:contain}.brand-english{font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:2.6px;display:block;font-weight:600;line-height:15px}.site-header nav{display:flex;gap:48px;font-size:13px;font-weight:500;margin-left:56px;margin-right:auto}.site-header nav a{color:#62666a;position:relative}.site-header nav a:hover,.site-header nav .router-link-active{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:23px;font-size:13px}.text-button{background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#555b63;padding:8px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:49px;border-radius:7px;padding:13px 23px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--blue);color:#fff;box-shadow:0 4px 10px #3a59ed12}.button.primary:hover{background:#2948d9}.button.dark{background:var(--ink);color:#fff}.button.outline{background:transparent;border:1px solid #d7d9df;color:#353a42}.button.small{min-height:38px;padding:9px 16px;font-size:12px}.account-link{display:flex;align-items:center;gap:9px}.avatar{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:50%;background:#e9edff;color:var(--blue);font-weight:700}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:78px;padding-bottom:68px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;color:#767c83;display:flex;gap:9px;align-items:center}.live-dot{display:inline-block;background:#7a9c81;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 4px #7a9c810d;flex-shrink:0}.hero .live-dot{background:var(--blue)}h1,h2,h3,p{margin:0}.hero h1{font-size:clamp(40px,4.15vw,61px);line-height:1.38;letter-spacing:-2.8px;font-weight:800;margin:23px 0 18px}.blue{color:var(--blue)}.title-star{font-family:Georgia,serif;position:relative;top:-16px;left:10px;font-size:29px;font-weight:400}.hero-description{font-size:14px;line-height:1.95;color:#7c8189}.upload-box{margin-top:30px;padding:18px 18px 15px;border:1px dashed #cdd2e6;border-radius:11px;background:#f5f6fc;max-width:424px;text-align:center;transition:background .2s}.upload-box.dragging{background:#e2e7ff;border-color:var(--blue)}.upload-button{width:100%;font-size:14px;min-height:54px;gap:14px}.upload-button svg:last-child{margin-left:auto}.upload-box p{font-size:11px;color:#888e9b;margin:12px 0}.file-types{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#999eaa}.file-types span{font-size:8px;border:1px solid #dde0ea;background:#fcfcff;border-radius:3px;padding:2px 4px;color:#7a8091}.file-types i{height:10px;width:1px;background:#d7dbe5;margin:0 5px}.hero-footnote{display:flex;align-items:center;gap:6px;font-size:10px;color:#8c9198;margin-top:18px}.hero-footnote>span{margin:0 7px;color:#bbb}.hero-art{position:relative;transform:rotate(-2deg);padding:18px;background:#fff;border:1px solid #e5e7e4;border-radius:17px;box-shadow:0 15px 60px #202b4a08;margin-bottom:12px}.art-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:10px;color:#8b9098}.art-topline>span{display:flex;align-items:center;gap:7px}.zoom-label{font-family:monospace;letter-spacing:.4px;font-size:9px}.demo-board{height:324px;background-color:#f5f3ed;background-image:radial-gradient(#cfd1d0 .8px,transparent .8px);background-size:15px 15px;position:relative;border:1px solid #e8e8e4;border-radius:9px;overflow:hidden;display:flex}.demo-half{width:50%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.demo-half img{position:absolute;width:320px;max-width:none;height:300px;object-fit:contain;top:20px}.pixels img{left:65px;image-rendering:pixelated;filter:saturate(.86)}.vectors img{right:64px}.canvas-label{z-index:1;font-size:9px;position:absolute;top:13px;display:flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid #dddeda;background:#fcfcf7e8;border-radius:4px;color:#7a7c7e}.pixels .canvas-label{left:13px}.vectors .canvas-label{right:13px;color:var(--blue);border-color:#d2d9f8;background:#f3f5ff}.detail-tag{position:absolute;bottom:14px;font-size:7px;letter-spacing:1px;color:#9ba0a1;display:flex;gap:5px;align-items:center}.pixels .detail-tag{left:14px}.vectors .detail-tag{right:14px;color:#7d8bb3}.demo-divider{position:absolute;top:0;bottom:0;left:50%;border-left:1px solid var(--blue);display:grid;align-items:center}.demo-divider svg{background:#fff;box-sizing:content-box;border:1px solid var(--blue);border-radius:50%;padding:7px;margin-left:-17px;color:var(--blue);box-shadow:0 2px 8px #0001}.art-caption{display:flex;align-items:center;gap:11px;padding:17px 0 0}.mini-icon{display:grid;place-items:center;background:#f1f3ff;width:34px;height:34px;border-radius:7px;color:var(--blue)}.art-caption strong{display:block;font-size:11px;letter-spacing:.3px;font-weight:500}.art-caption div>span{display:block;font-size:8px;color:#a1a5ad;margin-top:5px}.sparkle-outline{margin-left:auto;font-size:28px;color:#9da7d0}.floating-note{position:absolute;right:-28px;bottom:-24px;transform:rotate(7deg);background:#edf1e8;border:1px solid #dce4d5;border-radius:6px;padding:11px 14px;display:flex;gap:12px;align-items:center;color:#6d8061;font-size:10px}.use-cases{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 0 30px;text-align:center}.use-cases>span{font-size:9px;color:#a3a6ab;letter-spacing:1px}.use-cases>div{margin-top:18px;font-size:14px;color:#747a80;display:flex;gap:40px;justify-content:center;align-items:center;font-weight:500}.use-cases>div>span{font-size:15px;color:#b5b7bc}.steps{padding-top:72px;padding-bottom:65px}.section-heading{text-align:center}.section-heading .eyebrow{justify-content:center;font-size:8px;color:var(--blue);letter-spacing:2px}.section-heading h2{font-size:29px;letter-spacing:-1px;margin:13px 0}.section-heading p{font-size:12px;color:#90959c}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;padding:45px 20px 0}.step-grid article{position:relative;padding-top:9px}.step-number{position:absolute;right:9px;top:0;font-family:Georgia,serif;font-size:46px;color:#e9eae5;font-style:italic}.step-grid article>svg{width:31px;height:31px;stroke-width:1.4;color:var(--blue);margin-bottom:20px}.step-grid h3{font-size:16px;margin-bottom:12px}.step-grid p{font-size:12px;line-height:1.9;color:#969aa0;max-width:260px}.membership-banner{background:#edf0f8;border:1px solid #e1e6f2;border-radius:12px;padding:38px 40px;display:flex;gap:30px;align-items:center}.membership-banner>svg{color:#7588cc;stroke-width:1.2}.membership-banner h2{font-size:23px;margin:10px 0}.membership-banner p{font-size:12px;color:#81899c}.membership-banner .eyebrow{font-size:8px;color:#7587b6}.membership-banner .button{margin-left:auto}.faq{padding:70px 110px}.faq h2{text-align:center;font-size:24px;margin-bottom:28px}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:21px 0;font-size:13px;font-weight:500}.faq details p{padding:0 25px 22px 0;color:#8d9299;font-size:12px;line-height:1.9}.site-footer{border-top:1px solid var(--line);padding:27px 0 32px;display:flex;gap:22px;align-items:center;font-size:10px;color:#9ba0a5}.footer-brand{display:inline-flex;align-items:center;gap:8px;font-size:16px;color:#424953;font-weight:700;letter-spacing:1px}.footer-brand span{font-size:9px;letter-spacing:2px;margin-left:5px;font-weight:500}.site-footer>div{display:flex;gap:24px;margin-left:auto}.page{min-height:calc(100vh - 183px);padding-top:56px;padding-bottom:70px}.page h1{font-size:35px;letter-spacing:-1.5px;margin:15px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-heading p,.center-heading p{color:#92979f;font-size:13px;line-height:1.9}.center-heading{text-align:center;padding:15px 0 36px}.center-heading .eyebrow{justify-content:center;color:var(--blue);font-size:9px}.center-heading h1{font-size:38px;margin:19px 0}.member-strip{display:flex;justify-content:space-between;background:#f1f3fc;border:1px solid #e3e7f5;border-radius:7px;padding:13px 16px;font-size:11px;color:#7381a3;gap:15px;margin-bottom:23px}.member-strip>span,.member-strip>a{display:flex;align-items:center;gap:9px}.member-strip .muted{background:#aaa}.member-strip a{color:var(--blue)}.empty-panel{padding:70px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;min-height:360px;color:#9ba3b7}.empty-panel h2{font-size:20px;color:#555f73;font-weight:500}.empty-panel p{font-size:12px;color:#9ba0ab;line-height:1.9;max-width:420px}.workspace-grid{display:grid;grid-template-columns:270px minmax(0,1fr);border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;min-height:490px}.studio.wrap{width:min(1216px,calc(100% - 96px))}.studio .workspace-grid{grid-template-columns:270px minmax(0,1fr);overflow:visible}.studio .task-sidebar{position:sticky;top:18px;align-self:start;min-width:0;max-height:none;overflow:visible}.studio-upload{border:1px dashed #d8deed;border-radius:10px;background:#f8f9ff;padding:18px 10px;text-align:center;margin-bottom:24px}.studio-upload.dragging{background:#e9edff;border-color:var(--blue)}.studio-upload .button{width:100%;justify-content:center;padding:12px 8px}.studio-upload p{color:#788399;font-size:11px;margin:14px 0 7px}.studio-upload small{color:#9aa3b3;font-size:9px}.studio-task-list{max-height:calc(100dvh - 270px);overflow-y:auto}.studio .result-panel{min-width:0;border-left:1px solid var(--line)}.studio .task-sidebar{border-right:none}.studio-previews{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.studio-previews figure{min-width:0;margin:0}.studio-previews figure+figure{border-left:1px solid var(--line)}.studio-previews figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 20px;font-size:12px;border-bottom:1px solid var(--line)}.studio-previews figcaption small{color:#97a1b0;font-size:9px;letter-spacing:1px}.studio-image-canvas{height:clamp(320px,60dvh,900px);display:flex;align-items:center;justify-content:center;padding:clamp(8px,2vw,28px);background-color:#fafafa;background-image:linear-gradient(45deg,#eaece9 25%,transparent 25%),linear-gradient(-45deg,#eaece9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eaece9 75%),linear-gradient(-45deg,transparent 75%,#eaece9 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.studio-image-canvas img{display:block;width:100%;height:100%;object-fit:contain;min-width:0}@media(max-width:760px){.studio.wrap{width:calc(100% - 36px)}.studio .workspace-grid{grid-template-columns:clamp(108px,26vw,180px) minmax(0,1fr)}.studio .task-sidebar{padding:12px 6px;border-bottom:none}.studio-upload{padding:12px 4px}.studio-upload .button{font-size:10px;gap:4px}.studio-upload .button svg{width:13px}.studio-upload small{display:block;line-height:1.7}.studio .task-heading{flex-direction:column;gap:6px}.studio .task-item{padding:8px 4px;gap:5px}.studio .task-item>img{width:26px;height:26px}.studio .task-item>svg{display:none}.studio-previews figcaption{padding:12px 5px;font-size:10px}.studio-previews figcaption small{display:none}.studio-image-canvas{height:45dvh;min-height:240px;padding:6px}.studio .result-toolbar{flex-wrap:wrap}.studio .result-toolbar>div{flex-basis:100%}.studio .result-bottom{flex-direction:column;align-items:flex-start}}.task-sidebar{border-right:1px solid var(--line);padding:18px 12px}.task-heading{display:flex;justify-content:space-between;font-size:12px;padding:3px 6px 20px;font-weight:600}.task-heading>span{font-weight:400;color:#939cae;font-size:10px}.task-item{background:none;width:100%;display:flex;align-items:center;gap:9px;padding:12px 8px;border-radius:6px;text-align:left;margin-bottom:5px;color:#656f80}.task-item.selected{background:#f0f3ff;color:var(--blue)}.task-item img{width:35px;height:35px;object-fit:contain;border-radius:4px;background:#fff}.task-item>span{min-width:0;flex:1}.task-item strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500}.task-item small{display:block;font-size:9px;color:#919aab;margin-top:6px}.task-item .succeeded{color:#6a9472}.task-item .failed{color:#d37d6d}.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 22px;border-bottom:1px solid var(--line)}.result-toolbar>div{min-width:0;flex:1}.result-toolbar strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:500;max-width:400px}.result-toolbar span{display:block;color:#949eaf;font-size:9px;margin-top:7px}.compare-canvas{height:440px;background-color:#fafafa;background-image:linear-gradient(45deg,#eaece9 25%,transparent 25%),linear-gradient(-45deg,#eaece9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eaece9 75%),linear-gradient(-45deg,transparent 75%,#eaece9 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;position:relative;overflow:hidden}.compare-images{position:absolute;inset:25px;transform-origin:center}.compare-images img,.original-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.original-overlay{background:transparent}.compare-label{position:absolute;top:14px;padding:6px 9px;border-radius:4px;background:#fffd;font-size:9px;color:#8691a5}.compare-label.left{left:15px}.compare-label.right{right:15px}.compare-line{position:absolute;top:0;bottom:0;border-left:1px solid var(--blue);display:grid;align-items:center;pointer-events:none}.compare-line svg{background:#fff;border:1px solid var(--blue);padding:6px;border-radius:50%;box-sizing:content-box;margin-left:-16px;color:var(--blue)}.compare-slider{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.result-bottom{display:flex;align-items:center;gap:18px;justify-content:space-between;font-size:9px;color:#929cab;padding:14px 20px}.result-bottom select{border:1px solid var(--line);background:#fff;border-radius:4px;padding:4px;font-size:10px;color:#677185}.service-notice{padding:16px 20px;border:1px solid #ede5cb;background:#faf7ed;color:#a58c49;font-size:11px;display:flex;align-items:center;gap:12px;border-radius:7px;margin-bottom:34px}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.plan-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;position:relative;border:1px solid var(--line);border-radius:11px;background:#fff;padding:30px 24px;display:flex;flex-direction:column}@media(hover:hover)and (pointer:fine){.plan-card:hover{transform:translateY(-6px);border-color:#a9baff;box-shadow:0 14px 32px #3659ff12}.plan-card.featured:hover{border-color:var(--blue);box-shadow:0 16px 36px #3659ff20}}.plan-card:focus-within{border-color:#a9baff;box-shadow:0 8px 24px #3659ff12}@media(prefers-reduced-motion:reduce){.plan-card{transition:none}.plan-card:hover{transform:none}}.plan-card.featured{border:1.5px solid var(--blue);background:#fafbff}.plan-badge{position:absolute;right:15px;top:-12px;background:var(--blue);color:#fff;padding:5px 10px;font-size:9px;border-radius:4px}.plan-period{font-size:9px;letter-spacing:2px;color:#9aa2b0}.plan-card h2{font-size:25px;margin:20px 0 10px}.plan-card>p{font-size:10px;color:#959daa}.plan-price{font-size:22px;margin:32px 0 12px;font-weight:600;letter-spacing:-.8px}.plan-card ul{list-style:none;padding:20px 0 25px;margin:0;border-top:1px solid var(--line)}.plan-card li{display:flex;gap:9px;align-items:center;font-size:11px;color:#7e8797;padding:9px 0}.plan-card li svg{color:#8595cf}.plan-card .button{width:100%;padding:12px 8px;font-size:11px;margin-top:auto}.plans-note{margin-top:25px;text-align:center;font-size:10px;color:#9ba0a8;line-height:1.8}.redeem-page{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-left:70px;padding-right:70px}.redeem-copy h1{font-size:48px;line-height:1.5;margin:24px 0;letter-spacing:-2px}.redeem-copy>p{font-size:13px;line-height:2;color:#8b929d}.redeem-points{display:flex;flex-direction:column;gap:18px;margin-top:30px;font-size:11px;color:#818b9f}.redeem-points span{display:flex;gap:11px;align-items:center}.redeem-points svg{color:#8095d3}.redeem-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:38px;box-shadow:0 12px 40px #2b365506}.ticket-icon{width:58px;height:58px;background:#edf1ff;display:grid;place-items:center;border-radius:12px;color:#8093dc;margin-bottom:24px}.redeem-card h2{font-size:23px}.redeem-card>p{font-size:11px;color:#9aa0ad;line-height:1.9;margin:12px 0 27px}label{display:block;font-size:11px;color:#656e7d;margin:15px 0 9px;font-weight:500}input:not([type=range]){width:100%;padding:13px 14px;border:1px solid #dfe2e9;border-radius:6px;background:#fff;font-size:12px;color:#44506a}input::placeholder{color:#b0b6c2}.redeem-card>.button{margin-top:18px;width:100%}.current-membership{background:#f7f8fb;padding:15px 16px;border-radius:6px;font-size:10px;color:#97a0b2;display:flex;flex-wrap:wrap;justify-content:space-between;margin:24px 0}.current-membership strong{color:#6e7e9e;font-weight:500}.current-membership small{width:100%;font-size:10px;margin-top:10px}.redeem-card>a{display:flex;gap:7px;align-items:center;justify-content:center;font-size:10px;color:#8e9ab4}.account-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0 45px}.account-cards article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:30px;overflow-wrap:anywhere}.account-cards span{font-size:11px;color:#9099ab}.account-cards h3{font-size:22px;margin:20px 0 14px;font-weight:500}.account-cards p{font-size:11px;color:#a0a8b7}.account-cards .member-card{background:#f0f3ff;border-color:#dfe5fa}.member-card a{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--blue);margin-top:18px}.account-dropdown{position:relative}.account-dropdown>summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.account-dropdown>summary::-webkit-details-marker{display:none}.account-dropdown>summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px;border-radius:5px}.account-dropdown-panel{position:absolute;top:calc(100% + 14px);right:0;z-index:100;min-width:160px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 30px #1b29441a}.account-dropdown-panel>a,.account-dropdown-panel>button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:6px;background:transparent;color:#4d596b;font:inherit;font-size:12px;text-align:left;cursor:pointer}.account-dropdown-panel>a:hover,.account-dropdown-panel>button:hover,.account-dropdown-panel>a:focus-visible,.account-dropdown-panel>button:focus-visible{background:#f0f3fa;color:var(--blue)}.orders-title{font-size:18px;margin-bottom:22px}.home-example{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;margin-top:52px;margin-bottom:64px}.home-example-art{display:grid;place-items:center;min-height:320px;padding:32px;border:1px solid var(--line);border-radius:20px;background:#f4f3ee}.home-example-art img{display:block;max-width:100%;width:400px;height:320px;object-fit:contain}.home-example-copy h2{font-size:clamp(25px,3vw,38px);line-height:1.5;margin:14px 0}.home-example-copy p{color:#858b95;font-size:14px;line-height:1.9}.home-example-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px}.home-example-tags span{padding:5px 10px;border:1px solid #e4e7ed;border-radius:5px;color:#7b8494;font-size:11px}.home-example-copy small{display:block;margin-top:18px;color:#9aa1ab;font-size:10px;line-height:1.8}.home-example-copy small a{text-decoration:underline}@media(max-width:760px){.home-example{grid-template-columns:1fr;gap:24px}.home-example-art{min-height:240px;padding:20px}.home-example-art img{height:240px}}.current-membership.redemption-success{background:#f0f7ff;border-color:#d4e4ff}.redeem-expiry{flex-basis:100%;margin-top:14px;padding-top:12px;border-top:1px solid #e7eaf0;text-align:left}.redeem-expiry>span{display:block;color:#8b94a3;font-size:11px;margin-bottom:5px}.redeem-expiry>time{display:block;color:#4c5a70;font-size:15px;font-weight:600;line-height:1.6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.redemption-growth{width:100%;margin-top:16px}.redemption-growth-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.redemption-growth-heading>span{display:inline-flex;align-items:center;gap:5px;color:#347252;font-size:12px}.redemption-growth-heading>strong{color:var(--blue);font-size:20px}.redemption-growth-track{height:6px;overflow:hidden;border-radius:6px;background:#dde7f7;margin:12px 0}.redemption-growth-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9ab7ff,#3659ff)}.redemption-growth-summary{color:#70819c;font-size:11px}.account-summary{background:#fff;border:1px solid #e1e6ef;border-radius:16px;padding:26px}.account-summary-identity{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.account-summary-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eef2ff;color:var(--blue)}.account-summary-identity h3{margin:0;font-size:18px;overflow-wrap:anywhere}.account-summary-identity p,.account-membership-detail p{margin:7px 0 0;font-size:12px;color:#848d9b}.account-membership-badge{margin-left:auto;padding:6px 10px;border-radius:6px;background:#eaf5ee;color:#337452;font-size:11px}.account-membership-badge.inactive{background:#f0f1f4;color:#7c8490}.account-membership-detail{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.account-time-label{display:block;font-size:12px;color:#838c9a;margin-bottom:10px}.account-countdown{font-size:clamp(18px,3vw,28px);font-weight:600;font-variant-numeric:tabular-nums;color:#293954}.account-membership-detail .button{font-size:12px;padding:10px 16px}.account-time-progress{position:relative;margin-top:20px;height:26px;border-radius:7px;background:#eef1f6;overflow:hidden}.account-time-progress>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#dce6ff,#b1c5ff);transition:width 1s linear}.account-progress-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#243a63;font-variant-numeric:tabular-nums}.account-progress-note{margin:9px 0 0;font-size:11px;color:#929aa6}.orders-table-wrap{overflow-x:auto;margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:10px}.orders-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.orders-table th{padding:14px 18px;color:#7a8391;font-weight:400;border-bottom:1px solid var(--line)}.orders-table td{padding:17px 18px;color:#424c5c;border-bottom:1px solid #f0f1f4}.orders-table tbody tr:last-child td{border-bottom:0}.orders-table td small{display:block;margin-top:5px;color:#8b93a0;font-size:11px}.orders-table code{font-size:11px;color:#858d99}.orders-table-status{color:#858d99;font-size:11px}.orders-table-status.pending_payment{color:#986a28}.orders-table-status.paid{color:#34785b}.orders-table-actions{display:flex;align-items:center;gap:14px}.orders-table-actions .text-button{color:var(--blue);font-size:12px}.orders-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;font-size:12px;color:#828b99}.orders-pagination>div{display:flex;align-items:center;gap:14px}.orders-pagination button{padding:7px 11px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#4f5b70;font:inherit;cursor:pointer}.orders-pagination button:disabled{opacity:.4;cursor:default}.orders-pagination button:not(:disabled):hover{color:var(--blue);border-color:#a9baff}.membership-code-section{margin:36px 0 44px}.membership-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.membership-section-heading .orders-title{margin:0}.membership-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 4px;border-bottom:1px solid var(--line)}.membership-tabs-row .membership-tabs{margin:0;border-bottom:0}.membership-buy-link{flex-shrink:0;color:var(--blue);font-size:11px;white-space:nowrap}.membership-tabs-row .membership-tabs button{padding-left:10px;padding-right:10px}.membership-code-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;margin-top:16px}.membership-code-card{min-width:0;padding:20px;border:1px solid #e1e6f0;border-radius:12px;background:linear-gradient(135deg,#edf2ff,#f8faff 55%,#fff);box-shadow:0 2px 6px #17244b04}.membership-code-card:not(.redeemed){--card-accent:#9a641d;--card-tint:#fbf2e3;border-color:#eee5d7;background:linear-gradient(135deg,#fff8ec,#fffdf8 60%,#fff)}.membership-code-card:not(.redeemed) .membership-card-symbol,.membership-code-card:not(.redeemed) .membership-code-status{color:var(--card-accent,var(--blue));background:var(--card-tint,#edf1ff)}.membership-code-card:not(.redeemed) .membership-code-footer .text-button{color:var(--card-accent,var(--blue))}.membership-code-card.redeemed{background:linear-gradient(135deg,#eceef1,#f3f4f5 55%,#f8f9fa);border-color:#e4e6e8;box-shadow:none}.membership-code-card.redeemed h3{color:#747b85}.membership-code-card.redeemed .membership-card-symbol{color:#858c95;background:#e7e9ec}.membership-code-card.redeemed .membership-card-tags span{color:#737b85;background:#e7e9ec}.membership-code-card.redeemed .membership-code-value code{color:#111}.membership-card-name{display:flex;align-items:center;gap:9px;min-width:0}.membership-card-symbol{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;border-radius:9px;background:#edf1ff;color:var(--blue)}.membership-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.membership-card-tags span{padding:4px 7px;border-radius:4px;background:#f0f3fa;color:#67748d;font-size:10px}.membership-code-card:not(.redeemed)[data-duration="1"] .membership-duration-tag{color:#99631b;background:#faecd1}.membership-code-card:not(.redeemed)[data-duration="7"] .membership-duration-tag{color:#246c54;background:#e0f2e8}.membership-code-card:not(.redeemed)[data-duration="30"] .membership-duration-tag{color:#345ab1;background:#e5edff}.membership-code-card:not(.redeemed)[data-duration="90"] .membership-duration-tag{color:#7849a0;background:#f0e5fa}.membership-card-tags .membership-test-note{background:#faf3e8;color:#946a2e}.membership-tabs{display:flex;gap:4px;margin:16px 0 4px;border-bottom:1px solid var(--line)}.membership-tabs button{display:flex;align-items:center;gap:7px;padding:11px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#828a97;font:inherit;font-size:12px;cursor:pointer}.membership-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.membership-tabs button span{padding:2px 6px;border-radius:5px;background:#f0f2f6;font-size:10px}.membership-tabs button.active span{background:#edf1ff}.membership-tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.membership-code-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.membership-code-status{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;padding:4px 7px;border-radius:5px;background:#edf1ff;color:var(--blue);font-size:10px}.membership-code-status.used{color:#747b85;background:#e5e7ea}.membership-code-card h3{margin:0;font-size:14px;font-weight:500}.membership-code-value{display:flex;align-items:center;gap:10px;padding:0;margin-top:14px}.membership-code-value code{min-width:0;flex:1;overflow-x:auto;white-space:nowrap;-webkit-user-select:all;user-select:all;font-size:12px;font-weight:700;line-height:1.8;color:#111}.membership-code-value button{flex-shrink:0}.membership-test-note{color:#986822}.membership-code-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.membership-code-footer>span{color:#89919d;font-size:11px}.membership-code-footer .text-button{font-size:12px;color:var(--blue)}.orders-list article{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.order-icon{display:grid;place-items:center;width:42px;height:42px;background:#f0f2f9;border-radius:8px;color:#8a9ac4}.orders-list strong{font-size:12px;font-weight:500}.orders-list small{display:block;font-size:10px;color:#a4acb9;margin-top:8px}.order-status{margin-left:auto;font-size:10px;color:#a3936b}.muted-copy{font-size:11px;line-height:1.9;color:#98a1b3;padding:12px 6px}.muted-copy a{color:var(--blue)}.modal-backdrop{position:fixed;inset:0;background:#18253970;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;display:grid;place-items:center;padding:24px;overflow:auto}.auth-modal{width:min(440px,100%);background:#fff;border-radius:16px;padding:38px;box-shadow:0 20px 100px #121a3340;position:relative}.modal-close{position:absolute;right:16px;top:16px;background:none;color:#9aa3b6;padding:6px}.auth-modal>.brand-mark{width:48px;height:48px;margin-bottom:27px}.auth-modal .eyebrow{font-size:8px;color:#919ab0}.auth-modal h2{font-size:23px;letter-spacing:-.7px;line-height:1.5;margin:14px 0}.auth-modal>p{font-size:11px;color:#9ba3b1;line-height:1.8}.auth-modal form{margin-top:24px}.auth-modal form .button{width:100%;margin-top:24px}.auth-note{font-size:9px!important;margin-top:18px;text-align:center}.switch-auth{display:flex;margin:18px auto 0;font-size:11px;color:var(--blue)}.form-error{color:#c86e5f;font-size:10px;line-height:1.8;margin-top:10px}.toast-message{position:fixed;bottom:30px;left:50%;transform:translate(-50%);max-width:min(560px,calc(100% - 32px));padding:15px 23px;border-radius:8px;background:#29344a;color:#fff;box-shadow:0 8px 30px #1113;z-index:50;font-size:12px;line-height:1.8}.toast-message.error{background:#8f4f4f}.toast-enter-active,.toast-leave-active{transition:opacity .2s}.toast-enter-from,.toast-leave-to{opacity:0}.spinning{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-menu{display:none}.pixels img{left:calc(100% - 160px)}.vectors img{right:calc(100% - 160px)}@media(min-width:1450px){.pixels img{left:calc(100% - 160px)}.vectors img{right:calc(100% - 160px)}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:32px}.hero h1{font-size:46px}.hero-art{padding:12px}.demo-board{height:300px}.demo-half img{width:280px;height:280px;top:10px}.pixels img{left:40px}.vectors img{right:40px}.site-header nav{margin-left:0;gap:22px}.use-cases>div{gap:23px}.step-grid{gap:30px}.plans{grid-template-columns:repeat(2,1fr);gap:25px}.redeem-page{gap:45px;padding-left:20px;padding-right:20px}.membership-banner{padding:28px;gap:20px}.membership-banner h2{font-size:20px}.membership-banner .button{font-size:11px}.faq{padding:60px 55px}.workspace-grid{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:760px){.site-header{height:76px;width:calc(100% - 36px);gap:12px}.brand{font-size:21px;gap:7px}.brand-english{font-size:8px}.site-header nav{display:none}.header-actions{gap:14px;font-size:11px}.header-actions .small{font-size:10px;padding:8px 11px}.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:43px;gap:42px}.hero h1{font-size:46px;letter-spacing:-2px}.hero-description{font-size:13px}.hero-art{width:min(460px,calc(100% - 10px));margin:0 auto;transform:rotate(-1deg);padding:14px}.hero-copy .eyebrow{font-size:9px}.upload-box{max-width:none}.demo-board{height:292px}.demo-half img{width:280px;height:280px}.pixels img{left:55px}.vectors img{right:55px}.floating-note{right:-9px;bottom:-17px;font-size:9px}.hero-footnote{justify-content:center;font-size:9px}.use-cases>div{display:block;line-height:2.2;font-size:11px}.use-cases>div>span{margin:0 10px}.use-cases{padding:22px 0}.steps{padding-top:45px;padding-bottom:40px}.section-heading h2{font-size:23px}.section-heading p{font-size:11px}.step-grid{grid-template-columns:1fr;gap:33px;padding:35px 10px 0}.step-grid article{padding-left:54px}.step-grid article>svg{position:absolute;left:0;top:10px}.step-grid h3{font-size:15px}.step-grid p{max-width:100%;font-size:11px}.step-number{font-size:35px;top:0;right:0}.membership-banner{padding:25px;flex-wrap:wrap;gap:15px}.membership-banner>svg{width:28px}.membership-banner h2{font-size:17px}.membership-banner p{font-size:10px;line-height:1.9}.membership-banner .eyebrow{font-size:7px}.membership-banner .button{width:100%;margin-top:6px}.faq{padding:44px 0}.faq h2{font-size:22px}.faq summary{font-size:12px}.site-footer{flex-wrap:wrap;gap:14px;padding-bottom:23px}.site-footer>div{margin-left:0;width:100%;gap:24px;margin-top:7px;font-size:9px}.page{padding-top:30px;min-height:calc(100vh - 203px)}.page h1,.center-heading h1{font-size:28px;line-height:1.55;letter-spacing:-1px}.page-heading{align-items:flex-start;gap:15px}.page-heading>.button{font-size:10px;padding:10px 13px;min-height:38px}.page-heading .eyebrow{font-size:7px;letter-spacing:1px}.page-heading p{font-size:10px}.member-strip{font-size:9px;padding:12px;flex-direction:column;gap:10px}.workspace-grid{grid-template-columns:1fr}.task-sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:225px;overflow:auto}.task-heading{padding-bottom:9px}.task-item{padding:8px}.result-toolbar{padding:14px 12px;gap:10px}.result-toolbar .button{font-size:10px;padding:9px}.compare-canvas{height:340px}.result-bottom{font-size:8px;padding:12px;gap:7px}.empty-panel{min-height:290px;padding:38px 20px}.empty-panel h2{font-size:17px}.center-heading{padding:5px 0 25px}.center-heading .eyebrow{font-size:7px;letter-spacing:1px}.center-heading p{font-size:11px}.service-notice{font-size:10px;line-height:1.9;padding:12px}.plans{gap:18px 12px}.plan-card{padding:25px 15px}.plan-card h2{font-size:21px;margin-top:16px}.plan-card>p{font-size:9px;line-height:1.8;min-height:30px}.plan-price{font-size:18px;margin:22px 0 12px}.plan-card ul{padding:14px 0}.plan-card li,.plan-card .button{font-size:9px;gap:5px}.plan-card .button svg{width:12px}.plan-badge{right:8px;font-size:8px}.plans-note{font-size:9px}.redeem-page{grid-template-columns:1fr;gap:32px;padding-left:0;padding-right:0}.redeem-copy h1{font-size:36px;margin:15px 0}.redeem-copy>p{font-size:11px}.redeem-points{font-size:10px;gap:12px;margin-top:20px}.redeem-card{padding:28px}.account-cards{grid-template-columns:1fr;gap:15px;margin-top:24px}.account-cards article{padding:24px}.account-cards h3{font-size:19px}.order-status{font-size:8px;text-align:right;max-width:85px;line-height:1.7}.orders-list article{gap:12px}.orders-list small{font-size:8px}.auth-modal{padding:30px 26px}.auth-modal h2{font-size:21px}.account-link{font-size:10px}}@media(max-width:1100px){.pixels img{left:calc(100% - 140px)}.vectors img{right:calc(100% - 140px)}}@media(max-width:760px){.site-header{position:relative}.mobile-menu{display:flex;margin-left:auto;padding:9px}.site-header nav.open{display:flex;position:absolute;top:100%;left:0;right:0;padding:18px;background:#fff;z-index:10;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 24px #1925430a;justify-content:space-between;gap:8px}.site-header nav.open a{font-size:11px}.use-cases>div{display:flex;flex-wrap:wrap;gap:8px 12px}.use-cases>div>span{margin:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.payment-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:#10182880;padding:20px}.payment-dialog{width:min(100%,440px);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;padding:28px;text-align:center;box-shadow:0 24px 80px #10182830}.payment-dialog>.text-button{display:block;margin-left:auto}.payment-dialog .button{margin:16px auto}.payment-dialog p{margin:16px 0;line-height:1.6}.payment-code{display:block;overflow-wrap:anywhere;padding:16px;background:#f2f5fa;border-radius:12px;-webkit-user-select:all;user-select:all}