.pf-avatar { display:flex; gap:16px; align-items:flex-start; }
.pf-avatar__preview { width:96px; height:96px; border-radius:50%; overflow:hidden;
    background:#F3F4F6; border:1px solid #E5E7EB; display:flex; align-items:center;
    justify-content:center; flex-shrink:0; }
.pf-avatar__preview img { width:100%; height:100%; object-fit:cover; }
.pf-avatar__empty { font-size:12px; color:#9CA3AF; }

/* ---------- スマホ (≤640px) ---------- */
@media (max-width: 640px) {
    .pf-avatar { gap:12px; }
    .pf-avatar__preview { width:72px; height:72px; }
}