.image-editor{box-sizing:border-box;width:min(660px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;margin:auto;padding:14px;border:1px solid #cfddd7;border-radius:12px;color:#233b31;background:#fff;box-shadow:0 16px 60px #0004;font:14px system-ui,sans-serif}
.image-editor::backdrop{background:#132b2866}.image-editor header,.image-editor footer,.image-editor-tools{display:flex;align-items:center;gap:8px}.image-editor header{justify-content:space-between;margin-bottom:12px}.image-editor footer{justify-content:flex-end}.image-editor button,.image-editor select{font:inherit;padding:5px 9px;border:1px solid #cfddd7;border-radius:6px;background:#fff;color:inherit}.image-editor button.primary{background:#167065;color:white}.image-editor button:disabled{opacity:.5}.image-editor-tools{flex-wrap:wrap;margin-bottom:10px}.image-editor-tools label{display:flex;align-items:center;gap:5px}.image-editor-tools input{width:130px}.image-editor-stage{display:flex;align-items:center;justify-content:center;min-height:160px;background:#edf2f0;padding:10px;overflow:hidden}.image-editor canvas{max-width:100%;max-height:48dvh;width:auto;height:auto;outline:1px solid #7e9c8e;touch-action:none;cursor:move}.image-editor-help{font-size:12px;color:#64746b;margin:8px 0}.image-editor-status{min-height:20px;margin:4px 0;color:#a44722}.image-editor :focus-visible{outline:2px solid #167065;outline-offset:2px}