/**
 * Stylesheet cho công cụ chuyển đổi file sang Base64
 */

/* Dragover style cho vùng kéo thả */
#base64-dropzone.dragover {
    border-color: #ec4899 !important; /* pink-500 */
    background-color: rgba(253, 242, 248, 0.5) !important; /* pink-50 */
}

/* Kiểu dáng riêng cho textarea hiển thị code */
#base64-output-area {
    line-height: 1.6;
    word-break: break-all;
    resize: none;
}

#base64-output-area::selection {
    background-color: rgba(236, 72, 153, 0.3); /* hồng mờ */
    color: #10b981; /* green-500 */
}

/* Hoạt ảnh hiện mượt mà (Fade In) */
.animate-fadeIn {
    animation: base64FadeIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes base64FadeIn {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}