.pp-image-editor{--ie-bg:var(--surface,#172129);--ie-text:var(--text,#edf5fa);--ie-muted:var(--muted,#9eafb9);--ie-line:var(--line,#34434c);--ie-control:var(--surface-2,#1e2b34);--ie-accent:var(--accent,#36b6ff);color:var(--ie-text);background:var(--ie-bg);border:1px solid var(--ie-line);border-radius:24px;padding:0;width:min(1060px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);box-shadow:0 28px 110px #0008;font-family:inherit;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;text-align:start}.pp-image-editor *{box-sizing:border-box}.pp-image-editor::backdrop{background:#050d16bb;backdrop-filter:blur(8px)}.pp-image-editor[open]{display:flex;flex-direction:column}.pp-image-editor svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.pp-ie-head{padding:23px 26px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--ie-line)}.pp-ie-heading{display:flex;align-items:center;gap:13px;min-width:0}.pp-ie-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--ie-accent) 13%,transparent);color:var(--ie-accent);flex:none}.pp-ie-mark svg{width:25px;height:25px}.pp-ie-heading small{display:block;font-size:11px;letter-spacing:.025em;color:var(--ie-accent);margin-bottom:4px}.pp-ie-heading h2{font-size:clamp(17px,2vw,22px);margin:0;color:var(--ie-text);line-height:1.35}.pp-image-editor button{font:inherit;cursor:pointer;border:1px solid var(--ie-line);background:var(--ie-control);color:var(--ie-text);border-radius:11px;min-height:44px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.3;white-space:normal}.pp-image-editor button:hover{border-color:var(--ie-accent)}.pp-ie-head>button{padding:10px;width:42px;height:42px;min-height:42px;flex:none;background:transparent}.pp-image-editor button:disabled{opacity:.45;cursor:default}.pp-image-editor :focus-visible{outline:3px solid var(--ie-accent);outline-offset:3px}.pp-ie-body{display:grid;grid-template-columns:minmax(0,1fr) 292px;min-height:0}.pp-ie-stage{min-height:390px;max-height:540px;display:flex;align-items:center;justify-content:center;position:relative;background-color:#101820;background-image:linear-gradient(45deg,#ffffff06 25%,transparent 25%),linear-gradient(-45deg,#ffffff06 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff06 75%),linear-gradient(-45deg,transparent 75%,#ffffff06 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;padding:35px;overflow:hidden}.pp-ie-stage canvas{display:block;max-width:100%;max-height:455px;width:auto;height:auto;object-fit:contain;border:1px solid #ffffffb0;box-shadow:0 5px 35px #0007;cursor:grab;touch-action:none;background:repeating-conic-gradient(#e3e5e8 0% 25%,#fff 0% 50%) 50%/16px 16px}.pp-ie-stage canvas:active{cursor:grabbing}.pp-ie-grid{position:absolute;inset:35px;pointer-events:none;opacity:.55;display:none}.pp-ie-stage-label{position:absolute;inset-inline-start:14px;bottom:12px;color:#d9e8f1;font-size:10px;background:#101820b8;border:1px solid #ffffff14;border-radius:20px;padding:5px 10px}.pp-ie-loading{position:absolute;inset:0;display:grid;place-items:center;z-index:2;color:#e4f1f9;background:#101820}.pp-ie-loading[hidden]{display:none}.pp-ie-controls{padding:24px;display:flex;flex-direction:column;gap:21px;min-width:0;border-inline-start:1px solid var(--ie-line)}.pp-ie-file{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding-bottom:18px;border-bottom:1px solid var(--ie-line);font-size:12px}.pp-ie-file>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:start;color:var(--ie-text)}.pp-ie-file>span{font-size:11px;color:var(--ie-accent);font-variant-numeric:tabular-nums;direction:ltr}.pp-ie-file>small{color:var(--ie-muted);direction:ltr;grid-column:1/-1;font-size:11px}.pp-ie-field{display:grid;gap:10px;font-size:12px;color:var(--ie-text);min-width:0}.pp-ie-field>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.pp-ie-field output{color:var(--ie-accent);direction:ltr;font-size:11px}.pp-ie-field select{font:inherit;background:var(--ie-control);border:1px solid var(--ie-line);border-radius:9px;color:var(--ie-text);min-height:42px;padding:8px 11px;width:100%}.pp-ie-field input[type=range]{width:100%;margin:0;accent-color:var(--ie-accent);min-height:24px;direction:ltr;cursor:pointer}.pp-ie-pan{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pp-ie-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pp-ie-tools button{padding:9px 6px;font-size:11px}.pp-ie-tools button:last-child{grid-column:1/-1}.pp-ie-tools button[aria-pressed=true]{border-color:var(--ie-accent);color:var(--ie-accent);background:color-mix(in srgb,var(--ie-accent) 10%,transparent)}.pp-ie-help{font-size:11px;line-height:1.9;color:var(--ie-muted);margin:0}.pp-ie-error{margin:0;color:#f08e8e;font-size:12px;line-height:1.7}.pp-ie-error[hidden]{display:none}.pp-ie-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 26px;border-top:1px solid var(--ie-line)}.pp-ie-footer>span{font-size:11px;color:var(--ie-muted)}.pp-ie-footer>div{display:flex;gap:10px}.pp-image-editor .pp-ie-confirm{background:var(--pt-button,#0877bb);color:#fff;border-color:transparent;font-weight:700;min-width:155px}.pp-image-editor.is-preview .pp-ie-stage canvas{border-color:transparent;box-shadow:none}.pp-image-editor.is-preview .pp-ie-stage-label{display:none}html[data-theme=light] .pp-image-editor{--ie-bg:var(--surface,#fff);--ie-text:var(--text,#152936);--ie-muted:var(--muted,#667b89);--ie-line:var(--line,#dce5eb);--ie-control:var(--surface-2,#f2f6f9)}
@media(max-width:700px){.pp-image-editor{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:18px}.pp-ie-head{padding:16px;gap:8px}.pp-ie-mark{width:37px;height:37px;border-radius:11px}.pp-ie-heading{gap:9px}.pp-ie-heading small{font-size:10px}.pp-ie-body{grid-template-columns:1fr}.pp-ie-stage{min-height:180px;max-height:34dvh;padding:18px}.pp-ie-stage canvas{max-height:calc(34dvh - 36px)}.pp-ie-stage-label{font-size:9px;bottom:7px;inset-inline-start:8px;padding:4px 8px}.pp-ie-controls{padding:16px;gap:15px;border-inline-start:0;border-top:1px solid var(--ie-line);display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.pp-ie-file{grid-column:1/-1;padding-bottom:10px}.pp-ie-pan{grid-column:1/-1}.pp-ie-tools{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr}.pp-ie-tools button:last-child{grid-column:auto}.pp-ie-help,.pp-ie-error{grid-column:1/-1}.pp-ie-footer{padding:14px 16px;position:sticky;bottom:0;background:var(--ie-bg);flex-wrap:wrap}.pp-ie-footer>span{display:none}.pp-ie-footer>div{width:100%;display:grid;grid-template-columns:1fr 1.5fr}.pp-image-editor .pp-ie-confirm{min-width:0}.pp-ie-field{font-size:11px}.pp-ie-help{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.pp-image-editor[open]{animation:pp-ie-enter .18s ease-out}@keyframes pp-ie-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}