Spaces:
Sleeping
Sleeping
| .file-upload { | |
| width: 100%; | |
| } | |
| .file-upload h3 { | |
| color: #2c3e50; | |
| margin-bottom: 1rem; | |
| font-size: 1.2rem; | |
| } | |
| .drop-zone { | |
| border: 2px dashed #bdc3c7; | |
| border-radius: 10px; | |
| padding: 2rem; | |
| text-align: center; | |
| cursor: pointer; | |
| transition: all 0.3s ease; | |
| background: white; | |
| } | |
| .drop-zone:hover { | |
| border-color: #3498db; | |
| background-color: #f8f9fa; | |
| transform: translateY(-2px); | |
| } | |
| .drop-zone p { | |
| margin: 0.5rem 0; | |
| color: #7f8c8d; | |
| } | |
| .file-types { | |
| font-size: 0.9rem; | |
| color: #95a5a6; | |
| } | |
| .drag-active { | |
| border-color: #3498db; | |
| background-color: #e3f2fd; | |
| transform: scale(1.02); | |
| } | |
| .error-message { | |
| color: #e74c3c; | |
| font-size: 0.9rem; | |
| margin-top: 0.5rem; | |
| padding: 0.5rem; | |
| background-color: #fde8e8; | |
| border-radius: 5px; | |
| border: 1px solid #fab1a0; | |
| } |