.camera-name-label { display:inline-flex; align-items:center; gap:8px; min-width:0; }
.camera-name-avatar { display:inline-flex; align-items:center; justify-content:center; flex:0 0 28px; width:28px; height:28px; box-sizing:border-box; border:1px solid #d6be86; border-radius:50%; background:#24332e; color:#fff; text-decoration:none; vertical-align:middle; font:700 11px/1 system-ui,sans-serif; }
.camera-name-avatar img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.camera-name-avatar[hidden], .camera-name-avatar [hidden], .camera-name-replaced { display:none !important; }
.camera-name-avatar[href] { cursor:pointer; }
.camera-name-avatar[href]:hover, .camera-name-avatar[href]:focus-visible { outline:2px solid #f4c96b; outline-offset:2px; }