/* Uploaded images are smooth, square portraits, never enlarged pixel sprites. */
canvas.hq-photo{image-rendering:auto!important;object-fit:cover;border-radius:12px}
.dossier-hero-art canvas.hq-photo{width:200px;height:200px;min-width:0;max-width:90%;border-radius:50%;border:3px solid #a8c98355}
.avatar-editor-grid{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:22px;align-items:start;margin-top:20px}
.avatar-preview-wrap{min-width:0;text-align:center}
#avatar-preview{display:block;width:100%;height:auto;aspect-ratio:1;max-width:220px;margin:auto;border:1px solid var(--border);border-radius:16px;background:repeating-conic-gradient(#1b3230 0% 25%,#213b36 0% 50%) 50% / 20px 20px;image-rendering:auto;object-fit:cover}
.avatar-preview-wrap small{display:block;margin:10px 0;color:var(--muted)}
.avatar-editor-fields{min-width:0}
.avatar-editor-fields label{display:block;margin:10px 0 7px}
.avatar-editor-fields input{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.avatar-editor-fields input[type=file]{padding:10px 0;font-size:12px;overflow:hidden}
.avatar-editor-fields input[type=range]{height:36px;padding:0;cursor:pointer;accent-color:var(--lime)}
.avatar-editor-fields input:disabled{opacity:.45}
#avatar-zoom-value{float:right;color:var(--lime)}
.avatar-editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 4px}
.avatar-editor-actions .button{min-height:44px}
.avatar-remove-confirm{padding:14px;border:1px solid #cc9a6855;border-radius:12px;margin-top:18px}
.avatar-remove-confirm .button{margin:4px;min-height:44px}
#avatar-error,#avatar-status{overflow-wrap:anywhere}
@media(max-width:640px){.dossier-hero-art canvas.hq-photo{width:106px;height:106px;max-width:90%}.avatar-editor-grid{grid-template-columns:minmax(0,1fr);gap:8px}#avatar-preview{max-width:190px}.avatar-editor-actions .button{flex:1 1 auto}.avatar-editor-fields label{font-size:13px}.avatar-editor-fields input[type=range]{height:40px}}