.content:has(>.pe){max-width:none;padding:0}body:has(.pe) .mascot:not(.hero),body:has(.pe) .sup-fab{display:none}.pe{display:flex;flex-direction:column;height:calc(100dvh - 64px);min-height:0;overflow:hidden}body:has(.pe),html:has(.pe){overflow:hidden;overscroll-behavior:none}body:has(.pe) .ab,body:has(.pe) .site-foot{display:none}.content:has(>.pe){padding-bottom:0!important}.pe .ic{flex:none}.pe-sp{flex:1 1}.pe-top{display:flex;align-items:center;gap:4px;padding:6px 14px;min-height:48px;border-bottom:1px solid var(--hair);background:var(--surface)}.pe-title{font-size:15px;-webkit-margin-end:6px;margin-inline-end:6px}.pe-dim{font-size:12px;color:var(--fg-3);direction:ltr}.pe-top .btn.icon{width:34px;height:34px;padding:7px}.pe-top .btn.icon.on{background:var(--brand-soft);color:var(--brand-ink)}.pe-top .btn:disabled{opacity:.35}.pe-body{flex:1 1;display:flex;min-height:0}.pe-rail{width:80px;flex:none;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:2px;padding:8px 6px 14px;-webkit-border-end:1px solid var(--hair);border-inline-end:1px solid var(--hair);background:var(--surface)}.pe-rail::-webkit-scrollbar{display:none}.pe-tool{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 7px;border:0;border-radius:var(--r-md);background:transparent;color:var(--fg-2);font:inherit;font-size:10.5px;line-height:1.25;cursor:pointer;transition:background .15s,color .15s}.pe-tool span{max-width:100%;text-align:center}.pe-tool:hover:not(:disabled){background:var(--surface-2);color:var(--fg)}.pe-tool.on{background:var(--brand-soft);color:var(--brand-ink)}.pe-tool:disabled{opacity:.35;cursor:default}.pe-spark{position:absolute;top:6px;inset-inline-end:22px;width:6px;height:6px;border-radius:50%;background:var(--grad)}.pe-panel{width:300px;flex:none;display:flex;flex-direction:column;min-height:0;-webkit-border-end:1px solid var(--hair);border-inline-end:1px solid var(--hair);background:var(--surface);animation:pe-in .16s ease-out}@keyframes pe-in{0%{opacity:0;transform:translateX(8px)}}.pe-ph{display:flex;align-items:center;gap:8px;padding:10px 12px 6px 14px}.pe-ph b{font-size:14.5px}.pe-pc{padding:4px 14px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.pe-pc>.btn{align-self:stretch}.pe-about{margin:0;line-height:1.8}.pe-info{margin:0;direction:rtl}.pe-row{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end}.pe-size-row{align-items:flex-end;flex-wrap:nowrap}.pe-size-row .pe-field.sm{flex:1 1;width:auto;min-width:0}.pe-size-row .pe-field input{height:40px}.pe-size-row>.btn.icon{flex:none;width:40px;height:40px;padding:0;display:grid;place-items:center}.pe-act-row,.pe-act-row .btn{align-items:center}.pe-act-row .btn{min-height:34px;height:34px;padding-block:0;display:inline-flex;justify-content:center}.pe-chips{display:flex;flex-wrap:wrap;gap:6px}.pe-chips button{border:1px solid var(--hair);background:var(--surface);color:var(--fg);border-radius:var(--r-md);padding:6px 11px;font:inherit;font-size:12.5px;cursor:pointer;transition:.15s}.pe-chips button:hover{border-color:var(--hair-3)}.pe-chips button.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}.pe-chips[aria-label]{flex-wrap:nowrap}.pe-chips[aria-label] button{flex:1 1;padding:7px 4px;text-align:center;white-space:nowrap}.pe-ph .pe-ok{white-space:nowrap}.pe-adj{display:flex;align-items:center;justify-content:space-between;gap:4px}.pe-adj button{position:relative;flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--hair);border-radius:50%;background:var(--surface);color:var(--fg-2);cursor:pointer;transition:.15s}.pe-adj button:hover{border-color:var(--hair-3);color:var(--fg)}.pe-adj button.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}.pe-adj button.set:after{content:"";position:absolute;top:3px;inset-inline-end:3px;width:6px;height:6px;border-radius:50%;background:var(--brand)}.pe-adj .pe-adj-reset{border-style:dashed;width:30px;height:30px}.pe-pc .seg{align-self:flex-start}.pe-pc .seg button{border:0;background:transparent;color:var(--fg-2);font:inherit;font-size:13px;padding:6px 14px;border-radius:var(--r-sm);cursor:pointer}.pe-pc .seg button.on{background:var(--surface);color:var(--fg);box-shadow:var(--sh-1)}.pe-pc .seg button:disabled{opacity:.4;cursor:default}.pe-fmt button{min-width:52px}.pe-gseg{display:flex;flex-wrap:wrap}.pe-gseg button{flex:1 1 auto;white-space:nowrap}.pe-slider{display:flex;flex-direction:column;gap:3px;font-size:13px}.pe-slider span{display:flex;justify-content:space-between}.pe-slider b{font-weight:400;font-size:12px;color:var(--fg-3)}.pe-slider input[type=range]{width:100%;margin:2px 0;height:18px;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pe-slider input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:var(--r-pill);background:var(--hair-3)}.pe-slider input[type=range]::-moz-range-track{height:2px;border-radius:var(--r-pill);background:var(--hair-3)}.pe-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-6px;border-radius:50%;border:2px solid var(--brand);background:var(--surface);box-shadow:var(--sh-1)}.pe-slider input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;border:2px solid var(--brand);background:var(--surface);box-shadow:var(--sh-1)}.pe-slider input[type=range]:focus-visible{outline:none}.pe-slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--ring)}.pe-field{display:flex;flex-direction:column;gap:4px;font-size:13px}.pe-field.sm{width:104px}.pe-field input,.pe-field select,.pe-input,.pe-text{font:inherit;font-size:14px;border:1px solid var(--hair);border-radius:var(--r-md);padding:8px 10px;background:var(--bg);color:var(--fg);width:100%;box-sizing:border-box}.pe-field input:focus,.pe-field select:focus,.pe-input:focus,.pe-text:focus{outline:none;border-color:var(--brand-line);box-shadow:var(--ring)}.pe-text{resize:vertical;min-height:58px;line-height:1.7}.pe-more{align-self:flex-start}.pe-bgpick,.pe-swatches{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.pe-swatch-any,.pe-swatches button{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--hair-3);cursor:pointer;padding:0}.pe-bgsw.on,.pe-swatches button.on{outline:2px solid var(--brand);outline-offset:2px}.pe-swatches .pe-trash{-webkit-margin-start:auto;margin-inline-start:auto;border-color:#dc3545;color:#dc3545;background:transparent;display:grid;place-items:center}.pe-swatches .pe-trash:hover{background:#dc3545;color:#fff}.pe-pc>*{flex-shrink:0}.pe-swatches{flex-wrap:nowrap;gap:3px}.pe-swatches .pe-swatch-any,.pe-swatches button{width:21px;height:21px;flex:none}.pe-swatches .pe-trash{width:26px;height:26px}.pe-fontchips{min-height:38px;align-items:center;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.pe-fontchips::-webkit-scrollbar{display:none}.pe-fontchips button{flex:none;border:1px solid var(--hair);background:var(--surface);color:var(--fg);border-radius:var(--r-md);padding:6px 12px;font:inherit;font-size:12.5px;cursor:pointer;white-space:nowrap;transition:.15s}.pe-fontchips button:hover{border-color:var(--hair-3)}.pe-fontchips button.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}.pe-swatch-any{position:relative;overflow:hidden;background:conic-gradient(#f43f5e,#f59e0b,#84cc16,#06b6d4,#6366f1,#d946ef,#f43f5e)}.pe-swatch-any input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.pe-bgsw{width:28px;height:28px;border-radius:var(--r-sm);border:1.5px solid var(--hair-3);cursor:pointer;padding:0}.pe-stickers{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:2px;gap:2px}.pe-stickers button{font-size:24px;line-height:1;padding:6px 0;border:0;border-radius:var(--r-md);background:none;cursor:pointer}.pe-egroups{display:flex;gap:4px}.pe-egroups button{flex:1 1;font-size:18px;line-height:1;padding:6px 0;border:1px solid var(--hair);border-radius:var(--r-md);background:var(--surface);cursor:pointer}.pe-egroups button.on{border-color:var(--brand);background:var(--brand-soft)}.pe-stickers{max-height:220px;overflow-y:auto}.pe-stickers button:hover{background:var(--surface-2)}.pe-filters{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.pe-ftile{display:flex;flex-direction:column;gap:4px;border:0;padding:0;background:none;font:inherit;font-size:11.5px;color:var(--fg-2);cursor:pointer}.pe-ftile canvas{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-md);border:2px solid transparent;background:var(--surface-2)}.pe-ftile.on{color:var(--fg)}.pe-ftile.on canvas{border-color:var(--brand)}.pe-sizes{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.pe-sizes button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1px solid var(--hair);border-radius:var(--r-md);background:var(--surface);color:var(--fg);padding:8px 10px;font:inherit;font-size:12.5px;cursor:pointer}.pe-sizes button span{font-size:11px;color:var(--fg-3);direction:ltr}.pe-sizes button.on{border-color:var(--brand);background:var(--brand-soft)}.pe-run{display:flex;flex-direction:column;gap:6px;margin-top:2px}.pe-run .btn{width:100%;padding:11px 14px}.pe-run p{margin:0;line-height:1.7}.pe-cost{font-weight:400;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-border-start:1px solid rgba(255,255,255,.45);border-inline-start:1px solid rgba(255,255,255,.45)}.pe-pc .check{font-size:13px;line-height:1.7}.pe-pc .refs{flex-wrap:wrap}.pe-pc .seg{align-self:stretch;display:flex}.pe-pc .seg button{flex:1 1;text-align:center;white-space:nowrap;padding-inline:6px}.pe-pc>.pe-row{align-items:center;flex-wrap:nowrap}.pe-pc>.pe-row>.btn{flex:1 1;min-width:0;justify-content:center}.pe-pc>.pe-row>.btn.icon{height:36px;padding:0;display:grid;place-items:center}.pe-pc>.pe-size-row{align-items:flex-end}.pe-pc>.pe-size-row>.btn.icon{flex:none}.pe-pc>.pe-act-row>.btn{padding-inline:6px}.pe-chips button{text-align:center}.pe-swatches{justify-content:space-between}.pe-bgpick>.btn{flex:1 1 100%;justify-content:center}.pe-ph{min-height:44px}.pe-ph .btn{height:32px}.pe-ph .btn.icon{width:32px;padding:0;display:grid;place-items:center}.pe-run p{font-size:11.5px}.pe-stage{flex:1 1;min-width:0;position:relative;display:flex;flex-direction:column;background:var(--surface-2)}.pe-canvas-wrap{flex:1 1;min-height:0;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden}.pe-frame{position:relative;direction:ltr;flex:none;overflow:hidden;border-radius:var(--r-2xs);background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.08),0 18px 50px -24px rgba(0,0,0,.35);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.checker{background:repeating-conic-gradient(#e6e6e9 0 25%,#fff 0 50%) 0 0 /18px 18px}:root[data-theme=dark] .checker{background:repeating-conic-gradient(#2b2f36 0 25%,#1d2025 0 50%) 0 0 /18px 18px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .checker{background:repeating-conic-gradient(#2b2f36 0 25%,#1d2025 0 50%) 0 0 /18px 18px}}.pe-frame.draw{cursor:crosshair}.pe-cv{display:block;width:100%;height:100%}.pe-loading{position:absolute;inset:0;display:grid;place-items:center}.pe-mask{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pe-crop{position:absolute;border:1.5px solid #fff;box-shadow:0 0 0 9999px rgba(10,12,16,.55);cursor:move;touch-action:none}.pe-crop i{position:absolute;background:rgba(255,255,255,.35);pointer-events:none}.pe-crop .g1,.pe-crop .g2{top:0;bottom:0;width:1px}.pe-crop .g1{left:33.33%}.pe-crop .g2{left:66.66%}.pe-crop .g3,.pe-crop .g4{left:0;right:0;height:1px}.pe-crop .g3{top:33.33%}.pe-crop .g4{top:66.66%}.pe-frame .h{position:absolute;width:18px;height:18px;margin:-9px;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.45);touch-action:none}.pe-crop .h{margin:0;width:22px;height:22px;border-radius:0;background:none;box-shadow:none;border:0 solid #fff;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.7))}.pe-crop .h:before{content:"";position:absolute;inset:-12px}.pe-crop .h.nw{left:0;top:0;border-width:4px 0 0 4px;cursor:nwse-resize}.pe-crop .h.ne{right:0;top:0;border-width:4px 4px 0 0;cursor:nesw-resize}.pe-crop .h.sw{left:0;bottom:0;border-width:0 0 4px 4px;cursor:nesw-resize}.pe-crop .h.se{right:0;bottom:0;border-width:0 4px 4px 0;cursor:nwse-resize}.pe-crop .h.n{top:0;border-width:4px 0 0}.pe-crop .h.n,.pe-crop .h.s{left:calc(50% - 14px);width:28px;height:10px;cursor:ns-resize}.pe-crop .h.s{bottom:0;border-width:0 0 4px}.pe-crop .h.w{left:0;border-width:0 0 0 4px}.pe-crop .h.e,.pe-crop .h.w{top:calc(50% - 14px);width:10px;height:28px;cursor:ew-resize}.pe-crop .h.e{right:0;border-width:0 4px 0 0}.pe-layer{position:absolute;border:1.5px dashed transparent;border-radius:var(--r-xs);cursor:move;touch-action:none}.pe-layer:hover{border-color:rgba(255,255,255,.75)}.pe-layer.on{border:1.5px solid var(--brand);box-shadow:0 0 0 1px rgba(0,0,0,.25)}.pe-layer .h.se,.pe-region .h.se{left:100%;top:100%;background:var(--brand);border:2px solid #fff;cursor:nwse-resize}.pe-region{position:absolute;border:1.5px dashed rgba(255,255,255,.95);outline:1px dashed rgba(0,0,0,.35);cursor:move;touch-action:none}.pe-region.on{border-style:solid;border-color:var(--brand)}.pe-region span{position:absolute;top:4px;left:4px;font-size:10.5px;color:#fff;background:rgba(0,0,0,.45);border-radius:var(--r-xs);padding:0 6px;direction:rtl}.pe-cmp,.pe-cmp img{position:absolute;inset:0}.pe-cmp img{width:100%;height:100%;-webkit-clip-path:inset(0 calc(100% - var(--x)) 0 0);clip-path:inset(0 calc(100% - var(--x)) 0 0);pointer-events:none}.pe-cmp-h{top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;box-shadow:0 0 6px rgba(0,0,0,.45);cursor:ew-resize;touch-action:none}.pe-cmp-h,.pe-cmp-h:after{position:absolute;background:#fff}.pe-cmp-h:after{content:"‹ ›";top:50%;left:50%;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;color:#333;font-size:15px;font-weight:700;line-height:32px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.3)}.pe-cmp-l,.pe-cmp-r{position:absolute;top:10px;font-size:11.5px;color:#fff;background:rgba(0,0,0,.5);border-radius:var(--r-pill);padding:2px 10px;pointer-events:none}.pe-cmp-l{left:10px}.pe-cmp-r{right:10px}.pe-peek{width:100%;height:100%;object-fit:contain;background:var(--surface-2)}.pe-busy,.pe-peek{position:absolute;inset:0}.pe-busy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);direction:rtl;background:linear-gradient(110deg,rgba(12,14,18,.5) 30%,rgba(242,106,27,.38) 50%,rgba(12,14,18,.5) 70%);background-size:250% 100%;animation:pe-shimmer 1.8s linear infinite}.pe-busy .spinner{border-color:#fff rgba(255,255,255,.35) rgba(255,255,255,.35)}@keyframes pe-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}.pe-toast{position:absolute;bottom:96px;left:50%;transform:translateX(-50%);z-index:5;max-width:min(520px,90%);padding:9px 14px;border-radius:var(--r-md);background:var(--ink);color:var(--surface);font-size:13px;line-height:1.7;box-shadow:var(--sh-2);cursor:pointer}.pe-toast.bad{background:var(--rose);color:#fff}.pe-versions{flex:none;display:flex;align-items:flex-start;gap:8px;padding:8px 12px 10px;overflow-x:auto;scrollbar-width:thin;border-top:1px solid var(--hair);background:var(--surface)}.pe-versions>button{position:relative;flex:none;width:64px;display:flex;flex-direction:column;gap:3px;padding:0;border:0;background:none;font:inherit;cursor:pointer}.pe-versions img{width:64px;height:56px;object-fit:cover;border-radius:var(--r-sm);border:2px solid transparent;background:repeating-conic-gradient(var(--surface-2) 0 25%,var(--surface) 0 50%) 0 0 /12px 12px;box-sizing:border-box}.pe-versions>button.on img{border-color:var(--brand)}.pe-versions span{font-size:10.5px;color:var(--fg-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-versions .pe-spark{top:5px;inset-inline-end:5px;box-shadow:0 0 0 2px #fff}.pe-versions .refs-tile{flex:none}.pe-versions .pe-big-btn{flex:none;-webkit-margin-start:auto;margin-inline-start:auto;align-self:center}.pe-big .pe-panel{display:none}.pe-vnew{width:64px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1.5px dashed var(--hair-3);border-radius:var(--r-sm);background:transparent;color:var(--fg-2);font-size:10.5px;cursor:pointer}.pe-vnew:hover{border-color:var(--brand);color:var(--brand-ink)}.pe-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px 16px;overflow-y:auto}.pe-empty .refs-tile{width:min(560px,100%)}.pe-drop{min-height:250px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--hair-3);border-radius:var(--r-xl);background:var(--surface);color:var(--fg);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.pe-drop:hover{border-color:var(--brand);box-shadow:var(--sh-brand);transform:translateY(-1px)}.pe-drop-in{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;text-align:center;line-height:1.8}.pe-drop-in b{font-size:17px}.pe-drop-ic{width:64px;height:64px;border-radius:var(--r-lg);display:grid;place-items:center;background:var(--grad);color:#fff;box-shadow:var(--sh-brand)}.pe-feats{list-style:none;margin:0;padding:0;width:min(560px,100%);display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.85;color:var(--fg-2)}.pe-feats b{color:var(--fg)}@media (max-width:820px){.pe{height:calc(100dvh - 56px)}.pe-top{padding:4px 8px;min-height:44px}.pe-dim{display:none}.pe-body{flex-direction:column}.pe-stage{order:1;flex:1 1;min-height:0}.pe input:not([type=range]):not([type=color]),.pe select,.pe textarea,.pe-field input,.pe-field select,.pe-input,.pe-text{font-size:16px}.pe-ph{padding:6px 12px 2px 14px}.pe-ph b{font-size:13.5px}.pe-pc{padding:2px 14px 10px;gap:8px}.pe-pc:has(>.pe-slider){display:grid;align-content:start;grid-auto-rows:max-content;grid-template-columns:1fr 1fr;grid-column-gap:16px;column-gap:16px;grid-row-gap:6px;row-gap:6px}.pe-pc:has(>.pe-slider)>:not(.pe-slider){grid-column:1/-1}.pe-slider{font-size:12.5px;gap:0}.pe-slider input[type=range]{margin:0}.pe-tool{padding:5px 2px 4px;gap:2px}.pe-tool .ic{width:18px;height:18px}.pe-panel{order:2;width:auto;max-height:32dvh;-webkit-border-end:0;border-inline-end:0;border-top:1px solid var(--hair);animation-name:pe-up}@keyframes pe-up{0%{opacity:0;transform:translateY(10px)}}.pe-rail{order:3;width:auto;flex-direction:row;gap:2px;padding:4px 6px calc(4px + env(safe-area-inset-bottom));overflow-x:auto;overflow-y:hidden;-webkit-border-end:0;border-inline-end:0;border-top:1px solid var(--hair)}.pe-tool{min-width:60px;flex:none}.pe-canvas-wrap{padding:10px}.pe-versions{padding:4px 8px;gap:6px;align-items:center}.pe-versions>button,.pe-vnew{width:38px}.pe-versions img,.pe-vnew{height:34px}.pe-versions img{width:38px}.pe-versions span{display:none}.pe-vnew{font-size:0}.pe-vnew .ic,.pe-vnew svg{width:16px;height:16px}.pe-toast{bottom:70px}.pe-filters{grid-template-columns:repeat(4,1fr)}.pe-stickers{grid-template-columns:repeat(8,1fr)}}