/* pixel-art-maker: 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-panel, .px-panel, .ba-panel { display: flex; flex-direction: column; gap: 12px; }
.px-stage { display: grid; place-items: center; padding: 12px; border-radius: 10px; overflow: auto; }
.px-stage canvas { image-rendering: pixelated; max-width: 100%; height: auto; }