.file-upload-container{flex-direction:column;gap:.5rem;width:100%;display:flex}.file-upload-label{color:var(--file-upload-label-color,#374151);font-size:.875rem;font-weight:500}.file-upload-required{color:var(--file-upload-required-color,#ef4444)}.file-upload-helper{color:var(--file-upload-helper-color,#6b7280);margin:0;font-size:.75rem}.file-upload-dropzone{border:2px dashed var(--file-upload-border-color,#d1d5db);background-color:var(--file-upload-bg,#f9fafb);cursor:pointer;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;transition:all .2s;display:flex}.file-upload-dropzone:hover:not(.disabled){border-color:var(--file-upload-hover-border,#9ca3af);background-color:var(--file-upload-hover-bg,#f3f4f6)}.file-upload-dropzone:focus{border-color:var(--file-upload-focus-border,#3b82f6);box-shadow:0 0 0 3px var(--file-upload-focus-ring,#3b82f633);outline:none}.file-upload-dropzone.dragging{border-color:var(--file-upload-active-border,#3b82f6);background-color:var(--file-upload-active-bg,#eff6ff)}.file-upload-dropzone.disabled{opacity:.5;cursor:not-allowed}.file-upload-dropzone.has-error{border-color:var(--file-upload-error-border,#ef4444)}.file-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}.file-upload-content{pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex}.file-upload-icon{color:var(--file-upload-accent-color,#3b82f6);justify-content:center;align-items:center;display:flex}.file-upload-icon svg{width:32px;height:32px}.file-upload-icon-svg{color:var(--file-upload-icon-svg-color,#6b7280)}.file-upload-icon-svg--image{color:#8b5cf6}.file-upload-icon-svg--document{color:#3b82f6}.file-upload-icon-svg--spreadsheet{color:#10b981}.file-upload-icon-svg--presentation{color:#f97316}.file-upload-icon-svg--archive{color:#eab308}.file-upload-icon-svg--audio{color:#ec4899}.file-upload-icon-svg--video{color:#ef4444}.file-upload-icon-svg--code{color:#06b6d4}.file-upload-text{color:var(--file-upload-text-color,#4b5563);text-align:center;margin:0;font-size:.875rem}.file-upload-text-bold{color:var(--file-upload-accent-color,#3b82f6);font-weight:600}.file-upload-text-small{color:var(--file-upload-text-muted,#9ca3af);text-align:center;margin:0;font-size:.75rem}.file-upload-error{color:var(--file-upload-error-color,#ef4444);margin:0;font-size:.75rem}.file-upload-list{flex-direction:column;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.file-upload-item{background:var(--file-upload-item-bg,#fff);border:1px solid var(--file-upload-item-border,#e5e7eb);border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.file-upload-preview{object-fit:cover;border-radius:.375rem;flex-shrink:0;width:48px;height:48px}.file-upload-icon-small{background:var(--file-upload-icon-bg,#f3f4f6);border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.file-upload-item-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.file-upload-item-name{color:var(--file-upload-item-name-color,#111827);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-align:left;background:0 0;border:none;max-width:100%;padding:0;font-size:.875rem;font-weight:500;overflow:hidden}.file-upload-item-name:hover{color:var(--file-upload-accent-color,#3b82f6);text-decoration:underline}.file-upload-item-size{color:var(--file-upload-item-size-color,#6b7280);font-size:.75rem}.file-upload-item-actions{opacity:0;flex-shrink:0;align-items:center;gap:.25rem;transition:opacity .15s;display:flex}.file-upload-item:hover .file-upload-item-actions{opacity:1}.file-upload-download,.file-upload-remove{width:28px;height:28px;color:var(--file-upload-remove-color,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.file-upload-download:hover{background:var(--file-upload-download-hover-bg,#eff6ff);color:var(--file-upload-accent-color,#3b82f6)}.file-upload-remove:hover:not(:disabled){background:var(--file-upload-remove-hover-bg,#fee2e2);color:var(--file-upload-remove-hover-color,#ef4444)}.file-upload-remove:disabled{opacity:.5;cursor:not-allowed}@media (prefers-color-scheme:dark){.file-upload-container{--file-upload-label-color:#e5e7eb;--file-upload-helper-color:#9ca3af;--file-upload-border-color:#4b5563;--file-upload-bg:#1f2937;--file-upload-hover-border:#6b7280;--file-upload-hover-bg:#374151;--file-upload-focus-border:#3b82f6;--file-upload-active-border:#3b82f6;--file-upload-active-bg:#1e3a5f;--file-upload-text-color:#d1d5db;--file-upload-text-muted:#6b7280;--file-upload-item-bg:#374151;--file-upload-item-border:#4b5563;--file-upload-icon-bg:#4b5563;--file-upload-item-name-color:#f3f4f6;--file-upload-item-size-color:#9ca3af;--file-upload-remove-bg:#4b5563;--file-upload-remove-color:#d1d5db;--file-upload-remove-hover-bg:#7f1d1d;--file-upload-remove-hover-color:#fca5a5}}.file-upload-progress{align-items:center;gap:.625rem;margin-top:.75rem;display:flex}.file-upload-progress-bar{background:var(--file-upload-item-border,#e5e7eb);border-radius:999px;flex:1;height:6px;overflow:hidden}.file-upload-progress-fill{background:var(--file-upload-accent-color,#3b82f6);border-radius:999px;height:100%;transition:width .2s;display:block}.file-upload-progress-text{white-space:nowrap;color:var(--file-upload-text-muted,#6b7280);font-size:.8125rem}@media (max-width:480px){.file-upload-dropzone{padding:1.5rem 1rem}.file-upload-icon{font-size:2rem}.file-upload-preview,.file-upload-icon-small{width:40px;height:40px}.file-upload-item{padding:.625rem}}