.photo-dialogue{margin:14px 0 20px;border:1px solid #ccdbd3;border-radius:18px;overflow:hidden;background:#f9fbf8}.photo-dialogue-picture{position:relative;aspect-ratio:3/2;overflow:hidden;background:#dde7de}.photo-dialogue-picture img{width:100%;height:100%;object-fit:cover;display:block}.photo-dialogue.is-playing .photo-dialogue-picture img{animation:dialogue-photo-pan 18s ease-in-out infinite alternate}.photo-dialogue-play{position:absolute;inset:auto 16px 18px;margin:auto!important;max-width:calc(100% - 32px);min-height:50px;background:#204e3f!important;color:#fff!important;border:2px solid #fff9!important;box-shadow:0 3px 15px #0003}.photo-dialogue-caption{padding:18px 20px;min-height:130px;background:#edf2eb}.photo-dialogue-caption strong{font-size:15px;color:#446759}.photo-dialogue-caption p{font-size:22px;line-height:1.5;margin:8px 0;overflow-wrap:anywhere}.photo-dialogue-caption .dialogueenglish{font-size:18px}.photo-dialogue-tools{display:flex;flex-wrap:wrap;gap:8px;padding:14px}.photo-dialogue-tools button,.photo-dialogue-tools select{font:inherit;font-size:15px;min-height:44px;padding:8px 12px;margin:0;border-radius:9px;max-width:100%}.photo-dialogue-tools label{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;width:100%}.photo-dialogue-status{padding:0 16px;font-size:15px;min-height:24px}.photo-dialogue-note{display:block;padding:0 16px 16px;color:#6b7b72;font-size:13px}.dialogue-transcript{margin:18px 0}.dialogue-transcript summary{cursor:pointer;font-weight:700;min-height:44px}.dialogueaudio-status{display:block;font-size:13px;color:#74543b}@keyframes dialogue-photo-pan{from{transform:scale(1)}to{transform:scale(1.045)}}@media(prefers-reduced-motion:reduce){.photo-dialogue.is-playing .photo-dialogue-picture img{animation:none}}@media(max-width:600px){.photo-dialogue-caption{padding:15px}.photo-dialogue-caption p{font-size:20px}.photo-dialogue-tools{padding:12px}.photo-dialogue-tools select{width:100%}}
