/* #7896 arrival_day_v1 화면 — 320/390 우선. 정본 팔레트(먹빛·종이색)만 쓴다. */
.gyad-shell { max-width: 560px; margin: 0 auto; padding: 16px 14px 28px; color: #12100E; }
.gyad-hold { font-size: 12px; color: #7A6E62; border: 1px solid rgba(18,16,14,.14);
             border-radius: 999px; padding: 4px 10px; display: inline-block; margin: 0 0 10px; }
.gyad-scene { margin: 0 0 12px; }
/* 🔴 0914 #8024 — 장면 사진은 화면 높이의 일부만 쓴다. 원본 크기로 펼치면 대사와 버튼이 화면 밖으로 밀린다. */
.gyad-photo { display: block; width: 100%; max-height: 34vh; object-fit: cover;
              border-radius: 14px; background: #EFEAE2; }
.gyad-photo-missing:empty { display: none; }
.gyad-photo-missing { margin: 0; padding: 22px 12px; text-align: center; font-size: 13px;
                      color: #7A6E62; background: #EFEAE2; border: 1px dashed rgba(18,16,14,.18);
                      border-radius: 12px; }
.gyad-title { font-size: 20px; line-height: 1.35; margin: 6px 0 10px; }
.gyad-where { font-size: 12px; color: #7A6E62; margin: 0 0 8px; }
.gyad-body { font-size: 15px; line-height: 1.7; margin: 0 0 8px; }
.gyad-log { display: flex; flex-direction: column; gap: 6px; margin: 4px 0 12px; }
.gyad-line { margin: 0; padding: 10px 14px; border-radius: 18px; max-width: 74%;
             font-size: 14px; line-height: 1.6; }
.gyad-char { background: #262220; color: #F5F1EA; align-self: flex-start; }
.gyad-me { background: #E8DCC8; color: #12100E; align-self: flex-end; }
.gyad-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.gyad-chips .gyad-button { font-size: 12px; padding: 6px 10px; background: #EFEAE2; color: #12100E; }
.gyad-inputrow { display: flex; gap: 6px; margin-bottom: 12px; }
.gyad-input { flex: 1; min-width: 0; padding: 11px 13px; border-radius: 20px; font-size: 14px;
              border: 1px solid rgba(18,16,14,.16); background: #FFF; color: #12100E; }
.gyad-controls { display: flex; flex-direction: column; gap: 8px; }
.gyad-button { width: 100%; padding: 13px 16px; border-radius: 14px; font-size: 15px;
               border: 1px solid rgba(18,16,14,.16); background: #1C1917; color: #F5F1EA;
               cursor: pointer; }
.gyad-chips .gyad-button, .gyad-inputrow .gyad-button { width: auto; }
.gyad-hint { display: block; font-size: 12px; color: #7A6E62; margin: -2px 0 4px 2px; }
.gyad-error { font-size: 13px; color: #8A3B2F; margin-top: 10px; }
.gyad-muted { font-size: 14px; color: #7A6E62; }
