/* Custom styles for edge cases and specific animations */

body {
    -webkit-tap-highlight-color: transparent;
}

/* Ensure video covers the area nicely on different device aspect ratios */
#camera-feed {
    transform: scaleX(-1); /* Mirror effect for front camera, optional but standard. We will toggle this in JS depending on front/back camera */
}

/* Hide scrollbar for cleaner look */
::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

/* Fancy button animations */
#btn-capture:active div {
    transform: scale(0.9);
    transition: transform 0.1s ease;
}

/* Subtle glow for the green screen target area */
.border-dashed {
    box-shadow: inset 0 0 50px rgba(34, 197, 94, 0.1);
}