.apx{--apx-ink:#14143e;--apx-ink-2:#3a3670;--apx-muted:#737799;--apx-line:#e5e4ff;--apx-soft:#f5f4ff;--apx-accent:#6246f5;--apx-good:#00884e;--text-primary:#14143e;--text-secondary:#5d6089;--text-muted:#7b7da2;--border-subtle:#e5e4ff;--border-medium:#d6d3fb;--surface-2:#f7f6ff;--surface-3:#efedff;min-height:100vh;color:var(--apx-ink);font-family:var(--font-inter), Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(at 50% 12%,#fff 0,#f5f4ff 78%);padding:14px 24px 28px;font-size:13px}.apx *,.apx :before,.apx :after{box-sizing:border-box}.apx h1,.apx h2,.apx h3,.apx p{margin:0}.apx h1{letter-spacing:-.7px;font-size:22px;font-weight:750;line-height:1.25}.apx h2{letter-spacing:-.3px;font-size:16px;font-weight:700;line-height:1.3}.apx p{color:#777b9d;line-height:1.55}.apx :focus-visible{outline-offset:3px;outline:3px solid #8e7aff}.apx-btn{height:40px;font:inherit;color:#25205c;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dfdfff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex}.apx-btn:hover:not(:disabled){background:#f1eeff;box-shadow:0 3px 12px #6246f514}.apx-btn:disabled{opacity:.45;cursor:not-allowed}.apx-btn.is-primary{color:#fff;background:linear-gradient(115deg,#8270ff,#7025ef);border-color:#8567ff;box-shadow:0 5px 12px #6d45f52b}.apx-btn.is-primary:hover:not(:disabled){background:linear-gradient(115deg,#7160f0,#631cdd)}.apx-btn.is-good{color:#fff;background:linear-gradient(115deg,#10b981,#059669);border-color:#10b981;box-shadow:0 5px 12px #05966933}.apx-btn.is-good:hover:not(:disabled){background:linear-gradient(115deg,#0ea472,#047857)}.apx-btn.is-block{width:100%;height:46px;font-size:13px}.apx-header{align-items:center;gap:22px;min-height:50px;margin-bottom:16px;display:flex}.apx-brand{letter-spacing:-.7px;color:#13123d;white-space:nowrap;align-items:center;gap:12px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.apx-brand img{object-fit:contain;border-radius:14px;width:48px;height:48px}.apx-heading{border-left:1px solid #d6d5f7;flex:1;min-width:0;padding-left:22px}.apx-heading p{font-size:12px}.apx-private{color:var(--apx-good);background:#ebfaf5;border:1px solid #dcf1ec;border-radius:14px;align-items:center;gap:12px;padding:9px 14px;display:flex}.apx-private strong{font-size:12px;line-height:1.3;display:block}.apx-private small{color:#218568;font-size:11px;line-height:1.3;display:block}.apx-header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.apx-journey{background:#ffffffc9;border:1px solid #e3e3ff;border-radius:13px;align-items:center;gap:18px;min-height:68px;margin-bottom:12px;padding:14px 20px;display:flex}.apx-steps{flex:1;align-items:center;gap:14px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.apx-step{white-space:nowrap;align-items:center;gap:11px;display:flex}.apx-step strong{font-size:13px;font-weight:650;display:block}.apx-step small{color:var(--apx-muted);font-size:11px;display:block}.apx-num{color:#4431b6;background:#eeecff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:15px;font-weight:650;display:grid}.apx-step.is-active .apx-num{color:#fff;background:linear-gradient(120deg,#9586ff,#641ff0);box-shadow:inset 0 0 10px #ffffff42,0 4px 12px #6d45f533}.apx-step.is-done .apx-num{color:#fff;background:linear-gradient(120deg,#34d399,#059669)}.apx-step.is-pending strong{color:#8c8fb3}.apx-line{background:#dcd6ff;border-radius:2px;flex:1;min-width:18px;max-width:70px;height:2px}.apx-line.is-done{background:#b6a9ff}.apx-format{border-left:1px solid #d7d5fb;align-items:center;gap:10px;min-width:0;margin-left:auto;padding-left:20px;display:flex}.apx-format-emoji{font-size:22px;line-height:1}.apx-format strong{font-size:12px;display:block}.apx-format small{color:var(--apx-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.apx-layout{grid-template:"left canvas right""left export right"1fr/260px minmax(0,1fr) 340px;align-items:start;gap:12px;display:grid}.apx-left{grid-area:left}.apx-canvas-panel{grid-area:canvas}.apx-export{grid-area:export}.apx-right{grid-area:right}.apx-col{flex-direction:column;gap:12px;min-width:0;display:flex}.apx-panel{background:#ffffffed;border:1px solid #e4e3ff;border-radius:13px;min-width:0;box-shadow:0 3px 18px #8070df08}.apx-card{padding:16px}.apx-card-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.apx-card-head h2{align-items:center;gap:8px;font-size:14px;display:flex}.apx-card-head h2 svg{color:var(--apx-accent)}.apx-badge{color:#5b3fe6;white-space:nowrap;background:#efebff;border-radius:99px;margin-left:auto;padding:3px 9px;font-size:10.5px;font-weight:650}.apx-note{color:var(--apx-muted);align-items:flex-start;gap:6px;margin-top:10px;font-size:11.5px;line-height:1.5;display:flex}.apx-note svg{flex-shrink:0;margin-top:2px}.apx-dot{vertical-align:-1px;border:1px solid #c9c5ef;border-radius:50%;width:10px;height:10px;margin:0 3px 0 1px;display:inline-block}.apx-file{border:1px solid var(--apx-line);background:var(--apx-soft);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.apx-file-thumb{object-fit:cover;background:#ebe8ff;border-radius:8px;flex-shrink:0;width:40px;height:40px}.apx-file-body{flex:1;min-width:0}.apx-file-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.apx-file-body small{color:var(--apx-muted);font-size:11px}.apx-icon-btn{color:#8a86b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.apx-icon-btn:hover{border-color:var(--apx-line);color:#dc2626;background:#fff}.apx-tips{gap:8px;margin:0;padding:0;list-style:none;display:grid}.apx-tips li{color:var(--apx-ink-2);gap:8px;font-size:11.5px;line-height:1.5;display:flex}.apx-tips li svg{color:#10b981;flex-shrink:0;margin-top:2px}.apx-panel-heading{flex-wrap:wrap;align-items:center;gap:12px;padding:16px 16px 12px;display:flex}.apx-heading-icon{border:1px solid var(--apx-line);width:38px;height:38px;color:var(--apx-accent);background:#f7f5ff;border-radius:11px;flex-shrink:0;place-items:center;display:grid}.apx-panel-heading p{font-size:12px}.apx-seg{background:#f4f2ff;border:1px solid #e6e2ff;border-radius:9px;margin-left:auto;padding:2px;display:flex}.apx-seg button{font:inherit;color:#78719c;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 14px;font-size:12px}.apx-seg button.is-active{color:#fff;background:linear-gradient(110deg,#8172ff,#6635f1);box-shadow:0 2px 5px #735bf32b}.apx-seg button:disabled{opacity:.5;cursor:not-allowed}.apx-canvas{background-color:#fcfcff;background-image:radial-gradient(#d9d4fc .75px,#0000 .75px);background-size:18px 18px;border:1px solid #ebe9ff;border-radius:11px;justify-content:center;align-items:center;min-height:460px;margin:0 12px 12px;padding:20px;display:flex;position:relative;overflow:hidden}.apx-canvas .pp-crop-wrap{max-width:100%}.apx-crop-img{max-width:100%;max-height:min(560px,62vh);display:block}.apx-hint{color:var(--apx-muted);margin:0 16px 14px;font-size:11.5px}.apx-hint strong{color:#5b3fe6}.apx-drop{width:min(520px,100%)}.apx-drop-title{text-align:center;margin-bottom:14px}.apx-drop-title strong{color:var(--apx-ink);font-size:15px;display:block}.apx-drop-title small{color:var(--apx-muted);font-size:12px}.apx-result-img{background:#fff;border-radius:6px;max-width:100%;max-height:min(460px,58vh);display:block;box-shadow:0 18px 40px #4332c226,0 0 0 1px #e4e1ff}.apx-export-body{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:16px;padding:0 16px 16px;display:grid}.apx-export-preview{aspect-ratio:3/4;text-align:center;color:var(--apx-muted);background:#f8f7ff;border:1px dashed #d8d3ff;border-radius:11px;place-items:center;padding:12px;font-size:12px;display:grid;overflow:hidden}.apx-export-preview img{border-radius:4px;max-width:100%;max-height:100%;box-shadow:0 8px 20px #4332c21f}.apx-export-preview svg{color:#b3abf0;margin-bottom:8px}.apx-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 14px;display:grid}.apx-stat{border:1px solid var(--apx-line);background:#fff;border-radius:10px;min-width:0;padding:9px 10px}.apx-stat small{color:var(--apx-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;display:block}.apx-stat strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.apx-alert{border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:10px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.apx-alert svg{flex-shrink:0;margin-top:2px}.apx-alert.is-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.apx-alert.is-info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.apx-alert.is-good{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.apx-progress{border:1px solid var(--apx-line);background:#faf9ff;border-radius:10px;gap:7px;margin:12px 0 0;padding:12px;list-style:none;display:grid}.apx-progress li{color:#8c8fb3;align-items:center;gap:8px;font-size:12px;display:flex}.apx-progress li.is-active{color:var(--apx-ink);font-weight:600}.apx-progress li.is-done{color:var(--apx-ink-2)}.apx-progress li.is-error{color:#b91c1c}.apx-progress-dot{border:1.5px solid #cfcbef;border-radius:50%;flex-shrink:0;width:14px;height:14px}.apx-generate{z-index:2;padding:14px;position:sticky;bottom:12px}.apx-generate small{text-align:center;color:var(--apx-muted);margin-top:8px;font-size:11px;display:block}@media (min-width:1550px){.apx-layout{grid-template-columns:280px minmax(0,1fr) 370px}}@media (max-width:1350px){.apx-layout{grid-template-columns:230px minmax(0,1fr) 310px}.apx-journey{flex-wrap:wrap}.apx-format{border-top:1px solid #ecebff;border-left:0;width:100%;margin-left:0;padding-top:12px;padding-left:0}.apx-export-body{grid-template-columns:minmax(0,1fr)}.apx-export-preview{justify-self:center;width:100%;max-width:240px}}@media (max-width:1050px){.apx-layout{grid-template:"left right""canvas right""export right"1fr/minmax(0,1fr) 320px}.apx-left{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.apx-private{display:none}}@media (max-width:820px){.apx{padding:12px 12px 24px}.apx-layout{grid-template:"left""canvas""right""export"/minmax(0,1fr)}.apx-generate{position:static}.apx-steps{scrollbar-width:none;padding-bottom:4px;overflow-x:auto}.apx-step small{display:none}}@media (max-width:680px){.apx-header{flex-wrap:wrap;gap:12px}.apx-heading{flex-basis:calc(100% - 200px);padding-left:14px}.apx-heading p{display:none}.apx-header-actions{width:100%;margin-left:0}.apx-header-actions .apx-btn{flex:1}.apx-brand{font-size:19px}.apx-brand img{width:40px;height:40px}.apx-journey{padding:12px}.apx-step{gap:7px}.apx-num{width:30px;height:30px;font-size:13px}.apx-canvas{min-height:300px;margin:0 8px 8px;padding:12px}.apx-crop-img{max-height:58vh}.apx-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:420px){.apx-heading{border-left:0;flex-basis:100%;padding-left:0}.apx-brand span{display:none}}@media (prefers-reduced-motion:reduce){.apx-btn{transition:none}}.tool-page.tool-page-app{padding-top:0}.apx .apx-hint{margin:0 16px 14px}.apx .apx-note{margin-top:10px}@media (max-width:820px){.apx-layout{grid-template-areas:"canvas""right""export""left"}}@media (max-width:680px){.apx-step:not(.is-active)>span:last-child{display:none}.apx-steps{gap:8px}.apx-line{min-width:12px}}.apx .apx-generate{background:#fff;box-shadow:0 -10px 28px #4332c21a,0 3px 18px #8070df14}.apx-size-badge{letter-spacing:.04em;min-width:40px;height:40px;color:var(--badge-color,#6246f5);background:color-mix(in srgb, var(--badge-color,#6246f5) 13%, #fff);border:1px solid color-mix(in srgb, var(--badge-color,#6246f5) 30%, #fff);border-radius:12px;flex-shrink:0;place-items:center;padding:0 8px;font-size:12.5px;font-weight:800;display:inline-grid}.apx-size-badge.is-small{border-radius:9px;min-width:30px;height:30px;padding:0 6px;font-size:10.5px}.apx-modal{--text-primary:#14143e;--text-secondary:#5d6089;--text-muted:#7b7da2;--border-subtle:#e5e4ff;--border-medium:#d6d3fb;--surface-1:#fff;--surface-2:#f7f6ff;--surface-3:#efedff;--brand-400:#6246f5;--brand-500:#6246f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-inter), Arial, sans-serif;background:#14143e73}.apx-modal .modal-panel{background:#fff;border:1px solid #e4e3ff;border-radius:18px;box-shadow:0 30px 80px #281e7847,0 0 0 1px #6246f514}.apx-modal .modal-header{background:radial-gradient(at 20% 0,#f3f0ff 0,#fff 70%);border-bottom-color:#ecebff}.apx-modal .modal-title{letter-spacing:-.4px;color:#14143e;font-size:1.2rem}.apx-modal .modal-close{background:#fff;border-color:#e4e3ff;border-radius:10px;width:36px;height:36px}.apx-modal .modal-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.apx-modal .modal-size-card{background:#fff;border:1.5px solid #e6e4ff;border-radius:14px;gap:6px;padding:16px 10px 14px;box-shadow:0 2px 8px #6246f50a}.apx-modal .modal-size-card:hover{background:#faf9ff;border-color:#cfc8ff;box-shadow:0 8px 20px #6246f51a}.apx-modal .modal-size-card-active{box-shadow:0 0 0 3px #6246f529,0 8px 20px #6246f51f;background:linear-gradient(#f6f3ff,#fff)!important;border-color:#6246f5!important}.apx-modal .modal-size-check{color:#6246f5}.apx-modal .modal-size-label{font-size:.8125rem;font-weight:650}.apx-modal .modal-footer{background:#faf9ff;border-top-color:#ecebff}.apx-modal .btn-primary{background:linear-gradient(115deg,#8270ff,#7025ef);box-shadow:0 5px 12px #6d45f52b}.apx-modal .btn-secondary{color:#25205c;background:#fff;border-color:#dfdfff}@media (max-width:520px){.apx-modal{align-items:flex-end;padding:0}.apx-modal .modal-panel{border-radius:18px 18px 0 0;width:100%;max-height:92vh}.apx-modal .modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}}.apx-layout.is-two{grid-template:"canvas right"/minmax(0,1fr) 360px}@media (max-width:1050px){.apx-layout.is-two{grid-template:"canvas right"/minmax(0,1fr) 320px}}@media (max-width:820px){.apx-layout.is-two{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas""right"}}.apx-compare{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));align-items:start;gap:18px;width:100%;display:grid}.apx-figure{text-align:center;min-width:0;margin:0}.apx-figure figcaption{letter-spacing:.08em;text-transform:uppercase;color:#8c8fb3;margin-bottom:8px;font-size:11px;font-weight:700}.apx-figure.is-result figcaption{color:#6246f5}.apx-figure img{object-fit:contain;background:#fff;border-radius:10px;max-width:100%;max-height:min(480px,56vh);margin:0 auto;display:block;box-shadow:0 14px 34px #4332c21f,0 0 0 1px #e4e1ff}.apx-busy{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:3;background:#ffffffb3;place-items:center;display:grid;position:absolute;inset:0}.apx-busy>div{color:#4431b6;background:#fff;border:1px solid #e4e1ff;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;display:flex;box-shadow:0 10px 30px #4332c21f}.apx-swatches{flex-wrap:wrap;gap:8px;display:flex}.apx-swatch{cursor:pointer;min-width:64px;font:inherit;color:#7b7da2;background:#fff;border:1.5px solid #e6e4ff;border-radius:11px;flex-direction:column;align-items:center;gap:5px;padding:8px 8px 7px;font-size:10.5px;transition:border-color .15s,box-shadow .15s;display:flex}.apx-swatch:hover{border-color:#cfc8ff}.apx-swatch.is-active{color:#4431b6;border-color:#6246f5;font-weight:650;box-shadow:0 0 0 3px #6246f524}.apx-swatch-dot{border:1px solid #d6d3fb;border-radius:50%;width:26px;height:26px}.apx-actions{gap:8px;display:grid}.apx-actions .apx-row{grid-template-columns:1fr auto;gap:8px;display:grid}.apx-panel-heading>div{flex:180px}