.upload-area{border:1px dashed #1a8cff;border-radius:8px;padding:30px;text-align:center;margin-bottom:20px;cursor:pointer;transition:all .3s}.upload-area:hover{background-color:#f0f8ff;border-color:#2980b9}.upload-area i{font-size:48px;color:#1a8cff;margin-bottom:15px}.upload-area p{margin-bottom:10px;color:#7f8c8d}.upload-area.active{border-color:#27ae60;background-color:#e8f5e9}#fileInput{display:none}.file-list{margin:20px 0;max-height:300px;overflow-y:auto}.file-item{display:flex;align-items:center;padding:10px 15px;background-color:#f8f9fa;border-radius:5px;margin-bottom:10px;transition:all .3s;position:relative}.file-item:hover{background-color:#e9ecef}.file-item i{color:#1a8cff;margin-right:15px;cursor:pointer;flex-shrink:0}.file-info{flex-grow:1;min-width:0}.file-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{color:#7f8c8d;font-size:.9em}.file-order{margin-right:15px;width:30px;height:30px;line-height:30px;text-align:center;font-weight:700;color:#fff;background-color:#1a8cff;border-radius:50%;flex-shrink:0}.move-buttons{display:none;position:absolute;right:50px;top:50%;transform:translateY(-50%);border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.file-item:hover .move-buttons{display:flex;flex-direction:column}.move-btn{background:0 0;border:0;padding:8px 6px;margin-left:10px;cursor:pointer;font-size:14px}button:disabled{background-color:#95a5a6;cursor:not-allowed}.progress-container{margin-top:20px;display:none}.progress-bar{height:10px;background-color:#ecf0f1;border-radius:5px;margin-bottom:10px;overflow:hidden}.progress{height:100%;background-color:#2ecc71;width:0%;transition:width .3s}.error,.status{text-align:center}.status{font-size:14px;color:#7f8c8d}.error{color:#e74c3c;margin-top:10px;display:none}.drag-handle{cursor:move;margin-right:10px;color:#7f8c8d;flex-shrink:0}@media (max-width:600px){.upload-area{padding:20px}.file-item{padding:8px 10px}.file-order{margin-right:10px;width:25px;height:25px;line-height:25px;font-size:.8em}}