.image-editor{max-width:440px;margin:18px auto;padding:18px;border:1px solid #a89568;border-radius:16px;background:var(--brand-background,#f8f7f4);color:var(--brand-ink,#171717)}
.image-editor h3{margin:0 0 8px}.image-editor p{font-size:13px;line-height:1.5}
.image-editor-canvas{display:block;width:100%;height:auto;aspect-ratio:1;touch-action:none;cursor:grab;background:repeating-conic-gradient(#ddd 0% 25%,#fafafa 0% 50%) 0/20px 20px;border:1px solid #8c8170;border-radius:8px;box-sizing:border-box}
.image-editor-canvas:active{cursor:grabbing}.image-editor-circle{border-radius:50%;background:#fff}
.image-editor label{display:grid;gap:8px;margin:16px 0}.image-editor input{width:100%;accent-color:var(--brand-accent,#b58a27)}
.image-editor-actions{display:flex;gap:8px;flex-wrap:wrap}.image-editor button{font:inherit;font-size:13px;border:1px solid #99875c;border-radius:8px;padding:10px 12px;cursor:pointer;background:var(--brand-primary,#171717);color:var(--brand-onPrimary,#fff)}
.image-editor button:disabled{opacity:.6;cursor:wait}.image-editor-status{min-height:20px}