.material-list{margin:0 14px 12px;font-size:12px}.material-list>span{opacity:.8}.material-list ul,.material-selected{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}.material-list ul{max-height:140px;overflow:auto}.material-list li,.material-selected li{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;border:1px solid var(--theme-line,#6a967f);border-radius:10px;background:var(--theme-control,#203b2d)}.material-open{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0;text-align:left;box-shadow:none!important}.material-open>span,.material-selected li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.material-list small,.material-selected small{font-size:11px;opacity:.8;flex-shrink:0}.material-remove{flex-shrink:0;border:0;border-radius:7px;background:transparent;color:inherit;font-size:20px;width:28px;height:28px}.modal.material-modal{width:min(650px,calc(100vw - 24px))}.material-upload h2,.material-preview-dialog h2{font-size:22px;overflow-wrap:anywhere}.material-drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 16px;margin:22px 0;border:2px dashed var(--theme-line,#6a967f);border-radius:14px;text-align:center;cursor:pointer;background:var(--theme-control,#203b2d)}.material-drop span{font-size:12px;line-height:1.8;opacity:.85}.material-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.material-drop:focus-within{outline:2px solid var(--theme-accent,#a3e4bb);outline-offset:3px}.material-selected{max-height:230px;overflow:auto}.material-selected small{white-space:normal;max-width:50%;text-align:right;overflow-wrap:anywhere}.material-upload-actions,.material-upload-actions>div{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.material-upload-status{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.material-preview{display:grid;place-items:center;min-height:100px;max-height:55vh;overflow:auto;margin:20px 0}.material-preview img,.material-preview video{max-width:100%;max-height:50vh;object-fit:contain}.material-preview audio{width:100%}@media(max-width:520px){.material-open{align-items:flex-start;flex-direction:column}.material-upload-actions>div{width:100%;justify-content:flex-end}}
.chat-composer{position:relative}
.chat-composer .composer-bottom{gap:10px;flex-wrap:wrap}
.material-list{margin:0;flex:0 0 auto}
.material-list>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;padding:4px 8px;list-style:none;cursor:pointer;border-radius:8px;font-weight:600}
.material-list>summary::-webkit-details-marker{display:none}
.material-list>summary:focus-visible{outline:2px solid var(--theme-accent,#a3e4bb);outline-offset:2px}
.material-list>summary:hover{background:var(--theme-control,#203b2d)}
.material-disclosure{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:400;opacity:.8}
.material-disclosure:before{content:'展开'}
.material-disclosure:after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 2px 4px}
.material-list[open] .material-disclosure:before{content:'收起'}
.material-list[open] .material-disclosure:after{transform:rotate(225deg);margin-top:4px;margin-bottom:0}
.material-list ul{position:absolute;bottom:calc(100% + 8px);left:12px;right:12px;z-index:5;max-height:min(200px,28dvh);margin:0;padding:8px;gap:6px;border:1px solid var(--theme-line,#6a967f);border-radius:12px;background:var(--theme-surface,#284737);box-shadow:0 8px 24px #0003;overscroll-behavior-y:contain;scrollbar-gutter:stable}
.material-list li{padding:5px 8px}
:root[data-theme] body .chat-composer .material-list button.material-open{border:0;background:transparent;padding:0;min-height:30px;box-shadow:none!important}
:root body .material-list .material-remove{box-shadow:none;background:transparent}
@media(max-width:1150px){.chat-composer .composer-hint{display:none}}
@media(max-width:520px){.material-list>summary{padding-inline:4px;gap:6px}.material-disclosure:before{display:none}}
