.chat-attach{width:40px;min-height:40px;padding:4px;border-radius:50%;font-size:24px}
.chat-context-summary{font-size:.85rem;color:var(--muted)}
.chat-context-panel{border:1px solid var(--line,#d6deea);border-radius:12px;padding:16px;margin:8px 0;max-height:55vh;overflow:auto}
.chat-context-panel label{display:flex;align-items:center;gap:8px;margin:8px 0}
.chat-context-panel input[type=checkbox]{width:auto;flex:0 0 auto;margin:0}
.chat-context-panel input[type=email],.chat-context-panel input[type=password]{display:block;width:100%;margin:10px 0;box-sizing:border-box}
.chat-context-panel p{font-size:.9rem}

.chat-context-panel select,.chat-context-panel textarea,.chat-context-panel input:not([type=checkbox]){max-width:100%;box-sizing:border-box}
.chat-context-panel label{flex-wrap:wrap}
.chat-context-panel textarea{width:100%;min-height:90px}
.connection-preview{white-space:pre-wrap;overflow-wrap:anywhere}
.chat-context-panel button{margin:4px 6px 4px 0}
/* Unified composer: text above, attachments and send controls below. */
#compose{position:relative;border:1px solid var(--border,#e5e5e5);border-radius:28px;padding:16px 18px 10px;background:var(--paper,#fff);box-shadow:0 3px 16px #00000008;display:flex;flex-direction:column;gap:8px}
#compose #prompt{border:0!important;box-shadow:none!important;background:transparent!important;resize:vertical;min-height:72px;padding:6px 4px;margin:0;outline-offset:3px}
#compose>label[for=prompt]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#compose .composer-toolbar{display:flex;align-items:center;gap:10px;order:5}
#compose .composer-toolbar .actions{display:flex;flex:1;align-items:center;justify-content:flex-end;margin:0;gap:8px}
#compose .chat-attach{flex:0 0 40px;margin:0;background:transparent;color:var(--ink);border:0;font-size:28px;box-shadow:none}
#compose #send{border-radius:50%;width:40px;height:40px;min-height:40px;padding:0;font-size:23px;background:var(--ink);color:var(--paper)}
#compose .chat-context-summary{margin:0;font-size:12px;order:6}
#compose .web-search-choice{font-size:12px;order:4;margin:0}
#compose .chat-context-panel{position:absolute;bottom:calc(100% + 10px);left:0;width:min(460px,100%);box-sizing:border-box;background:var(--paper,#fff);box-shadow:0 10px 35px #0002;border-radius:20px;z-index:18;margin:0}
#compose .chat-context-panel[hidden]{display:none}
@media(max-width:700px){#compose{padding:12px;border-radius:24px}#compose .actions{flex-wrap:wrap}#compose #notice{flex-basis:100%;font-size:12px}}