* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: #222; font: 14px system-ui, sans-serif; }
main { width: 100%; max-width: 460px; margin: 0 auto; padding: 8px; }
form { margin: 0; }
.photo { display: block; width: 100%; padding: 0; margin: 0 0 10px; border: 0; background: #f1f1f1; cursor: pointer; }
.photo img { display: block; width: 100%; height: auto; min-height: 80px; }
.photo:focus-visible { outline: 3px solid #315dce; outline-offset: 3px; }
.empty { padding: 24px; line-height: 1.6; }
.visitor-source { margin: 0 0 10px; padding: 10px 12px; background: #f1f4ee; color: #34482e; border-radius: 6px; font-size: 12px; line-height: 1.6; }