/* crop-pdf: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.sp-panel, .ns-panel, .cp-panel { display: flex; flex-direction: column; gap: 14px; }
.cp-work { display: grid; gap: 24px; grid-template-columns: 1fr; margin-top: 8px; }
@media (min-width: 900px) { .cp-work { grid-template-columns: 1.4fr 1fr; } }
.cp-nav { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 10px; font-weight: 600; }
.cp-page-wrap { display: grid; place-items: center; }
.cp-page-wrap .pv-page { position: relative; cursor: crosshair; touch-action: none; box-shadow: 0 10px 30px -14px rgb(15 29 58 / 0.4); }
.cp-box { position: absolute; border: 2px dashed var(--signal); box-shadow: 0 0 0 9999px rgb(15 29 58 / 0.45); cursor: move; pointer-events: none; }
.cp-page-wrap .pv-page { overflow: hidden; }
.cp-head { margin: 0; font-weight: 600; color: var(--ink); }
.cp-margins { grid-template-columns: 1fr 1fr; }
.cp-panel > .btn { align-self: flex-start; }