dialog.image-editor{width:min(1020px,calc(100% - 32px));max-width:1020px;max-height:calc(100dvh - 32px);padding:0;border:1px solid #e4dbea;border-radius:22px;color:#30213e;background:#fff;box-shadow:0 30px 100px #21172e50;overflow:auto}
dialog.image-editor[open]{display:flex;flex-direction:column;overflow:hidden}.image-editor>header,.image-editor>footer,.image-editor>.ie-error{flex-shrink:0}.image-editor .ie-body{min-height:0;overflow:auto}
.ie-main,.ie-controls{min-width:0}.ie-stage{min-width:0;max-width:100%;box-sizing:border-box}
.image-editor::backdrop{background:#21172eb3;backdrop-filter:blur(4px)}
.image-editor>header{padding:22px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee7f6;position:relative}
.image-editor h2{font-size:23px;margin:4px 0 0}.ie-eyebrow{font-size:9px;letter-spacing:2px;color:#9a83ad}.image-editor .ie-body{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:26px;padding:24px 28px}.ie-caption{display:flex;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:13px}.ie-caption span{color:#947fa5;font-size:11px}.ie-stage{display:grid;place-items:center;background:#f1edf5;border-radius:14px;padding:18px;min-height:220px;overflow:hidden}.ie-frame{position:relative;flex:none;outline:1px solid #bca7cd;box-shadow:0 6px 22px #30213e1c;background-color:#fff;background-image:conic-gradient(#e6dfeb 25%,transparent 0 50%,#e6dfeb 0 75%,transparent 0);background-size:18px 18px}.ie-frame canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.ie-frame canvas:focus-visible{outline:3px solid #613495;outline-offset:3px}.ie-frame.dragging canvas{cursor:grabbing}.ie-grid{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(33.333% - .5px),#ffffff65 33.333%,transparent calc(33.333% + .5px),transparent calc(66.667% - .5px),#ffffff65 66.667%,transparent calc(66.667% + .5px)),linear-gradient(transparent calc(33.333% - .5px),#ffffff65 33.333%,transparent calc(33.333% + .5px),transparent calc(66.667% - .5px),#ffffff65 66.667%,transparent calc(66.667% + .5px));box-shadow:inset 0 0 0 1px #ffffff80}.ie-hint{font-size:11px;text-align:center;color:#8b759e;margin:12px 0 0}.ie-controls h3{font-size:15px;margin:0 0 18px}.ie-controls label{display:block;font-size:12px;margin:20px 0}.ie-controls select{margin-top:8px}.ie-presets,.ie-zoom-buttons{display:flex;gap:8px}.ie-presets button{flex:1;padding:10px 4px;font-size:12px}.ie-zoom-buttons button{padding:7px 12px;font-size:13px}.ie-zoom-buttons button:nth-child(2){flex:1}.ie-controls .ie-zoom-label{margin-bottom:8px}.ie-zoom-label output{float:right;color:#613495}.ie-zoom-label input{display:block;width:100%;padding:0;margin-top:14px;accent-color:#613495;cursor:pointer}.ie-reset{width:100%;font-size:12px}.ie-details{border-top:1px solid #eee7f6;margin-top:20px;padding-top:8px;color:#947fa5;font-size:11px;line-height:1.8}.ie-details p{margin:8px 0}.ie-details span{float:right}.image-editor>footer{padding:18px 28px;border-top:1px solid #eee7f6;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#faf8fc}.image-editor>footer>span{font-size:11px;color:#8c769f}.image-editor>footer>div{display:flex;gap:10px;flex-shrink:0}.ie-error{padding:12px 28px;color:#613495;background:#eee7f6;margin:0}.image-editor button:disabled{cursor:wait;opacity:.6}
@media(max-width:700px){dialog.image-editor{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.image-editor>header{padding:16px}.image-editor .ie-body{grid-template-columns:1fr;padding:16px;gap:20px}.ie-stage{min-height:160px}.ie-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ie-controls h3,.ie-details{grid-column:1/-1;margin:0}.ie-controls label{margin:0}.ie-controls .ie-zoom-label{grid-column:1/-1}.ie-zoom-buttons{grid-column:1/-1}.ie-controls .ie-reset{align-self:end}.image-editor>footer{padding:16px;flex-wrap:wrap}.image-editor>footer>div{margin-left:auto}.ie-hint{line-height:1.7}}

.image-item .image-readjust{position:static;display:block;width:76px;height:auto;border-radius:7px;margin-top:6px;padding:6px 2px;background:#eee7f6;color:#613495;font-size:11px;line-height:1.4}

.ie-intro{font-size:11px;color:#8b759e;margin:8px 0 0;line-height:1.6}