/* image-to-ascii: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.as-work, .px-work, .ba-work { display: grid; gap: 20px; grid-template-columns: 1fr; margin-top: 8px; }
@media (min-width: 900px) { .as-work, .px-work, .ba-work { grid-template-columns: 1.6fr 1fr; } }
.as-out-wrap { overflow: auto; max-height: 640px; padding: 12px; border-radius: 10px; background: #FFFFFF; border: 1px solid var(--line); }
.as-out { margin: 0; font: 7px/1.05 ui-monospace, Menlo, Consolas, monospace; color: #111827; white-space: pre; }
.as-out.is-dark { color: #E5E7EB; }
.as-out-wrap:has(.is-dark) { background: #0B0F19; }
.as-panel, .px-panel, .ba-panel { display: flex; flex-direction: column; gap: 12px; }