.pe{display:grid;gap:12px}.pe-view{display:grid;gap:6px;min-width:0}.pe-side{display:grid;gap:12px;align-content:start;min-width:0}@media (max-width: 899px) and (min-height: 541px),(max-width: 639px){.pe-view{position:sticky;top:0;z-index:6;background:var(--surface);margin:-6px -14px 0;padding:6px 14px 8px;box-shadow:0 10px 14px -14px #10182873}}@media (min-width: 768px) and (max-width: 899px) and (min-height: 541px){.pe-view{margin:-8px -22px 0;padding:8px 22px 10px}}@media (min-width: 900px),(min-width: 640px) and (max-height: 540px){.pe{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px}.pe-view{position:sticky;top:12px}}@media (min-width: 640px) and (max-width: 899px) and (max-height: 540px){.pe{grid-template-columns:minmax(0,1fr) 300px;gap:14px}.pe-view{top:4px}}.pe-bar{display:flex;align-items:center;gap:2px;min-width:0}.pe-gap{flex:1 1 4px;min-width:2px}.pe-ib,.pe-zoom{display:inline-grid;place-items:center;height:44px;min-width:44px;padding:0;border:0;border-radius:12px;background:none;color:var(--ink)}.pe-ib:hover:not(:disabled),.pe-zoom:hover{background:var(--well)}.pe-ib:disabled{opacity:.32;cursor:default}.pe-ib .i{width:22px;height:22px}.pe-zoom{min-width:58px;padding:0 6px;font-weight:650;font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap}.pe-cmp{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pe-cmp.is-on{background:var(--accent-soft);color:var(--accent)}.pe-resetall{min-height:40px;padding:0 10px}@media (max-width: 420px){.pe-ib{min-width:40px}.pe-zoom{min-width:50px;padding:0 4px}}@media (max-width: 559px){.pe-resetall span{display:none}.pe-resetall{min-width:44px;padding:0;justify-content:center;border-color:transparent;background:none}}.pe-stagebox{position:relative;border-radius:14px;overflow:hidden;background:var(--well)}.pe-stage{display:flex;overflow:auto;height:260px;touch-action:pan-y;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;scrollbar-width:thin}.pe-stage[data-mode=crop],.pe-stage[data-mode=text],.pe-stage[data-mode=draw],.pe-stage.is-zoomed{touch-action:none}.pe-stage[data-mode=draw] .pe-wrap{cursor:crosshair}.pe-stage.is-zoomed[data-mode=adjust],.pe-stage.is-zoomed[data-mode=filters],.pe-stage.is-zoomed[data-mode=frame]{cursor:grab}.pe-wrap{position:relative;flex:none;margin:auto;background:repeating-conic-gradient(#d3d8e1 0 25%,#f4f6f9 0 50%) 0 0 / 16px 16px;box-shadow:0 1px 3px #1018282e}.pe-canvas{display:block;max-width:none}.pe-ov{position:absolute;left:0;top:0;width:100%;height:100%}.pe-ov[data-mode=crop]{overflow:hidden}.pe-orig{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;background:var(--well);z-index:3}.pe-badge{position:absolute;top:10px;left:10px;z-index:4;padding:3px 11px;border-radius:999px;background:#0f1420c7;color:#fff;font-size:.8125rem;font-weight:650;pointer-events:none}.pe-tip{margin:0;font-size:.875rem;color:var(--ink-2)}.pe-tip:empty{display:none}.pe-tb{position:absolute;box-sizing:border-box;border-radius:4px;cursor:move;touch-action:none;outline:none}.pe-ov[data-mode=text] .pe-tb{border:1.5px dashed rgba(255,255,255,.9);box-shadow:0 0 0 1px #0f142073}.pe-ov[data-mode=draw] .pe-tb{pointer-events:none}.pe-ov[data-mode=text] .pe-tb.is-sel{border:2px solid var(--accent);box-shadow:0 0 0 1px #fffc}.pe-tb:focus-visible{box-shadow:0 0 0 3px var(--accent)!important}.pe-h{position:absolute;display:none;width:26px;height:26px;padding:0;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 1px 4px #00000073;touch-action:none}.pe-h:after{content:"";position:absolute;inset:-10px;border-radius:50%}.pe-ov[data-mode=text] .pe-tb.is-sel .pe-h{display:block}.pe-h-rot{left:50%;top:-46px;margin-left:-13px;cursor:grab;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232445D6' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.3-5.6L20 8.7M20 4v4.7h-4.7'/%3E%3C/svg%3E") center / 15px no-repeat}.pe-h-rot:before{content:"";position:absolute;left:50%;top:100%;width:2px;height:18px;margin-left:-1px;background:var(--accent)}.pe-h-size{right:-22px;bottom:-22px;cursor:nwse-resize}.pe-h-del{left:-22px;top:-22px;place-items:center;background:var(--danger);border-color:#fff;color:#fff;cursor:pointer}.pe-ov[data-mode=text] .pe-tb.is-sel .pe-h-del{display:grid}.pe-h-del .i{width:14px;height:14px;stroke-width:2.8}.pe-crop{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #0f142094,0 0 0 1px #00000059;cursor:move;touch-action:none;outline:none}.pe-crop:focus-visible{border-color:var(--accent)}.pe-thirds{position:absolute;inset:0;pointer-events:none;opacity:.75;background:linear-gradient(90deg,transparent calc(33.333% - .5px),rgba(255,255,255,.8) calc(33.333% - .5px),rgba(255,255,255,.8) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.667% - .5px),rgba(255,255,255,.8) calc(66.667% - .5px),rgba(255,255,255,.8) calc(66.667% + .5px),transparent calc(66.667% + .5px)),linear-gradient(180deg,transparent calc(33.333% - .5px),rgba(255,255,255,.8) calc(33.333% - .5px),rgba(255,255,255,.8) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.667% - .5px),rgba(255,255,255,.8) calc(66.667% - .5px),rgba(255,255,255,.8) calc(66.667% + .5px),transparent calc(66.667% + .5px))}.pe-ch{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000080;touch-action:none}.pe-ch:after{content:"";position:absolute;inset:-11px}.pe-ch-nw{left:-12px;top:-12px;cursor:nwse-resize}.pe-ch-ne{right:-12px;top:-12px;cursor:nesw-resize}.pe-ch-sw{left:-12px;bottom:-12px;cursor:nesw-resize}.pe-ch-se{right:-12px;bottom:-12px;cursor:nwse-resize}.pe-ch-n,.pe-ch-s{left:50%;width:30px;height:10px;margin-left:-15px;border-radius:5px;cursor:ns-resize}.pe-ch-n{top:-6px}.pe-ch-s{bottom:-6px}.pe-ch-e,.pe-ch-w{top:50%;width:10px;height:30px;margin-top:-15px;border-radius:5px;cursor:ew-resize}.pe-ch-e{right:-6px}.pe-ch-w{left:-6px}.pe-crop.is-ratio .pe-ch-n,.pe-crop.is-ratio .pe-ch-s,.pe-crop.is-ratio .pe-ch-e,.pe-crop.is-ratio .pe-ch-w{display:none}.pe-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px;background:var(--well);border-radius:14px}.pe-tab{display:grid;justify-items:center;align-content:center;gap:2px;min-height:54px;padding:6px 4px;border:0;border-radius:10px;background:none;color:var(--ink-2);font-size:.8125rem;font-weight:620;line-height:1.15;text-align:center;-webkit-hyphens:auto;hyphens:auto}.pe-tab .i{width:22px;height:22px}.pe-tab:hover{color:var(--ink)}.pe-tab[aria-selected=true]{background:var(--surface);color:var(--c-ink);box-shadow:0 1px 2px #1018281f,inset 0 0 0 1px var(--line)}.pe-panel{display:grid;gap:14px;padding:2px 2px 6px}.pe-group{border:0;margin:0;padding:0;min-width:0;display:grid;gap:2px}.pe-group legend{padding:0;margin-bottom:4px;font-size:.8125rem;font-weight:720;letter-spacing:.02em;color:var(--ink-2)}.pe-group+.pe-group{padding-top:12px;box-shadow:0 -1px 0 var(--line)}.pe-sl{gap:0}.pe-sl label{font-size:.9rem;font-weight:600;cursor:default}.pe-btnrow{display:flex;flex-wrap:wrap;gap:8px}.pe-btnrow .btn-sm{min-height:40px}.pe-toggles{display:flex;flex-wrap:wrap;gap:0 18px}.pe-danger{color:var(--danger)}.pe .is-off{opacity:.45;pointer-events:none}.pe-panel .seg-row span{padding:7px 11px}.pe input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:34px;margin:0;background:transparent;--a: 0%;--b: 0%;cursor:pointer}.pe input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--line-2) 0 var(--a),var(--accent) var(--a) var(--b),var(--line-2) var(--b) 100%)}.pe input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--line-2) 0 var(--a),var(--accent) var(--a) var(--b),var(--line-2) var(--b) 100%)}.pe input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-shadow:0 1px 3px #1018284d}.pe input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-shadow:0 1px 3px #1018284d}.pe input[type=range]:focus-visible{outline:none}.pe input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-line)}.pe input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--accent-line)}.pe-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}@media (min-width: 560px) and (max-width: 899px){.pe-filters{grid-template-columns:repeat(6,minmax(0,1fr))}}.pe-fil{display:grid;gap:5px;justify-items:center;padding:4px 2px 6px;border:0;border-radius:12px;background:none;color:var(--ink-2);font-size:.8125rem;font-weight:600;line-height:1.2;text-align:center}.pe-fil canvas{width:100%;height:auto;aspect-ratio:1;border-radius:10px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}.pe-fil[aria-checked=true]{color:var(--ink)}.pe-fil[aria-checked=true] canvas{box-shadow:0 0 0 3px var(--accent)}.pe-fil:hover canvas{box-shadow:0 0 0 2px var(--accent-line)}.pe-fil[aria-checked=true]:hover canvas{box-shadow:0 0 0 3px var(--accent)}.pe-colors{display:flex;flex-wrap:wrap;gap:5px}.pe-sw,.pe-pick{position:relative;width:32px;height:32px;padding:0;border-radius:50%;border:3px solid var(--surface);background:var(--sw);box-shadow:0 0 0 1px var(--line-2)}.pe-sw[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--accent)}.pe-pick{display:grid;place-items:center;background:conic-gradient(#e5484d,#ffd60a,#30a46c,#0090ff,#8e4ec6,#e5484d);cursor:pointer;overflow:hidden}.pe-pick input{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);opacity:0;cursor:pointer;padding:0;border:0}.pe-pick span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--surface);color:var(--ink);pointer-events:none}.pe-pick .i{width:14px;height:14px}.pe-pick:focus-within{outline:3px solid var(--accent);outline-offset:2px}.pe-textarea{width:100%;min-height:64px;padding:10px 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);resize:vertical;line-height:1.4}.pe-save .seg-row{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.pe-save .seg-row input:checked+span{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.pe-save{display:grid;gap:12px;padding:14px;border-radius:var(--r-well);background:var(--well)}.pe-save-h{margin:0;font-size:1.05rem}.pe-save .actions .btn-primary{flex:1 1 auto}.pe-save .hint{margin:0}.pe-textprops{display:grid;gap:14px}