.image-editor{margin:1rem 0;padding:1rem;background:#f7f7f7;border:1px solid #ccc;border-radius:12px}.image-editor-canvas-wrap{display:flex;justify-content:center;padding:1rem;background:#dedede;border-radius:10px;overflow:hidden;touch-action:none}.image-editor canvas{display:block;max-width:100%;height:auto;background:#fff;border:1px solid #888;cursor:grab;touch-action:none}.image-editor canvas:active{cursor:grabbing}.image-editor-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.image-editor-controls input[type=file]{width:auto;max-width:100%;margin:0}.image-editor-controls button{padding:.45rem .7rem}.image-editor-note{margin:.55rem 0 0;font-size:.85rem}.image-editor-status{color:#276328;font-size:.85rem}