/* Tailwind takes care of most things. Custom styles here. */

body {
    -webkit-font-smoothing: antialiased;
}

#canvas-container {
    /* Prevent interaction blocking */
    pointer-events: none;
    background: transparent;
}

/* Glassy image borders to make the mockup look premium */
.panel-image img {
    border-radius: 2.5rem;
    box-shadow: 
        0 25px 50px -12px rgba(14, 165, 233, 0.25),
        inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    background: white;
}

/* Base styles for the intersection observer GSAP animations if needed */
.panel-content {
    opacity: 0;
    transform: translateY(30px);
}
.panel-image {
    opacity: 0;
    transform: scale(0.95);
}