.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;display:block;position:relative}.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{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.attachment-upload-dropzone-content{pointer-events:none}.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;justify-content:space-between;align-items:center;gap:.75rem;margin:0;font-size:.875rem;display:flex}.attachment-upload-error-dismiss{color:#64748b;cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:.8125rem;text-decoration:underline}.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-item-pending{background:#f8fafc;border-color:#c7d2fe}.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-status{color:#6366f1;margin-left:.35rem;font-weight:500}.attachment-upload-status-error{color:#dc2626;font-weight:400}.attachment-upload-progress{background:#e2e8f0;border-radius:9999px;width:100%;height:.35rem;margin-top:.35rem;overflow:hidden}.attachment-upload-progress-bar{background:#6366f1;border-radius:9999px;height:100%;transition:width .15s ease-out}.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%}}