.pe{z-index:3000;justify-content:center;align-items:center;padding:16px;font-family:inherit;display:flex;position:fixed;inset:0}.pe-backdrop{background:#0f172ab3;position:absolute;inset:0}.pe-panel{background:#fff;border-radius:12px;flex-direction:column;width:min(760px,100%);max-height:calc(100vh - 32px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a59}.pe-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.pe-head h2{font-size:var(--fs-lg);color:var(--text-ink);margin:0;font-weight:700}.pe-close{width:32px;height:32px;color:var(--text);font-size:var(--fs-2xl);cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;line-height:1}.pe-toolbar{background:#f8fafc;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 18px;display:flex}.pe-toolbar button{font-size:var(--fs-sm);color:var(--text);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-weight:500;display:inline-flex}.pe-toolbar button:hover:not(:disabled){color:var(--text-brand);border-color:#004288}.pe-toolbar button.is-active{color:var(--text-brand);background:#e8f0f9;border-color:#004288}.pe-toolbar button:disabled{opacity:.45;cursor:not-allowed}.pe-sep{background:#e2e8f0;width:1px;height:22px;margin:0 4px}.pe-label{font-size:var(--fs-xs);color:var(--text-muted);font-weight:600}.pe-stage{background:#0f172a;justify-content:center;align-items:center;height:min(460px,55vh);padding:12px;display:flex}.pe-canvas-wrap{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;line-height:0;display:inline-block;position:relative}.pe-canvas{max-width:100%;max-height:100%;display:block}.pe-crop{pointer-events:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #0f172a8c}.pe-crop:before,.pe-crop:after{content:"";border:0 dashed #fff9;position:absolute}.pe-crop:before{border-left-width:1px;border-right-width:1px;inset:0 33.33%}.pe-crop:after{border-top-width:1px;border-bottom-width:1px;inset:33.33% 0}.pe-message{color:var(--text-faint);font-size:var(--fs-md);margin:0}.pe-hint{font-size:var(--fs-xs);color:var(--text-muted);margin:10px 18px 0}.pe-error{font-size:var(--fs-sm);color:var(--text-danger);margin:6px 18px 0}.pe-foot{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;margin-top:12px;padding:12px 18px;display:flex}.pe-btn{font-size:var(--fs-md);color:var(--text);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 16px;font-weight:600}.pe-btn.is-primary{color:var(--text-inverse);background:#004288;border-color:#004288}.pe-btn.is-primary:hover:not(:disabled){background:#003269}.pe-btn:disabled{opacity:.55;cursor:not-allowed}@media (max-width:575.98px){.pe{padding:0}.pe-panel{border-radius:0;height:100%;max-height:100vh}.pe-stage{flex:1;height:auto}}