/* A single toolbar keeps actions aligned independently of the message length. */
#chat-form.composer { display:block; padding:16px; border-radius:20px; }
#chat-form textarea { margin:0 0 12px; padding:2px; min-height:48px; }
.composer-toolbar { display:flex; align-items:center; gap:12px; padding-top:12px; border-top:1px solid #9fbea51f; }
.composer-toolbar .workbench-controls { display:flex; align-items:center; flex-shrink:0; gap:8px; margin:0; }
.composer-toolbar .composer-bottom { display:flex; align-items:center; flex:1; min-width:0; gap:12px; padding:0; }
.composer-toolbar .quiet-button,.image-mode-button { display:inline-flex; justify-content:center; align-items:center; min-height:38px; padding:8px 12px; margin:0; border:1px solid #a6c8b32b; border-radius:10px; background:#b4d7bf08; color:#c4d7cd; font:inherit; font-size:12px; white-space:nowrap; cursor:pointer; }
.composer-toolbar [hidden] { display:none!important; }
.composer-toolbar button:hover { background:#b4d7bf18; border-color:#a6c8b366; }
.complexity-control { display:flex; flex-direction:column; gap:4px; min-width:0; flex:1; max-width:320px; margin-inline:auto; }
.complexity-title { font-size:10px; color:#8fa99b; }
.complexity-scale { display:flex; align-items:center; gap:8px; font-size:11px; white-space:nowrap; color:#c4d7cd; }
.complexity-scale input[type=range] { width:70px; min-width:40px; height:20px; padding:0; margin:0; cursor:pointer; accent-color:#a3dbb7; flex:1; }
.complexity-scale input:focus-visible,.composer-toolbar button:focus-visible { outline:2px solid #a3dbb7; outline-offset:4px; }
.complexity-scale input:disabled { opacity:.4; cursor:default; }
.image-mode-button[aria-pressed=true] { color:#d6f7e1; border-color:#a3dbb7; background:#a3dbb71a; }
.composer-toolbar .send-button { width:38px; height:38px; border-radius:10px; margin:0; flex-shrink:0; }
#email-verification-form[hidden] { display:none; }
@media(max-width:760px) {
 .composer-toolbar { flex-wrap:wrap; gap:10px; }
 .composer-toolbar .workbench-controls { width:100%; }
 .composer-toolbar .composer-bottom { flex-basis:100%; gap:10px; }
 .complexity-control { margin:0 auto 0 0; }
}
@media(max-width:390px) {
 #chat-form.composer { padding:12px; }
 .composer-toolbar .composer-bottom { gap:7px; }
 .complexity-scale { font-size:10px; gap:4px; }
 .complexity-scale input[type=range] { width:40px; min-width:28px; }
 .image-mode-button { padding:8px; font-size:11px; }
}