/* Responsive text containment and AI conversation configuration */
html,body,#app,.wrap,.card,.word,.choice,.aibox,.bubble,.rec,.mtile{max-width:100%}
.card,.word,.choice,.aibox,.bubble,.rec,.muted,.t,b,p,span,div,button,label,textarea,input,select{
  overflow-wrap:anywhere;
  word-break:keep-all;
}
.aibox,.bubble,.choice,.rec{white-space:normal}
.aibox a,.bubble a{word-break:break-all}
.aibox.err{overflow:hidden}
.aibox.err,.bubble.ai{line-height:1.65}
.menu-grid.conv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mtile{min-width:0;border:1px solid var(--line);font-family:inherit;color:var(--ink)}
.mtile .lb{overflow-wrap:anywhere;word-break:keep-all}
.conv-tabs{margin-bottom:12px}
.conv-form{display:grid;gap:14px}
.conv-form label{display:grid;gap:7px;font-size:13px;font-weight:800;color:var(--ink)}
.conv-form textarea,.conv-form input,.conv-form select{
  width:100%;min-width:0;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);
  padding:11px 12px;font-size:14px;line-height:1.45
}
.conv-form textarea{resize:vertical;min-height:92px}
.conv-head{justify-content:space-between;align-items:center}
.inbar{max-width:100%}
.inbar textarea{min-width:0}
@media(max-width:480px){
  .wrap{padding-left:10px;padding-right:10px}
  .menu-grid.conv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid2.conv-fields{grid-template-columns:1fr}
  .conv-head{align-items:flex-start}
  .conv-head>.row{width:100%}
  .conv-head .btn{flex:1}
  .aibox,.bubble,.choice{font-size:13px}
}