.profile-image-editor{padding:1.25rem;border:1px solid var(--border-subtle, #39424e);border-radius:var(--radius-panel);background:var(--surface-raised, rgba(255,255,255,.035));color:var(--text-primary);min-width:0}.profile-image-editor h3{margin:0 0 .6rem;font-size:1.1rem}.profile-image-editor p{margin:.4rem 0 .85rem;color:var(--text-secondary);line-height:1.5;font-size:.9rem}.profile-image-editor__current{display:flex;align-items:center;gap:1rem;margin:1rem 0}.profile-image-editor__avatar{width:88px;height:88px;flex-shrink:0;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--surface-base, #252d38);color:var(--text-secondary)}.profile-image-editor__avatar img{width:100%;height:100%;object-fit:cover}.profile-image-editor__file{display:grid;gap:.5rem;font-weight:600}.profile-image-editor__file input{width:100%;box-sizing:border-box}.profile-image-editor__crop{display:grid;grid-template-columns:minmax(140px,240px) 1fr;gap:1.25rem;align-items:start;margin-top:1.2rem}.profile-image-editor canvas{width:100%;aspect-ratio:1;border-radius:12px;border:1px solid var(--border-subtle)}.profile-image-editor__controls label{display:grid;gap:.25rem;margin-bottom:.6rem}.profile-image-editor input[type=range]{padding:0;width:100%;min-height:32px;accent-color:var(--accent, #ff7a18)}.profile-image-editor__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.85rem}.profile-image-editor button{padding:.65rem 1rem;min-height:44px;border:1px solid var(--border-subtle, #58616c);border-radius:var(--radius-control);background:var(--surface-raised, transparent);color:var(--text-primary);font:inherit;cursor:pointer}.profile-image-editor button[data-save]{background:var(--accent, #ef7317);color:#fff;border-color:transparent;font-weight:600}.profile-image-editor button:disabled{opacity:.5;cursor:not-allowed}.profile-image-editor .is-error{color:var(--danger, #ef7777)}.profile-image-editor [hidden]{display:none!important}.profile-image-editor :focus-visible{outline:2px solid var(--accent, #ff7a18);outline-offset:3px}@media (max-width: 600px){.profile-image-editor__crop{grid-template-columns:1fr}.profile-image-editor canvas{max-width:260px;justify-self:center}}