.attachment-upload{flex-direction:column;gap:.75rem;display:flex}.attachment-upload-label{color:var(--slate-700,#334155);font-size:.875rem;font-weight:500}.attachment-upload-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:.75rem;padding:1.25rem 1rem;transition:border-color .15s,background .15s}.attachment-upload-dropzone:hover:not(.disabled),.attachment-upload-dropzone.drag-over{background:#eef2ff;border-color:#6366f1}.attachment-upload-dropzone.disabled{opacity:.6;cursor:not-allowed}.attachment-upload-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.attachment-upload-hint{color:#334155;margin:0;font-size:.9375rem}.attachment-upload-meta{color:#64748b;margin:.35rem 0 0;font-size:.8125rem}.attachment-upload-error{color:#dc2626;margin:0;font-size:.875rem}.attachment-upload-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.attachment-upload-item{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.attachment-upload-icon{flex-shrink:0;font-size:1.5rem}.attachment-upload-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.attachment-upload-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.attachment-upload-size{color:#64748b;font-size:.75rem}.attachment-upload-actions{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.attachment-upload-link{color:#4f46e5;cursor:pointer;background:0 0;border:none;padding:.25rem .35rem;font-size:.8125rem;text-decoration:underline}.attachment-upload-link-danger{color:#dc2626}@media (width<=480px){.attachment-upload-item{flex-wrap:wrap}.attachment-upload-actions{justify-content:flex-end;width:100%}}