.file-dropzone{align-items:center;background-color:#fff;border:1px dashed #ddd;border-radius:5px;color:#555;cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:700;justify-content:center;padding:20px;text-align:center;transition:background-color .3s ease,border-color .3s ease;width:100%}.file-dropzone.dragging{background-color:#e6f7ff;border-color:#007bff;color:#007bff}.file-dropzone *{pointer-events:none}.dark .file-dropzone{background-color:#1e1e1e;border-color:#444;color:#ddd}.dark .file-dropzone.dragging{background-color:#002b40;border-color:#39f;color:#39f}.file-list{list-style:none;margin-top:1rem;padding:0;width:100%}.file-list .file-item{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px;padding:10px 15px;transition:box-shadow .2s ease}.file-list .file-item:hover{box-shadow:0 4px 8px rgba(0,0,0,.2)}.file-list .file-item .file-name{align-items:center;color:#333;display:flex;font-weight:500;gap:10px;word-break:break-word}.file-list .file-item .file-name .file-icon{font-size:1.5rem}.file-list .file-item .remove-button{background-color:#ff4d4f;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;transition:background-color .2s ease}.file-list .file-item .remove-button:hover{background-color:#d9363e}.dark .file-item{background-color:#2a2a2a;border-color:#444;box-shadow:0 2px 4px rgba(0,0,0,.4)}.dark .file-item:hover{box-shadow:0 4px 8px rgba(0,0,0,.6)}.dark .file-item .file-name{color:#eee}.dark .file-item .remove-button{background-color:#ff4d4f}.dark .file-item .remove-button:hover{background-color:#b52a2d}.step-error:after{border-color:#dc2626;color:#dc2626}