.op-image-editor{position:fixed;inset:0;z-index:1000000;background:rgba(15,16,25,.82);display:grid;place-items:center;padding:22px;overflow:auto;font:14px/1.5 system-ui,sans-serif;color:#20212a}.op-image-editor *{box-sizing:border-box}.op-image-dialog{background:#faf9f6;width:min(780px,100%);max-height:calc(100dvh - 44px);overflow:auto;border-radius:22px;padding:26px;box-shadow:0 28px 80px #0006}.op-image-dialog header,.op-image-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:15px}.op-image-dialog header p{font-size:10px;font-weight:750;letter-spacing:.17em;color:#6554cd;margin:0 0 5px}.op-image-dialog h2{font-size:25px;line-height:1.2;letter-spacing:-.04em;margin:0}.op-image-dialog button{font:inherit;font-weight:650;border:1px solid #d9d8e1;border-radius:9px;background:#fff;color:#24232b;padding:10px 14px;cursor:pointer;min-height:42px}.op-image-dialog button:focus-visible,.op-image-dialog input:focus-visible,.op-image-dialog select:focus-visible{outline:3px solid #b4a4fb;outline-offset:2px}.op-image-help,.op-image-output{font-size:12px;color:#64616f}.op-image-stage{min-height:190px;display:grid;place-items:center;background:repeating-conic-gradient(#e8e7e4 0 25%,#f4f3ef 0 50%) 50%/20px 20px;border-radius:12px;overflow:hidden;padding:15px;box-shadow:inset 0 0 0 1px #ddd}.op-image-stage canvas{max-width:100%;max-height:330px;display:block;border:1px solid #fff;box-shadow:0 5px 24px #0002;cursor:grab}.op-image-stage canvas:active{cursor:grabbing}.op-image-controls{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;margin:20px 0}.op-image-controls label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:650}.op-image-controls select{border:1px solid #d9d8e1;border-radius:8px;background:#fff;padding:9px;width:100%;min-height:40px}.op-image-controls input{width:100%;accent-color:#6c4ae2}.op-image-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.op-image-dialog .op-image-save{background:#6c4ae2;border-color:#6c4ae2;color:white}.op-image-dialog footer{border-top:1px solid #e4e2dd;padding-top:18px}.op-image-dialog button:disabled{opacity:.6;cursor:wait}@media(max-width:540px){.op-image-editor{padding:10px}.op-image-dialog{padding:18px;max-height:calc(100dvh - 20px)}.op-image-dialog h2{font-size:22px}.op-image-controls{gap:12px}.op-image-actions{grid-column:1/-1}.op-image-dialog footer{align-items:stretch}.op-image-dialog footer button{font-size:12px}.op-image-stage canvas{max-height:240px}}