.personal-photo-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(100px,1fr)); gap:14px 10px; max-width:564px; margin:16px 0 24px; }
.personal-photo { min-width:0; text-align:center; }
.personal-photo-thumbnail { display:block; width:100%; height:100px; object-fit:cover; border-radius:4px; background:#eee; }
.personal-photo-actions { display:flex; justify-content:center; gap:8px; margin:6px 0 0; }
.personal-photo-actions button { display:inline-flex; align-items:center; justify-content:center; width:30px; height:28px; padding:5px; border:1px solid #d7dfdf; border-radius:4px; background:#f7f9f9; cursor:pointer; }
.personal-photo-actions button img { display:block; }
.personal-photo-actions button:hover:not(:disabled) { background:#e9f2ef; border-color:#0a7175; }
.personal-photo-actions button:disabled { cursor:default; }
.personal-photo-actions button:focus-visible { outline:2px solid #0a7175; outline-offset:2px; }
.personal-photo-notice { padding:12px; border-left:3px solid #0a7175; background:#eef6f4; }