.composer-toolbar{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--border-light);gap:1px;flex-wrap:wrap}.composer:not(.toolbar-open) .composer-toolbar{display:none}.composer.toolbar-open .toolbar-btn[data-action=format]{background:#03fcfb24;color:var(--accent-primary)}.toolbar-group{display:flex;align-items:center;gap:1px}.toolbar-divider{width:1px;height:20px;background:var(--border-light);margin:0 var(--spacing-xs)}.toolbar-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.toolbar-btn:hover{background:#ffffff0f;color:var(--text-bright)}.toolbar-btn.active{background:#ffffff1a;color:var(--text-bright)}.toolbar-btn svg{width:16px;height:16px}.composer-input{padding:var(--spacing-sm) var(--spacing-md);min-height:40px;max-height:200px;overflow-y:auto;font-size:var(--font-size-lg);line-height:1.46;color:var(--text-primary);outline:none;word-wrap:break-word}.composer-input:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.composer.composer-readonly .composer-input{cursor:not-allowed;color:var(--text-muted);background:#ffffff05}.composer.composer-readonly .composer-toolbar,.composer.composer-readonly .composer-row-attach,.composer.composer-readonly .composer-row-actions{opacity:.45;pointer-events:none}.composer.composer-readonly .composer-row .record-audio-btn,.composer.composer-readonly .composer-row .cancel-recording-btn,.composer.composer-readonly .composer-row .send-btn{opacity:.7}.composer.composer-readonly:focus-within{border-color:var(--border-input)}.thread-composer-readonly{cursor:not-allowed;color:var(--text-muted);background:#ffffff05}.composer-input b,.composer-input strong{font-weight:var(--font-weight-bold);color:inherit}.composer-input i,.composer-input em{font-style:italic}.composer-input u{text-decoration:underline}.composer-input code{background:#ffffff0f;padding:2px 5px;border-radius:3px;font-family:Consolas,Monaco,monospace;font-size:var(--font-size-sm);color:var(--text-code);border:1px solid rgba(255,255,255,.06)}.composer-input pre{margin:8px 0;padding:10px 12px;border-radius:10px;background:#00000038;border:1px solid rgba(255,255,255,.08);overflow-x:auto;white-space:pre-wrap}.composer-input pre code{background:transparent;border:none;padding:0;color:inherit}.composer-input .composer-emoji-token{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;user-select:all}.composer-input .composer-emoji-token img.twemoji{width:1.2em;height:1.2em;margin:0;vertical-align:middle;pointer-events:none}.composer-input blockquote{margin:8px 0;padding-left:12px;border-left:3px solid var(--accent-primary);color:var(--text-secondary)}.composer-input ul,.composer-input ol{margin:8px 0;padding-left:22px}.composer-input ul{list-style:disc}.composer-input ol{list-style:decimal}.composer-input li+li{margin-top:4px}.composer-input span[style*=background-color]{border-radius:4px;padding:0 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:inset 0 0 0 1px #1118271f}.composer-bottom{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm)}.composer-bottom-left{display:flex;align-items:center;gap:2px}.composer-bottom-right{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:flex-end;flex-wrap:wrap}.recording-status{display:flex;align-items:center;gap:8px;min-height:28px;padding:0 12px;border-radius:999px;color:var(--text-muted);font-size:var(--font-size-sm)}.recording-status[hidden]{display:none!important}.recording-status-dot{width:8px;height:8px;border-radius:999px;background:#d32f2f;animation:pulse 1.4s ease infinite}.recording-status-label{white-space:nowrap}.record-audio-btn,.cancel-recording-btn{flex-shrink:0}.record-audio-btn.recording{background:#d32f2f1a;color:#d32f2f}.record-audio-btn.processing{cursor:wait}.record-audio-btn.processing svg{animation:composerSpin 1s linear infinite}.cancel-recording-btn:hover{color:#d32f2f;background:#d32f2f14}.composer.recording .composer-toolbar,.composer.recording .composer-row-attach,.composer.recording .composer-row-actions,.composer.recording .composer-input,.composer.audio-processing .composer-toolbar,.composer.audio-processing .composer-row-attach,.composer.audio-processing .composer-row-actions,.composer.audio-processing .composer-input{opacity:.55;pointer-events:none;user-select:none}.composer.recording .composer-input,.composer.audio-processing .composer-input{caret-color:transparent}.send-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);color:var(--text-muted);cursor:not-allowed;transition:all var(--transition-fast)}.send-btn.active{background:var(--accent-green);color:#fff;cursor:pointer}.send-btn.active:hover{background:#239a62}.send-btn svg{width:16px;height:16px}.send-btn[disabled]{color:var(--text-muted);background:transparent;cursor:not-allowed;opacity:.5}.send-dropdown{width:20px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);color:var(--text-muted);border-left:1px solid rgba(255,255,255,.1);font-size:10px}.composer-hint{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-muted);padding:2px var(--spacing-md) var(--spacing-sm)}.emoji-picker-btn{font-size:16px}.mention-dropdown{position:absolute;bottom:100%;left:var(--spacing-xl);right:var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-height:240px;overflow-y:auto;display:none;z-index:var(--z-dropdown);animation:slideInUp .15s ease}.mention-dropdown.visible{display:block}.mention-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-fast)}.mention-item:hover,.mention-item.selected{background:var(--accent-primary)}.mention-item img{width:24px;height:24px;border-radius:var(--border-radius-sm)}.mention-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.mention-handle{color:var(--text-muted);font-size:var(--font-size-sm)}.typing-indicator{display:none;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-xl);font-size:var(--font-size-sm);color:var(--text-muted);min-height:20px;height:auto}.typing-indicator.visible{display:flex}.typing-dots{display:flex;gap:3px}.typing-dots span{width:4px;height:4px;border-radius:50%;background:var(--text-muted);animation:pulse 1.4s ease infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes composerSpin{to{transform:rotate(360deg)}}