.avatar-options { margin:0 0 24px; }.avatar-options summary { color:var(--blue);font-weight:600;cursor:pointer;min-height:38px;line-height:38px; }
.avatar-presets { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0; }
.avatar-preset { display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:6px 2px;border:2px solid transparent;border-radius:12px;background:var(--bg-main);color:var(--text-main);font:inherit;font-size:10px;line-height:1.3;cursor:pointer; }
.avatar-preset img { display:block;width:100%;max-width:72px;height:auto;aspect-ratio:1; }.avatar-preset[aria-pressed=true] { border-color:var(--blue);background:var(--mode-solo-tint,var(--bg-main)); }.avatar-preset:focus-visible { outline:2px solid var(--blue);outline-offset:2px; }
.avatar-crop-editor { padding:16px;border:1px solid var(--gray-light);border-radius:14px;margin:0 0 20px;background:var(--bg-main); }.avatar-crop-editor[hidden] { display:none; }
.avatar-crop-frame { width:min(240px,100%);aspect-ratio:1;margin:0 auto 14px;overflow:hidden;border:2px solid var(--blue);border-radius:50%;background:var(--bg-white);cursor:grab;touch-action:none;outline-offset:4px; }.avatar-crop-frame:active { cursor:grabbing; }.avatar-crop-frame:focus-visible { outline:2px solid var(--blue); }
.avatar-crop-frame canvas { display:block;width:100%;height:100%; }.avatar-zoom-label { display:flex;justify-content:space-between;font-size:14px;font-weight:600; }.avatar-crop-editor input[type=range] { display:block;width:100%;min-height:36px;accent-color:var(--blue);touch-action:pan-x; }.avatar-crop-actions { display:flex;gap:16px;justify-content:center;flex-wrap:wrap; }.avatar-crop-help,.avatar-feedback { color:var(--text-muted);font-size:13px;line-height:1.6;margin:10px 0; }.avatar-feedback:empty { display:none; }
.profile-avatar-preview img { object-fit:cover; }.profile-avatar-section { gap:12px; }
@media(max-width:400px) { .avatar-presets { grid-template-columns:repeat(4,minmax(0,1fr));gap:6px; }.avatar-preset { font-size:10px;padding:4px 1px; }.avatar-crop-editor { padding:12px; } }