characterkit/referencefacepanel.razor.scss
ReferenceFacePanel {
flex-direction: column; flex-shrink: 0; gap: 12px;
.photo-url, .photo-name { min-height: 40px; padding: 10px; background-color: #2c241a; color: #fffaf3; border: 1px solid #665949; border-radius: 6px; font-size: 13px; flex-shrink: 0; }
.photo-reference { gap: 12px; padding: 12px; border: 1px solid #50473d; border-radius: 7px; flex-shrink: 0; }
.photo-thumb { width: 100px; height: 120px; object-fit: contain; flex-shrink: 0; }
.photo-reference-text { flex-direction: column; flex-grow: 1; }
.add-photo, .generate-photo-face { align-self: flex-start; }
}