/* style.css
   Layout and theming are handled by Tailwind utility classes in index.html.
   This file only holds the few custom bits Tailwind can't express inline. */

/* Fallback so the canvas fills the window even before Tailwind loads. */
#canvas-container {
    position: fixed;
    inset: 0;
    z-index: 0;
}

body {
    font-family: 'Quicksand', sans-serif;
    min-height: 100vh;
    /* Soft studio backdrop shown through the now-transparent 3D canvas */
    background: linear-gradient(160deg, #fef9e7 0%, #fdf0c9 38%, #e8f0f7 100%);
    background-attachment: fixed;
}

/* Applied by script.js to the upload button on load. */
.pulse-on-load {
    animation: soft-pulse 2s ease-in-out;
}

@keyframes soft-pulse {
    0%   { transform: scale(1);    box-shadow: 0 0 0 0 rgba(255, 215, 0, .6); }
    50%  { transform: scale(1.05); box-shadow: 0 0 0 14px rgba(255, 215, 0, 0); }
    100% { transform: scale(1);    box-shadow: 0 0 0 0 rgba(255, 215, 0, 0); }
}