.chat-message-form{border-top:1px solid var(--edge);background:var(--surface);grid-template-columns:minmax(0,1fr);gap:.45rem;min-width:0;padding:.75rem;display:grid;container-type:inline-size}.chat-message-form__compose-row{--chat-composer-control-size:3rem;grid-template-columns:minmax(0, 1fr) var(--chat-composer-control-size);border:1px solid var(--edge);background:var(--control-background);border-radius:1.25rem;align-items:end;gap:.35rem;min-width:0;padding:.25rem;transition:border-color .16s,background-color .16s,box-shadow .16s;display:grid}.chat-message-form__compose-row:hover:not(:has(textarea:disabled)){border-color:var(--brand-border)}.chat-message-form__compose-row:focus-within{border-color:var(--brand);background:var(--surface);box-shadow:none;outline:var(--focus-ring-size) solid var(--focus-ring);outline-offset:2px}.chat-message-form__compose-row:has(textarea:disabled){background:var(--surface-muted)}.chat-message-form .chat-composer-input{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:1rem;align-self:stretch;display:grid}.chat-message-form textarea{width:100%;min-height:var(--chat-composer-control-size);height:auto;max-height:9rem;padding-block:max(.75rem, calc((var(--chat-composer-control-size) - 1.45em) / 2));overscroll-behavior:contain;appearance:none;border-radius:inherit;color:var(--text-strong);font:inherit;resize:none;field-sizing:content;background:0 0;border:0;outline:0;margin:0;padding-inline:3rem;font-size:1rem;line-height:1.45;display:block;overflow-y:auto}.chat-message-form textarea:disabled{cursor:not-allowed;opacity:.65}.chat-message-form textarea:is(:focus,:user-invalid){box-shadow:none}.chat-send-button{width:var(--chat-composer-control-size);min-width:var(--chat-composer-control-size);height:var(--chat-composer-control-size);min-height:var(--chat-composer-control-size);appearance:none;background:var(--brand-fill);color:var(--brand-on-fill);cursor:pointer;box-shadow:none;border:0;border-radius:1rem;align-self:end;place-items:center;padding:0;line-height:1;transition:background-color .15s,opacity .15s;display:inline-grid}.chat-message-form__compose-row>.chat-send-button{border-radius:999px}.chat-send-button:hover:not(:disabled){background:var(--brand-fill-hover)}.chat-send-button:active:not(:disabled){background:var(--brand-fill-active)}.chat-send-button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.chat-send-button svg{width:1.2rem;height:1.2rem;translate:.04rem}.chat-composer-input{min-width:0;position:relative}.chat-composer-input:not(:has(.chat-attachment-toggle)) textarea{padding-inline-start:.75rem}.chat-composer-error{color:var(--status-danger);margin:0;padding-inline:.25rem;font-size:.8125rem}.chat-attachment-toggle,.chat-emoji-toggle{z-index:1;width:var(--touch-target);height:var(--touch-target);appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:.7rem;place-items:center;padding:0;line-height:1;display:inline-grid;position:absolute;bottom:.15rem}.chat-attachment-toggle{left:.15rem}.chat-emoji-toggle{right:.15rem}.chat-attachment-toggle:hover,.chat-attachment-toggle:focus-visible,.chat-emoji-toggle:hover,.chat-emoji-toggle:focus-visible{background:var(--brand-soft-hover);color:var(--brand)}.chat-attachment-toggle:disabled,.chat-emoji-toggle:disabled{cursor:wait;opacity:.55}.chat-attachment-toggle svg{width:1.2rem;height:1.2rem}.chat-emoji-toggle .app-icon{width:1.2rem;height:1.2rem;display:block}.chat-composer-attachments{overscroll-behavior-x:contain;scrollbar-width:thin;gap:.5rem;width:100%;min-width:0;padding:.1rem 0 .2rem;display:flex;overflow-x:auto}.chat-composer-attachments>div{border:1px solid var(--edge);background:var(--surface-muted);width:4.75rem;height:4.75rem;box-shadow:var(--shadow-surface);border-radius:.8rem;flex:none;position:relative;overflow:hidden}.chat-composer-attachments img{object-fit:cover;width:100%;height:100%;display:block}.chat-composer-attachments button{width:var(--touch-target);height:var(--touch-target);color:#fff;font:inherit;cursor:pointer;background:#000000d1;border:1px solid #ffffff3d;border-radius:50%;place-items:center;padding:0;font-size:1rem;line-height:1;display:grid;position:absolute;top:.15rem;right:.15rem}.chat-composer-attachments button:disabled{opacity:.5;cursor:wait}.chat-emoji-picker{grid-template-columns:repeat(6, var(--touch-target));gap:.25rem;width:max-content;display:grid;position:fixed;inset:auto}.chat-emoji-picker button{width:var(--touch-target);height:var(--touch-target);justify-content:center;padding:0;font-size:1.1rem}@media (max-width:56.25rem){.chat-message-form{gap:.42rem;padding:.65rem}.chat-message-form textarea{max-height:8.5rem}}@media (max-width:37.5rem){.chat-message-form{padding:.55rem max(.55rem, env(safe-area-inset-right)) max(.55rem, env(safe-area-inset-bottom)) max(.55rem, env(safe-area-inset-left))}.chat-emoji-picker{grid-template-columns:repeat(5, var(--touch-target))}}@container not (min-width:24rem){.chat-message-form textarea{padding-inline-end:.75rem}.chat-emoji-toggle,.chat-emoji-picker{display:none}}@media (prefers-reduced-motion:reduce){.chat-send-button{transition-duration:.01ms}}