/* Editing workspace: one bounded conversation and a separate material rail. */
body.ai-chat-mode { overflow:auto!important; }
body.ai-chat-mode main { overflow-y:auto!important; }
body.ai-chat-mode #panel-ai-chat .ai-chat { border:1px solid #ffffff12!important; container-type:inline-size; min-height:660px!important; }
body.ai-chat-mode #panel-ai-chat .ai-chat-head {
 flex-direction:row!important; align-items:center!important; flex-wrap:wrap; gap:12px 24px!important;
 padding:16px 22px!important; background:#151618!important;
}
body.ai-chat-mode #panel-ai-chat .ai-chat-heading { min-width:0; flex:1 1 340px; }
body.ai-chat-mode #panel-ai-chat .ai-chat-heading h2 { font-size:20px!important; letter-spacing:.02em; }
body.ai-chat-mode #panel-ai-chat .ai-chat-heading p { margin:6px 0 0; font-size:11px!important; }
body.ai-chat-mode #panel-ai-chat .ai-chat-heading #cutCurrentModel { display:block!important; margin-top:6px; overflow-wrap:anywhere; }
body.ai-chat-mode #panel-ai-chat .ai-chat-meta { flex:0 1 auto; flex-wrap:wrap; gap:6px!important; }
body.ai-chat-mode #panel-ai-chat .ai-agent-label { display:none; }
body.ai-chat-mode #panel-ai-chat .ai-chat-tools { margin-left:0; }
#panel-ai-chat .ai-editing-workspace { flex:1 1 0; min-height:0; min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 304px; overflow:hidden; }
#panel-ai-chat .ai-editing-conversation { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; }
body.ai-chat-mode #panel-ai-chat .ai-chat-body { flex:1 1 0!important; min-height:0!important; padding:22px!important; overscroll-behavior:contain; }
#panel-ai-chat .ai-editing-materials { min-height:0; min-width:0; display:flex; flex-direction:column; background:#17181a; border-left:1px solid #ffffff0c; overflow:hidden; }
#panel-ai-chat .ai-materials-heading { display:flex; align-items:center; justify-content:space-between; padding:18px 16px 12px; flex:0 0 auto; color:#eee4cc; font-size:13px; font-weight:600; }
#panel-ai-chat .ai-materials-heading small { font-size:10px; color:#88857d; font-weight:400; }
body.ai-chat-mode #panel-ai-chat .ai-chat-attach { flex:1 1 0!important; min-height:0!important; overflow:hidden!important; padding:0 14px 14px!important; gap:10px!important; }
body.ai-chat-mode #panel-ai-chat .ai-attach-toolbar { flex:0 0 auto; gap:8px!important; }
body.ai-chat-mode #panel-ai-chat #aiChatUploadBtn { width:100%; justify-content:center; min-height:38px!important; background:#25231d!important; border:1px solid #b69c5440!important; color:#ead9ac!important; }
body.ai-chat-mode #panel-ai-chat .ai-chat-attachment-shelf { flex:1 1 0; min-height:0; max-height:none!important; overflow-y:auto!important; overflow-x:hidden; overscroll-behavior:contain; padding-right:3px; scrollbar-gutter:stable; }
body.ai-chat-mode #panel-ai-chat .ai-chat-attachment-list { display:grid; grid-template-columns:minmax(0,1fr)!important; gap:8px; max-height:none!important; overflow:visible!important; }
body.ai-chat-mode #panel-ai-chat .ai-attachment { min-width:0; padding:10px!important; background:#202123!important; border:1px solid #ffffff0b!important; border-radius:8px!important; }
body.ai-chat-mode #panel-ai-chat .ai-attach-copy b { white-space:normal!important; overflow-wrap:anywhere; font-size:12px!important; }
body.ai-chat-mode #panel-ai-chat .ai-attach-copy small { font-size:10px!important; line-height:1.55; }
body.ai-chat-mode #panel-ai-chat .ai-knowledge-help { margin:0 0 12px; font-size:10px; line-height:1.7; color:#999489; }
#panel-ai-chat details.ai-knowledge-help summary { cursor:pointer; color:#bcb29a; padding:2px 0 4px; }
#panel-ai-chat details.ai-knowledge-help p { margin:6px 0 0; }
#panel-ai-chat .ai-chat-attach:has(.ai-chat-attachment-shelf[hidden])::after { content:'拖入视频、音频或图片\A也可以添加技能与参考文档\A\A附件保留在当前对话中'; white-space:pre-line; text-align:center; line-height:1.9; color:#8d887e; font-size:12px; border:1px dashed #ffffff15; border-radius:8px; padding:36px 12px; margin-top:4px; }
body.ai-chat-mode #panel-ai-chat .ai-chat-suggestions { padding:10px 20px 0!important; border-top:1px solid #ffffff09; }
body.ai-chat-mode #panel-ai-chat .ai-composition-control { flex:0 0 auto; margin:0; padding:8px 20px; border:0; gap:8px; font-size:11px; }
#panel-ai-chat .ai-composition-control select { padding:5px 8px; font-size:11px; min-height:30px; border-radius:6px; background:#20211e; border-color:#6f623b; max-width:270px; }
#panel-ai-chat .ai-composition-control span { font-size:10px; }
body.ai-chat-mode #panel-ai-chat .ai-chat-input { border-top:0; padding:0 20px 16px!important; align-items:flex-start!important; }
body.ai-chat-mode #panel-ai-chat .ai-chat-input textarea { min-height:48px!important; max-height:120px; background:#1e2022!important; border-color:#ffffff20!important; }
body.ai-chat-mode #panel-ai-chat .ai-chat-input button { min-height:48px!important; }
body.ai-chat-mode #panel-ai-chat .ai-chat-input-hint { font-size:10px!important; }
body.ai-chat-mode #panel-ai-chat .ai-toolbar-feedback { flex:0 0 auto; max-height:70px; overflow:auto; }
@media(max-width:1100px) {
 body.ai-chat-mode #panel-ai-chat .ai-chat { min-height:780px!important; }
 #panel-ai-chat .ai-editing-workspace { grid-template-columns:minmax(0,1fr) 260px; }
 body.ai-chat-mode #panel-ai-chat .ai-chat-head { padding:12px 16px!important; gap:10px!important; }
 body.ai-chat-mode #panel-ai-chat .ai-chat-heading { flex-basis:100%; }
 body.ai-chat-mode #panel-ai-chat .ai-chat-heading p:not(#cutCurrentModel) { display:none!important; }
 #panel-ai-chat .ai-composition-control span { display:none; }
}
@media(max-width:760px) {
 #panel-ai-chat .ai-editing-workspace { display:flex; flex-direction:column; }
 #panel-ai-chat .ai-editing-conversation { flex:1 1 0; }
 #panel-ai-chat .ai-editing-materials { flex:0 0 auto; max-height:24dvh; border-left:0; border-top:1px solid #ffffff10; }
 #panel-ai-chat .ai-materials-heading { display:none; }
 body.ai-chat-mode #panel-ai-chat .ai-chat-attach { flex:0 1 auto!important; padding:8px 12px!important; gap:6px!important; }
 body.ai-chat-mode #panel-ai-chat #aiChatUploadBtn { width:auto; padding:6px 10px!important; min-height:30px!important; }
 body.ai-chat-mode #panel-ai-chat .ai-chat-attachment-shelf { flex:1 1 auto; max-height:14dvh!important; }
 #panel-ai-chat .ai-chat-attach::after { display:none; }
 body.ai-chat-mode #panel-ai-chat .ai-chat-body { padding:12px!important; }
 body.ai-chat-mode #panel-ai-chat .ai-chat-suggestions { padding:6px 12px 0!important; }
 body.ai-chat-mode #panel-ai-chat .ai-composition-control { padding:6px 12px; }
 body.ai-chat-mode #panel-ai-chat .ai-chat-input { padding:0 12px 10px!important; }
}
@media(max-height:640px) {
 body.ai-chat-mode { overflow:auto!important; }
 body.ai-chat-mode main { overflow:auto!important; }
 body.ai-chat-mode #panel-ai-chat .ai-chat { height:max(660px,calc(100dvh - var(--ai-workspace-top,100px) - 12px))!important; }
}
/* Opening or resizing the editor changes usable width independently of viewport size. */
@container(max-width:760px) {
 #panel-ai-chat .ai-editing-workspace { display:flex; flex-direction:column; }
 #panel-ai-chat .ai-editing-conversation { flex:1 1 0; }
 #panel-ai-chat .ai-editing-materials { flex:0 0 auto; max-height:180px; border-left:0; border-top:1px solid #ffffff10; }
 #panel-ai-chat .ai-materials-heading { display:none; }
 body.ai-chat-mode #panel-ai-chat .ai-chat-head { flex-direction:column!important; align-items:stretch!important; gap:8px!important; padding:12px 14px!important; }
 body.ai-chat-mode #panel-ai-chat .ai-chat-heading { flex:0 0 auto; }
 body.ai-chat-mode #panel-ai-chat .ai-chat-heading p:not(#cutCurrentModel) { display:none!important; }
 body.ai-chat-mode #panel-ai-chat .ai-chat-meta { flex-wrap:nowrap; overflow-x:auto; width:100%; padding-bottom:4px; }
 #panel-ai-chat .ai-chat-meta>* { flex-shrink:0; }
 #panel-ai-chat .cc-inline-status { max-width:150px; white-space:nowrap!important; overflow:hidden; text-overflow:ellipsis; }
 body.ai-chat-mode #panel-ai-chat .ai-chat-attach { flex:0 1 auto!important; padding:8px 12px!important; gap:6px!important; }
 body.ai-chat-mode #panel-ai-chat #aiChatUploadBtn { width:auto; min-height:30px!important; padding:6px 10px!important; }
 body.ai-chat-mode #panel-ai-chat .ai-chat-attachment-shelf { flex:1 1 auto; max-height:100px!important; }
 #panel-ai-chat .ai-chat-attach::after { display:none; }
 #panel-ai-chat .ai-composition-control span { display:none; }
 body.ai-chat-mode #panel-ai-chat .ai-chat-suggestions { padding:6px 12px 0!important; }
 body.ai-chat-mode #panel-ai-chat .ai-composition-control { padding:6px 12px; }
 body.ai-chat-mode #panel-ai-chat .ai-chat-input { padding:0 12px 10px!important; }
}

#panel-ai-chat .ai-attach-action[data-import-retry] { width:auto!important; min-width:76px; flex:0 0 auto; padding:6px 10px; white-space:nowrap; font-size:12px; }