/* Code Screenshot: tool-only styles, built on the shared tokens. © 2026 Tomas Martinez · GPL-3.0-or-later · tm1363-c339e3ad */
.cs-code { font: 12.5px/1.5 var(--font-mono); min-height: 200px; tab-size: 2; white-space: pre; overflow-wrap: normal; overflow-x: auto; }
.cs-lang { display: flex; align-items: center; gap: 10px; }
.cs-lang select { flex: 0 0 52%; }
.cs-stage { overflow: auto; place-items: safe center; }
.cs-stage canvas { max-height: none; box-shadow: none; border-radius: 0; cursor: pointer; }
.cs-stage.is-checker { background-color: var(--checker-a); background-image: linear-gradient(45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-b) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-b) 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0; }