.brainstorm-layout { display:flex; gap:16px; width:min(1260px, 100%); margin:auto; align-items:stretch; }
.brainstorm-layout .chat-container { flex:1; min-width:0; margin:0; }
.conversation-sidebar { width:250px; flex-shrink:0; padding:18px; box-sizing:border-box; border:1px solid rgba(110,200,255,.18); border-radius:18px; background:rgba(9,17,32,.82); color:#eaf4ff; display:flex; flex-direction:column; max-height:min(820px,calc(100dvh - 96px)); }
.conversation-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.conversation-sidebar button,.conversation-toggle { font:inherit; cursor:pointer; color:#c9efff; border:1px solid rgba(104,211,255,.25); background:rgba(46,153,201,.09); border-radius:8px; padding:9px 12px; }
.conversation-sidebar button:hover,.conversation-toggle:hover { background:rgba(46,153,201,.22); }
.conversation-sidebar button:disabled { opacity:.45; cursor:wait; }
.conversation-note { font-size:12px; line-height:1.5; color:#9caec3; margin:12px 0; }
.conversation-notice { color:#ff909b; font-size:12px; line-height:1.5; }
.conversation-notice:empty { display:none; }
.conversation-list { overflow:auto; min-height:0; }
.conversation-row { display:flex; gap:5px; margin-bottom:7px; }
.conversation-row .conversation-select { flex:1; min-width:0; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; border-color:transparent; }
.conversation-select[aria-current=true] { background:rgba(46,153,201,.22); border-color:#5dbfe4; }
.conversation-row .conversation-delete { padding:4px 9px; border:0; color:#b4bfce; background:transparent; }
.conversation-toggle,.conversation-close,.conversation-overlay { display:none; }
@media(max-width:900px) {
 .conversation-toggle { display:inline-block; margin-left:10px; font-size:12px; padding:5px 9px; }
 .conversation-sidebar { display:none; position:fixed; left:12px; top:12px; bottom:12px; width:min(300px,calc(100vw - 24px)); max-height:none; z-index:101; background:#101b2c; box-shadow:0 15px 65px #0009; }
 .chats-open .conversation-sidebar { display:flex; }
 .conversation-sidebar .conversation-close { display:block; padding:3px 10px; font-size:22px; }
 .chats-open .conversation-overlay { display:block; position:fixed; inset:0; width:100%; height:100%; background:#0009; border:0; z-index:100; }
}
/* Icon actions for individual shots and the complete brainstorm response. */
.brainstorm-layout .message.assistant { max-width:100%; }
.brainstorm-layout .prompt-icon-actions { display:flex; justify-content:flex-end; gap:6px; margin-top:8px; }
.brainstorm-layout .message .prompt-icon-actions button { position:static; display:inline-flex; align-items:center; justify-content:center; flex:0 0 34px; width:34px; height:34px; min-height:34px; margin:0; padding:0; border:1px solid #50658080; border-radius:8px; background:#15233880; color:#c5d4e8; cursor:pointer; }
.brainstorm-layout .message .prompt-icon-actions button:hover { border-color:#67e8f9; color:#ecfeff; background:#213249; }
@media(max-width:600px) { .brainstorm-layout .message .prompt-icon-actions button { width:40px; height:40px; flex-basis:40px; } }
/* Keep shot actions in the outside gutter; full-response actions stay inside. */
.brainstorm-layout .message.assistant { max-width:calc(100% - 82px); }
.brainstorm-layout .prompt-shot > .prompt-icon-actions { position:absolute; right:-98px; bottom:10px; margin:0; }
@media(max-width:600px) {
 .brainstorm-layout .message.assistant { max-width:calc(100% - 52px); }
 .brainstorm-layout .prompt-shot > .prompt-icon-actions { right:-66px; flex-direction:column; gap:4px; }
 .brainstorm-layout .prompt-shot { min-height:96px; }
}