.file-upload-wrapper{text-align:center}.file-upload-label{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 24px;border-radius:12px;border:2px dashed #d0d7de;cursor:pointer;transition:all .2s ease-in-out;background:#f8fafc}.file-upload-label:hover{border-color:#0d6efd;background:#e9f2ff}.file-upload-icon{font-size:32px;margin-bottom:4px}.file-upload-text{font-weight:600;font-size:14px}.file-upload-subtext{font-size:12px;color:#6c757d}.file-card{position:relative;border-radius:10px;background:#f9fafb;padding:8px;height:100%;border:1px solid #e5e7eb;display:flex;gap:8px}.file-thumb{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:26px}.file-thumb img{width:100%;height:100%;object-fit:cover}.file-info{flex:1;min-width:0}.file-name{font-size:13px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:11px;color:#6b7280;margin-bottom:4px}.file-audio{width:100%}.file-remove-btn{position:absolute;top:4px;right:4px;border:none;background:#ef4444;color:#fff;border-radius:999px;width:20px;height:20px;font-size:12px;line-height:20px;text-align:center;cursor:pointer}.file-remove-btn:hover{background:#b91c1c}