/* Mengaktifkan default mirror efek */
#output_canvas {
    transform: scaleX(-1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Animasi Pop Efek Hitung Mundur */
@keyframes popAnimation {
    0% { transform: scale(0.4); opacity: 0; }
    50% { transform: scale(1.15); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

.animate-pop {
    animation: popAnimation 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* Memperhalus scrollbar jika ada overflow di panel kontrol */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #475569;
}