:root{--eui-bg:#fff;--eui-bg-subtle:#f9fafb;--eui-bg-hover:#eff6ff;--eui-text:#1f2937;--eui-text-muted:#6b7280;--eui-text-disabled:#9ca3af;--eui-text-on-primary:#fff;--eui-border:#d1d5db;--eui-border-subtle:#e5e7eb;--eui-primary:#3b82f6;--eui-primary-hover:#2563eb;--eui-primary-subtle:#dbeafe;--eui-primary-border:#bfdbfe;--eui-shadow:0 4px 16px 0 #0000001f;--eui-font-family:"Inter", system-ui, -apple-system, sans-serif;--eui-radius-sm:.25rem;--eui-radius-md:.375rem}[class*=eui-]{scrollbar-width:thin;scrollbar-color:var(--eui-border) transparent}[class*=eui-]::-webkit-scrollbar{width:6px;height:6px}[class*=eui-]::-webkit-scrollbar-track{background:0 0}[class*=eui-]::-webkit-scrollbar-thumb{background-color:var(--eui-border);border-radius:3px}[class*=eui-]::-webkit-scrollbar-thumb:hover{background-color:var(--eui-text-muted)}[class*=eui-]::-webkit-scrollbar-corner{background:0 0}body.mode-dark{--eui-bg:#1f2937;--eui-bg-subtle:#111827;--eui-bg-hover:#1e3a5f;--eui-text:#e5e7eb;--eui-text-muted:#9ca3af;--eui-text-disabled:#6b7280;--eui-text-on-primary:#fff;--eui-border:#4b5563;--eui-border-subtle:#374151;--eui-primary:#2563eb;--eui-primary-hover:#3b82f6;--eui-primary-subtle:#1e3a5f;--eui-primary-border:#1d4ed8;--eui-shadow:0 4px 16px 0 #0006}.eui-file-upload{font-family:var(--eui-font-family);flex-direction:column;gap:.75rem;display:flex}.eui-file-upload .eui-fu-dropzone{border:2px dashed var(--eui-border);border-radius:var(--eui-radius-md);background:var(--eui-bg-subtle);min-height:160px;color:var(--eui-text-muted);cursor:pointer;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex}.eui-file-upload .eui-fu-dropzone:hover{border-color:var(--eui-primary);background:var(--eui-bg-hover)}.eui-file-upload .eui-fu-dropzone:focus-visible{border-color:var(--eui-primary);box-shadow:0 0 0 3px var(--eui-primary-subtle)}.eui-file-upload .eui-fu-dropzone.eui-fu-dragover{border-color:var(--eui-primary);background:var(--eui-primary-subtle);box-shadow:0 0 0 3px var(--eui-primary-subtle)}.eui-file-upload .eui-fu-dropzone.eui-fu-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.eui-file-upload .eui-fu-dropzone-icon{color:var(--eui-text-muted);font-size:2rem;line-height:1}.eui-file-upload .eui-fu-dropzone-text{color:var(--eui-text-muted);text-align:center;font-size:.875rem}.eui-file-upload .eui-fu-dropzone-text .eui-fu-browse-link{color:var(--eui-primary);cursor:pointer;font-weight:500;text-decoration:underline}.eui-file-upload .eui-fu-dropzone-text .eui-fu-browse-link:hover{color:var(--eui-primary-hover)}.eui-file-upload .eui-fu-dropzone-hint{color:var(--eui-text-disabled);font-size:.75rem}.eui-file-upload .eui-fu-file-list{flex-direction:column;gap:.5rem;display:flex}.eui-file-upload .eui-fu-file-item{border:1px solid var(--eui-border-subtle);border-radius:var(--eui-radius-md);background:var(--eui-bg);align-items:center;gap:.75rem;padding:.625rem .75rem;transition:border-color .2s;display:flex}.eui-file-upload .eui-fu-file-item.eui-fu-file-error{border-color:#ef4444}.eui-file-upload .eui-fu-file-item.eui-fu-file-success{border-color:#22c55e}.eui-file-upload .eui-fu-preview{border-radius:var(--eui-radius-sm);background:var(--eui-bg-subtle);border:1px solid var(--eui-border-subtle);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.eui-file-upload .eui-fu-preview img{object-fit:cover;width:100%;height:100%}.eui-file-upload .eui-fu-file-icon{color:var(--eui-text-muted);font-size:1.25rem}.eui-file-upload .eui-fu-file-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.eui-file-upload .eui-fu-file-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.eui-file-upload .eui-fu-file-name{color:var(--eui-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.eui-file-upload .eui-fu-file-size{color:var(--eui-text-muted);flex-shrink:0;font-size:.75rem}.eui-file-upload .eui-fu-progress-track{background:var(--eui-border-subtle);border-radius:2px;width:100%;height:4px;overflow:hidden}.eui-file-upload .eui-fu-progress-fill{background:var(--eui-primary);border-radius:2px;height:100%;transition:width .3s}.eui-file-upload .eui-fu-progress-fill.eui-fu-progress-success{background:#22c55e}.eui-file-upload .eui-fu-progress-fill.eui-fu-progress-error{background:#ef4444}.eui-file-upload .eui-fu-file-error-msg{color:#ef4444;font-size:.75rem}.eui-file-upload .eui-fu-file-status{flex-shrink:0;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.eui-file-upload .eui-fu-file-status.eui-fu-status-success{color:#22c55e}.eui-file-upload .eui-fu-file-status.eui-fu-status-error{color:#ef4444}.eui-file-upload .eui-fu-file-status.eui-fu-status-uploading{color:var(--eui-primary)}.eui-file-upload .eui-fu-remove-btn{border-radius:var(--eui-radius-sm);width:28px;height:28px;color:var(--eui-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.125rem;line-height:1;transition:background-color .15s,color .15s;display:flex}.eui-file-upload .eui-fu-remove-btn:hover{background:var(--eui-bg-hover);color:#ef4444}.eui-file-upload .eui-fu-remove-btn:focus-visible{outline:2px solid var(--eui-primary);outline-offset:-2px}