/* box-shadow-generator: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.grad-code { margin: 0 0 14px; padding: 14px 16px; border-radius: 10px; background: rgb(0 0 0 / 0.25); color: #fff; font: 0.88rem/1.6 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; }
.shadow-stage { display: grid; place-items: center; min-height: 260px; padding: 40px; border-radius: 12px; background: var(--canvas); }
.shadow-box { width: min(180px, 70%); aspect-ratio: 1; background: var(--paper); }