/* ToolVault - Styles */

/* Universal reset */
* { box-sizing: border-box; margin: 0; padding: 0; font-family: Arial, sans-serif; }

/* Drag & Drop Area */
#drop-area {
    border: 2px dashed #007bff;
    padding: 40px;
    text-align: center;
    border-radius: 10px;
    transition: background 0.3s;
}
#drop-area.bg-light { background: #e9ecef; }

/* File Cards */
#uploadResults .card {
    border: 1px solid #ddd;
    border-radius: 6px;
}

/* Convert dropdown */
#convertTo {
    margin-top: 10px;
    padding: 6px 12px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
}

/* Buttons */
button, .btn {
    background: #007bff;
    color: white;
    border: none;
    padding: 10px 18px;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
}
button:hover, .btn:hover { background: #0056b3; }

/* Progress & Alerts */
.alert { padding: 10px 12px; border-radius: 4px; margin-top: 10px; }

/* Responsive */
@media (max-width: 576px) {
    #drop-area { padding: 20px; font-size: 14px; }
}