/* image-to-base64: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.b64img-head { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 18px; align-items: start; margin-bottom: 14px; }
.b64img-thumb { display: grid; place-items: center; aspect-ratio: 1; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.b64img-thumb img { display: block; width: 100%; height: 100%; object-fit: contain; }
.b64img-stats { margin: 0; display: grid; gap: 6px; }
.b64img-stats div { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); padding-bottom: 6px; }
.b64img-stats dt { color: var(--slate); }
.b64img-stats dd { margin: 0; font-weight: 600; }
@media (max-width: 560px) { .b64img-head { grid-template-columns: 1fr; } .b64img-thumb { max-width: 200px; } }