.composer-tools{display:flex;align-items:center;gap:9px}.composer-bar .attach-file{display:grid;place-items:center;width:27px;height:27px;border:1px solid #c8c6c4;border-radius:3px;color:#605e5c;background:#fff;font-size:18px;line-height:1;box-shadow:none}.composer-bar .attach-file:hover{border-color:#0078d4;color:#005a9e;background:#f3f9fd}.composer-bar .attach-file:disabled{opacity:.4;cursor:not-allowed}.upload-list{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 9px;padding:0 1px}.upload-list[hidden]{display:none}.upload-chip{display:flex;align-items:center;gap:6px;max-width:240px;padding:5px 7px;border:1px solid #c7e0f4;border-radius:4px;color:#32485d;background:#eff6fc;font-size:10px}.upload-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.upload-chip small{flex:none;color:#697582}.upload-chip button{flex:none;width:17px;height:17px;padding:0;border:0;color:#697582;background:transparent;font-size:14px;cursor:pointer}.upload-chip button:hover{color:#a4262c}.upload-list.uploading{opacity:.6;pointer-events:none}#uploadStatus.upload-error{color:#a4262c}#uploadStatus.uploading{color:#005a9e}
.shell main{position:relative}.drop-overlay{position:absolute;inset:12px;z-index:50;display:none;place-items:center;border:2px dashed #0078d4;border-radius:8px;background:#f3f9fdeb;backdrop-filter:blur(3px);pointer-events:none}.drop-overlay.visible{display:grid}.drop-overlay>div{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 34px;border:1px solid #c7e0f4;border-radius:8px;background:#fff;box-shadow:0 12px 34px #12395f20}.drop-overlay strong{color:#005a9e;font-size:17px}.drop-overlay span{color:#605e5c;font-size:11px}
.upload-chip .upload-image-thumb,.upload-image-thumb{display:block;flex:0 0 auto;width:128px;height:96px;padding:0;border:1px solid #d4dde5;border-radius:6px;overflow:hidden;background:#fff;cursor:zoom-in;color:#697582;font-size:10px}
.upload-chip .upload-image-thumb.compact{width:48px;height:48px}
.upload-image-thumb img{display:block;width:100%;height:100%;object-fit:contain;background:#f6f8fa}
.upload-image-thumb:hover{border-color:#0078d4}
.upload-image-thumb:focus-visible{outline:2px solid #0078d4;outline-offset:2px}
.upload-image-thumb.unavailable{cursor:default;background:#f6f8fa}
.upload-chip b{min-width:0}
.upload-list{max-height:160px;overflow-y:auto}
.message-upload-images{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;white-space:normal}
.message-upload-images figure{width:128px;max-width:100%;margin:0}
.message-upload-images figcaption{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#697582;font-size:10px;line-height:1.4}
@media(max-width:600px){.message-upload-images figure,.message-upload-images .upload-image-thumb{width:112px}.message-upload-images .upload-image-thumb{height:84px}}