.inputfilex-container{flex-direction:column;gap:4px;width:100%;display:flex}.inputfilex-label{color:#374151;margin-bottom:2px;font-size:14px;font-weight:500}.inputfilex-label.required:after{content:" *";color:#ef4444}.inputfilex-dropzone{cursor:pointer;box-sizing:border-box;background-color:#fff;border:2px dashed #d1d5db;border-radius:6px;justify-content:center;align-items:center;min-height:160px;padding:24px;transition:all .2s;display:flex;position:relative}.inputfilex-dropzone:hover:not(.disabled){background-color:#f9fafb;border-color:#9ca3af}.inputfilex-dropzone.dragging{background-color:#eff6ff;border-color:#3b82f6}.inputfilex-dropzone.disabled{cursor:not-allowed;opacity:.6;background-color:#f3f4f6;border-color:#e5e7eb}.inputfilex-dropzone.error{border-color:#ef4444}.inputfilex-dropzone.error:hover:not(.disabled){border-color:#dc2626}.inputfilex-dropzone-content{text-align:center;color:#6b7280;pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex}.inputfilex-dropzone-content svg{opacity:.5}.inputfilex-dropzone-text{flex-direction:column;gap:4px;display:flex}.inputfilex-dropzone-primary{color:#374151;font-size:14px;font-weight:500;display:block}.inputfilex-dropzone-secondary{color:#6b7280;font-size:13px;display:block}.inputfilex-dropzone-hint{color:#9ca3af;font-size:12px}.inputfilex-files{flex-direction:column;gap:8px;margin-top:8px;display:flex}.inputfilex-file{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:12px;padding:12px;transition:background-color .15s;display:flex}.inputfilex-file:hover{background-color:#f3f4f6}.inputfilex-file-preview{color:#9ca3af;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.inputfilex-file-preview img{object-fit:cover;width:100%;height:100%}.inputfilex-file-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.inputfilex-file-name{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.inputfilex-file-size{color:#6b7280;font-size:12px}.inputfilex-file-remove{color:#6b7280;cursor:pointer;background-color:#0000;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:flex}.inputfilex-file-remove:hover{color:#ef4444;background-color:#fee2e2}.inputfilex-file-remove:disabled{opacity:.5;cursor:not-allowed}.inputfilex-error{color:#ef4444;align-items:flex-start;gap:4px;margin-top:4px;font-size:12px;display:flex}.inputfilex-error svg{flex-shrink:0;margin-top:1px}.inputfilex-error-list{margin:0;padding:0;list-style:none}.inputfilex-error-item{line-height:1.4}.inputfilex-helper{color:#6b7280;margin-top:4px;font-size:12px}