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