.file-uploader-wrapper{gap:1.5rem}.file-uploader-wrapper .upload-area{padding:2rem;text-align:center;border-radius:12px;background:#f9f9f9;transition:background .3s ease;cursor:pointer;justify-content:center;align-items:center!important;margin-bottom:20px!important}.file-uploader-wrapper .upload-area:hover{background:#f0f0f0}.file-uploader-wrapper .upload-area svg{color:#555}.file-uploader-wrapper .upload-area p{margin-top:1.5rem;color:#444;font-weight:500}.file-uploader-wrapper .loading-overlay{display:flex;justify-content:center;align-items:center}.file-uploader-wrapper .preview-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.file-uploader-wrapper .preview-card{position:relative;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.1);transition:transform .2s ease}.file-uploader-wrapper .preview-card:hover{transform:scale(1.01)}.file-uploader-wrapper .preview-card .preview-img{width:100%;height:180px;object-fit:cover;border-radius:10px 10px 0 0}.file-uploader-wrapper .preview-card .card-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px}.file-uploader-wrapper .preview-card .card-actions button{background:rgba(0,0,0,.6);border:none;color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.file-uploader-wrapper .preview-card .card-actions button:hover{background:rgba(0,0,0,.8)}.file-uploader-wrapper .preview-card .card-actions button svg{font-size:16px}.file-uploader-wrapper{display:flex;flex-direction:column;gap:1rem}.preview-grid{display:flex;flex-wrap:wrap;gap:1rem}.preview-card{position:relative;width:120px;height:120px}.preview-img{width:100%;height:100%;object-fit:cover}.card-actions{position:absolute;top:5px;right:5px;display:flex;gap:.5rem}.upload-area{cursor:pointer;padding:1rem;border:2px dashed #ccc;border-radius:10px}