.dropzone{border:2px dashed #175aa9c7;background-color:#f0f8ff;padding:40px;width:100%;max-width:600px;margin:20px auto;text-align:center;border-radius:10px;transition:border .2s ease-in-out,background-color .2s ease-in-out}.dropzone:hover{border-color:#175aa9c7;background-color:#e0f0ff}.dropzone p{font-size:16px;color:#555}.dropzone input{display:none}.dropzone.active{border-color:#175aa9c7;background-color:#e0f0ff}.files-list{text-align:left;width:100%;max-width:600px;background:#fff;padding:10px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.files-list h4{margin-bottom:10px;font-size:1.2em;color:#333}.files-list ul{list-style-type:none;padding:0}.files-list ul li{background:#f9f9f9;margin-bottom:5px;padding:10px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background .3s ease}.files-list ul li:hover{background:#e9e9e9}