.chat-sheet { position:fixed; padding:30px 16px max(34px,env(safe-area-inset-bottom)); margin:0; top:auto; bottom:24px; left:calc(50% - 194px); width:388px; max-width:calc(100vw - 2px); max-height:min(80dvh,640px); border:1px solid #5b4d73; border-radius:28px 28px 24px 24px; background:linear-gradient(155deg,#393052,#19171f 50%); color:#fff; overflow:auto; scrollbar-width:none; }
.chat-sheet h2 { font-size:22px; margin:0 0 20px; }
.chat-sheet::backdrop { background:#0007; backdrop-filter:blur(3px); }
.chat-sheet .close { position:absolute; right:15px; top:11px; width:28px; height:28px; color:#bdb5cf; font-size:24px; }
.model-filters { display:flex; overflow-x:auto; gap:8px; margin-bottom:16px; scrollbar-width:none; }
.model-filters button { border:1px solid #96909f; border-radius:30px; padding:8px 14px; font-size:13px; }
.model-filters button.active { background:#ffffff28; font-weight:600; }
.model-option { width:100%; display:flex; align-items:center; gap:10px; border-radius:14px; padding:18px 12px; text-align:left; margin-bottom:2px; }
.model-option.selected { background:#ffffff16; }
.model-option > img { width:34px; height:34px; object-fit:contain; }
.model-option h3 { display:flex; flex-wrap:wrap; align-items:center; gap:5px; font-size:14px; }
.model-option small { color:#8c8598; display:block; margin-top:5px; font-size:12px; }
.model-option .check { margin-left:auto; color:#8beeb4; font-size:23px; }
.model-tier { font-size:9px; padding:2px 5px; border-radius:4px; background:#44b774; }
.model-tier.pro { background:linear-gradient(90deg,#5355f3,#67b8c6); }
.model-confirm { margin-top:24px; }
.chat-sheet .btn { margin-top:10px; }
.model-mark { background:white; border-radius:50%; padding:2px; }
@media(max-width:600px) {
  .chat-sheet { left:0; bottom:0; width:100%; max-width:100%; border-radius:28px 28px 0 0; max-height:85dvh; }
}