/* Keep the confirmed layout; reserve space for both navigation and selection actions. */
.album-selection{bottom:calc(72px + env(safe-area-inset-bottom));z-index:14;padding:10px 16px 12px;max-height:36dvh;overflow:auto}
main:has(.album-selection){padding-bottom:calc(215px + env(safe-area-inset-bottom))}
.care-photo-choice{position:relative;flex:0 0 64px;width:64px;height:64px;margin:5px}
.care-photo-choice img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.care-photo-choice button{position:absolute;top:-6px;right:-6px;min-width:28px;min-height:28px;border-radius:50%;background:#283b34;color:white;padding:0}
#toast button{pointer-events:auto;color:white;margin-left:10px;min-height:32px;text-decoration:underline}
.channel-history .chips{flex-wrap:wrap}
.time-wheel button:disabled{opacity:.25;pointer-events:none}
html[data-font="large"] .album-selection{bottom:calc(84px + env(safe-area-inset-bottom))}
html[data-font="large"] main:has(.album-selection){padding-bottom:calc(250px + env(safe-area-inset-bottom))}
@media(max-height:650px){.album-selection p{margin-bottom:3px}.compare img{height:36dvh}}
/* The confirmed multi-select screen replaces navigation with its action bar. */
#app:has(.album-selection) .nav{display:none}
.album-selection,html[data-font="large"] .album-selection{bottom:0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
main:has(.album-selection),html[data-font="large"] main:has(.album-selection){padding-bottom:calc(170px + env(safe-area-inset-bottom))}