.photo-detection { position: relative; width: fit-content; max-width: 100%; margin: 1rem auto 0; }
.photo-detection .journal-photo { width: auto; max-width: 100%; height: auto; margin: 0; }
.dog-boxes { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; border-radius: 8px; }
.dog-boxes rect { fill: none; stroke: #ffe45e; stroke-width: 3px; filter: drop-shadow(0 0 2px #17201a); }
.dog-boxes.boxes-hidden { visibility: hidden; }
.dog-box-controls { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; margin-top: .75rem; }
.dog-box-controls .hint { flex: 1 1 12rem; margin: 0; }
.dog-box-controls button[aria-pressed="true"] { background: #edf1eb; border-color: #315b3b; box-shadow: inset 0 0 0 1px #315b3b; }