/* ══════════════════════════════════════════════════════════════════
   crop-pdf.html — page-specific styles (loaded after base.css).
   Currently just the bespoke upload-zone visual below.
   ══════════════════════════════════════════════════════════════════ */

/* ── Bespoke upload-zone visual: a crop frame tightening in around the
   page, darkening what falls outside it — the classic crop-tool motion
   — replaces the generic cloud icon. ── */
.crp-scene {
    position: relative;
    width: 4rem;
    height: 5rem;
    margin: 0 auto 1.5rem;
    border-radius: .625rem;
    overflow: hidden;
}

.crp-page {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #06b6d4, #0284c7);
}

.crp-frame {
    position: absolute;
    border: 2px solid #fff;
    border-radius: .2rem;
    box-shadow: 0 0 0 999px rgba(15, 23, 42, .4);
    animation: crpTighten 3.4s cubic-bezier(.5, 0, .5, 1) infinite;
}

@keyframes crpTighten {
    0%, 15% { inset: 0; }
    50%, 85% { inset: .625rem .45rem; }
    100% { inset: 0; }
}

@media (max-width: 480px) {
    .crp-scene { width: 3.5rem; height: 4.375rem; }
}