.image-edit-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:18px;background:#0009;backdrop-filter:blur(5px)}
.image-edit-dialog{width:min(520px,100%);max-height:95dvh;overflow:auto;padding:24px;border:1px solid #394152;border-radius:22px;background:#171c26;color:#e8edf5;box-shadow:0 24px 80px #0008}
.image-edit-dialog header,.image-edit-dialog footer,.image-edit-zoom{display:flex;align-items:center;gap:12px}.image-edit-dialog header{justify-content:space-between}.image-edit-dialog h2{font-size:21px;margin:0}.image-edit-dialog p{font-size:13px;color:#a6b4ca;line-height:1.5}.image-edit-dialog canvas{display:block;width:100%;aspect-ratio:auto;object-fit:contain;background:#090c12;border-radius:14px;cursor:grab;touch-action:none}.image-edit-dialog canvas:active{cursor:grabbing}.image-edit-dialog canvas.image-edit-circle{border-radius:50%;width:min(100%,330px);margin:auto;outline:1px solid #aaa5;box-shadow:0 0 0 10px #090c12}.image-edit-zoom{font-size:13px;margin:22px 0}.image-edit-zoom input{flex:1;min-width:60px;accent-color:#aa92ff}.image-edit-zoom output{min-width:42px}.image-edit-dialog button{border:0;border-radius:12px;padding:11px 15px;background:#293241;color:inherit;cursor:pointer}.image-edit-dialog [data-close]{background:transparent;font-size:26px;padding:0 8px}.image-edit-dialog [data-save]{background:#9273ee;color:white}.image-edit-dialog footer span{flex:1}.image-edit-dialog :focus-visible{outline:2px solid #baacff;outline-offset:3px}.image-edit-error{color:#ffadba;font-size:13px;margin-top:8px}.image-edit-dialog canvas:not(.image-edit-circle){height:auto}@media(max-width:480px){.image-edit-dialog{padding:16px}.image-edit-dialog h2{font-size:18px}.image-edit-dialog button{padding:10px 12px}}
