/* チャット画像保存画面。トップページや既存のチャット画面のCSSは変更しません。 */
.gallery-screen { background:#f6f5f1; min-height:100dvh; padding-bottom:max(38px,env(safe-area-inset-bottom)); }
.gallery-header { position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;background:#f6f5f1;border-bottom:1px solid #e1e5e9;padding:14px 18px;min-height:58px; }
.gallery-header button { border:0;background:none;color:#263a54;font-size:13px;font-weight:850;padding:9px 0; }
.gallery-header-title { color:#8090a1;font-size:11px;letter-spacing:.03em;font-weight:850; }
.gallery-inner { padding:24px 19px 40px; }
.gallery-inner h2 { font-size:23px;letter-spacing:-.05em;margin:0 0 9px;color:#263a54; }
.gallery-intro { color:#738295;font-size:12px;line-height:1.8;margin:0 0 20px; }
.gallery-article-link { width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#263a54;color:#fff;border:0;border-radius:13px;padding:16px 17px;text-align:left;font-size:14px;font-weight:850;margin-top:30px; }
.gallery-article-link span { color:#d9f4a0;font-size:19px; }
.chat-gallery-list { display:grid;gap:23px; }
.chat-gallery-card { border:1px solid #dbe1e6;background:#fff;border-radius:16px;padding:12px;box-shadow:0 6px 18px #263a5409; }
.chat-gallery-card-heading {font-size:12px;color:#69798c;font-weight:850;margin:1px 3px 11px; }
.chat-gallery-image {display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:contain;background:#f6f5f1;border-radius:10px;box-shadow:inset 0 0 0 1px #dce1e5; }
.chat-gallery-actions {display:grid;grid-template-columns:1fr;gap:9px;margin-top:12px; }
.chat-gallery-actions button {border:1px solid #cfd9e1;border-radius:10px;background:#fff;color:#263a54;font-size:12px;font-weight:850;min-height:45px; }
.gallery-reverse-button{display:block;width:100%;margin:0 0 18px;padding:13px 18px;min-height:48px;border:1px solid #b9cad6;border-radius:12px;background:#fff;color:#263a54;font-size:13px;font-weight:850;text-align:center}.gallery-reverse-button[aria-pressed="true"]{background:#263a54;border-color:#263a54;color:white}.chat-gallery-actions button{background:#263a54;color:#fff;border-color:#263a54;}
@media(min-width:600px) {.gallery-screen{min-height:calc(100dvh - 46px);} }