.dsa-attachments{--attach-border:var(--border,#dce1e7);--attach-muted:var(--muted-foreground,#667085);--attach-primary:var(--primary,#3655e7);margin-top:24px;color:var(--foreground,#171b1e);font-family:inherit;min-width:0}
.dsa-attachments-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}.dsa-attachments-title{font-size:13px;font-weight:600}.dsa-attachments-optional{font-size:12px;color:var(--attach-muted)}
.dsa-attachments-drop{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;min-height:84px;border:1px dashed var(--attach-border);border-radius:8px;background:var(--background,#fff);padding:16px;transition:border-color .15s,background .15s}
.dsa-attachments-drop.is-dragging{border-color:var(--attach-primary);background:#f0f4ff}.dsa-attachments-choose{display:inline-flex;align-items:center;gap:8px;padding:8px 11px!important;font:inherit;font-size:13px!important;font-weight:550;line-height:1.3;letter-spacing:0;border:1px solid var(--attach-border)!important;border-radius:6px!important;background:var(--background,#fff)!important;color:inherit;cursor:pointer;min-height:38px;margin:0!important;width:auto!important}
.dsa-attachments-choose svg{width:18px;height:18px;flex:none}.dsa-attachments-choose:hover{background:#f5f6f8!important}.dsa-attachments-choose:focus-visible,.dsa-attachment-actions button:focus-visible{outline:2px solid var(--attach-primary);outline-offset:3px}.dsa-attachments-choose:disabled{cursor:default;opacity:.55}.dsa-attachments-drag-hint{font-size:12px;color:var(--attach-muted)}
.dsa-attachments-help{margin:8px 0 0;font-size:11px;line-height:1.6;color:var(--attach-muted);max-width:100%}.dsa-attachments .dsa-attachments-input{display:none!important}
.dsa-attachments-list{list-style:none!important;margin:12px 0 0!important;padding:0!important;display:grid;gap:6px}.dsa-attachments-list[hidden]{display:none}.dsa-attachment{display:flex;align-items:center;gap:10px;min-width:0;margin:0;padding:11px 10px;border:1px solid var(--attach-border);border-radius:7px;background:var(--background,#fff)}.dsa-attachment-icon{display:grid;place-items:center;width:30px;height:36px;flex:none;color:var(--attach-muted)}.dsa-attachment-icon svg{width:23px;height:23px}.dsa-attachment-main{min-width:0;flex:1;display:grid;gap:3px}.dsa-attachment-name{font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.dsa-attachment-meta{font-size:11px;line-height:1.45;color:var(--attach-muted);overflow-wrap:anywhere}.dsa-attachment[data-state=error]{border-color:#e7b9b9}.dsa-attachment[data-state=error] .dsa-attachment-meta{color:#ae2e2e}
.dsa-attachment-progress{width:100%;height:3px;margin-top:3px;border:0;border-radius:10px;overflow:hidden;background:#e8edf6;accent-color:var(--attach-primary)}.dsa-attachment-progress::-webkit-progress-bar{background:#e8edf6}.dsa-attachment-progress::-webkit-progress-value{background:var(--attach-primary);border-radius:10px}.dsa-attachment-progress::-moz-progress-bar{background:var(--attach-primary);border-radius:10px}
.dsa-attachment-actions{display:flex;align-items:center;gap:3px;flex:none}.dsa-attachment-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:36px;border:0;background:transparent;color:var(--attach-muted);border-radius:5px;cursor:pointer;margin:0!important;width:auto!important;padding:5px!important;line-height:1!important}.dsa-attachment-actions button:hover{background:#f3f4f6;color:var(--foreground,#171b1e)}.dsa-attachment-actions button:disabled{opacity:.45;cursor:default}.dsa-attachment-actions .dsa-attachment-remove{font-size:24px!important;font-weight:400}.dsa-attachment-actions .dsa-attachment-retry{font-size:11px!important;text-decoration:underline;text-underline-offset:3px}
.dsa-attachments-error{color:#ae2e2e;font-size:12px;line-height:1.5;margin:8px 0 0}.dsa-attachments-error[hidden]{display:none}.dsa-attachments-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.dsa-attachments-drag-hint{display:none}.dsa-attachments-drop{min-height:70px}.dsa-attachment{gap:6px;padding:9px 8px}.dsa-attachment-icon{width:25px}.dsa-attachment-actions .dsa-attachment-retry{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.dsa-attachments-drop{transition:none}}