.gallery-tabs{display:flex;gap:8px;margin-bottom:14px}.chat-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.emoji-choice{font-size:28px!important;padding:8px!important;min-height:50px}.gallery-tile{grid-column:span 2;padding:10px!important;display:grid;gap:6px;align-items:center}.gallery-tile img{width:100%;height:100px;object-fit:contain}.gallery-tile small{font-size:12px}.quick-reply-strip{display:flex;gap:4px;margin-top:7px}.quick-reply-strip .feature-button{font-size:19px;padding:4px 7px;min-height:32px}.message-quick-toggle{font-size:10px!important;min-height:24px!important;padding:3px 8px!important;margin-top:5px}.voice-recording-bar{display:flex;align-items:center;gap:8px;padding:10px;background:#e0f3f8;border-radius:14px;margin:6px 10px}.voice-recording-bar canvas{width:90px;height:30px}.voice-recording-bar .voice-clock{font-size:12px;color:#087845;white-space:nowrap}.voice-recording-bar .feature-button{font-size:12px;padding:6px 10px}.voice-playback{display:grid;gap:6px;max-width:260px}.voice-playback audio{width:100%;margin:2px 0}.voice-playback strong{font-size:12px;color:#087845}.chat-media-preview{width:min(220px,100%);max-height:220px;object-fit:contain;border-radius:12px;display:block;margin:7px 0}.message-composer{gap:5px;padding-inline:7px}.message-composer .emoji-open{font-size:23px;min-width:32px;width:32px;padding:2px}.message-composer #messageInput{min-width:0}
.chat-bottom-sheet.feature-modal{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,480px);max-width:480px;max-height:70dvh;height:540px;padding:8px 12px max(12px,env(safe-area-inset-bottom));border:1px solid #9ed3f1;border-bottom:0;border-radius:24px 24px 0 0;background:var(--surface,#edf6fc);box-sizing:border-box;overflow:hidden;animation:sheet-rise .22s ease-out}
.chat-bottom-sheet header{display:flex;align-items:center;justify-content:space-between;min-height:30px;margin:0}.chat-bottom-sheet header h2{font-size:14px!important;margin:0}.chat-bottom-sheet header button{width:30px!important;height:30px!important;min-height:0;padding:0!important;font-size:20px!important}
.sheet-handle{width:40px;height:4px;background:#93b0c5;border-radius:9px;margin:1px auto 8px;touch-action:none}
.chat-bottom-sheet .feature-modal-content{height:calc(100% - 75px);display:flex;flex-direction:column;overflow:hidden}.chat-bottom-sheet .feature-modal-status{font-size:11px;line-height:1.3;margin:4px 0;min-height:0}
.chat-bottom-sheet .capsule-tabs{display:flex;position:relative;isolation:isolate;border-radius:24px;padding:4px;background:#cfe1ed;gap:0;margin:6px 0;flex-shrink:0}.capsule-tabs:before{content:'';position:absolute;z-index:-1;left:4px;top:4px;bottom:4px;width:calc((100% - 8px)/3);background:#fff;border-radius:22px;box-shadow:0 2px 6px #235e8322;transition:transform .2s ease}.capsule-tabs[data-selected=gif]:before{transform:translateX(100%)}.capsule-tabs[data-selected=sticker]:before{transform:translateX(200%)}
.chat-bottom-sheet .capsule-tabs button{flex:1;min-width:0;background:transparent!important;box-shadow:none!important;font-size:13px!important;padding:7px!important;border:0;min-height:32px}
.gallery-tools{display:flex;gap:7px;flex-shrink:0}.gallery-tools input,.gallery-tools select{width:0;flex:1;min-width:0;font-size:12px;padding:8px!important;margin:0!important;border-radius:12px;border:1px solid #abcadd}
.chat-bottom-sheet .chat-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow-y:auto;align-content:start;flex:1;min-height:0;padding:7px 0}.chat-bottom-sheet .chat-gallery-grid.emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}
.chat-bottom-sheet .emoji-choice{height:43px!important;min-height:43px!important;min-width:0!important;width:100%!important;font-size:25px!important;line-height:1!important;padding:3px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.chat-bottom-sheet .gallery-tile{grid-column:auto!important;min-width:0;padding:3px!important;border:0;border-radius:10px;background:#fff!important;overflow:hidden;height:96px}.chat-bottom-sheet .gallery-tile img{height:90px!important;width:100%;object-fit:contain}.chat-bottom-sheet .gallery-tile small{display:none}.more-emoji{grid-column:1/-1;font-size:12px!important}
.chat-bottom-sheet .gif-provider-picker{flex-shrink:0;gap:4px;margin:5px 0}.chat-bottom-sheet .gif-provider-picker>button{font-size:11px!important;padding:5px 8px!important;min-height:28px}.chat-bottom-sheet .gif-provider-search{width:100%;margin:2px 0}.chat-bottom-sheet .gif-provider-search select,.chat-bottom-sheet .gif-provider-search input{font-size:12px;max-width:75%;padding:6px}.chat-bottom-sheet .gif-provider-search button{font-size:12px!important;padding:5px 9px!important}
.message-reactions{display:flex;gap:3px;flex-wrap:wrap}.reaction-chip{font-size:15px!important;line-height:1;padding:4px 7px!important;min-height:25px!important;border:1px solid #c5d7e3;border-radius:14px;background:#fff!important;color:#23445b!important}.reaction-chip.mine{border-color:#168cdb;background:#d9f0ff!important}.message-quick-toggle{opacity:.65;font-size:15px!important}.quick-reply-strip{background:#e7f2fb;padding:4px;border-radius:18px}
@keyframes sheet-rise{from{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.chat-bottom-sheet{animation:none!important}.capsule-tabs:before{transition:none}}
.chat-bottom-sheet .gallery-tile.provider-tile img{height:67px!important}.chat-bottom-sheet .gallery-tile.provider-tile small{display:block;font-size:9px;line-height:1.1;max-height:20px;overflow:hidden;color:#46657a}