.pwa-tools{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:#e7f1ff;color:#102b52;font:12px system-ui;flex-wrap:wrap}.pwa-tools button{min-height:32px;border-radius:18px;padding:5px 10px;background:#0067d9;color:white;border:0;font:inherit}.pwa-tools [hidden]{display:none}.pwa-tools span{flex:1}.pwa-tools~dialog{max-width:340px;border-radius:22px;padding:24px}body{min-height:100dvh}
.pwa-tools{position:fixed;top:0;left:0;right:0;z-index:60;height:calc(44px + env(safe-area-inset-top));box-sizing:border-box;padding-top:calc(6px + env(safe-area-inset-top));flex-wrap:nowrap}.pwa-tools span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pwa-tools button{flex:none}body{padding-top:calc(44px + env(safe-area-inset-top))}.native-page-navigation{top:44px}@media(max-width:650px){body.chat-contained:not(.chat-keyboard) #view-chat{top:calc(var(--chat-viewport-top,0px) + 44px);height:calc(var(--chat-viewport-height,100dvh) - 44px - var(--chat-nav-height,68px))}body.chat-keyboard .pwa-tools{display:none}body.chat-keyboard #view-chat{top:var(--chat-viewport-top,0px)}}

/* Reserve the preview banner without exposing chat beneath the composer. */
body.chat-contained:not(.chat-keyboard){--chat-top-inset:44px}