/* 그래피티 글자 이미지 면 — cursive.css(cur-* 칩·미리보기·저장 문법) 위에 색 견본 칩만 더한다. 색·반경은 tools-base.css 토큰. */
.gr-swatches{gap:10px}
/* 색 견본 = 클래스(인라인 style 은 CSP style-src 가 막는다). 값은 graffiti-draw.js COLORS 와 같아야 한다(tests/graffiti.test.mjs 대조). */
.gr-c-black{--c:#111111}.gr-c-white{--c:#ffffff}.gr-c-yellow{--c:#ffd23f}.gr-c-red{--c:#e5243b}.gr-c-pink{--c:#ff4fa3}.gr-c-purple{--c:#7b3fe4}.gr-c-blue{--c:#1e88e5}.gr-c-green{--c:#22b04b}
.gr-swatch span{width:44px;min-height:44px;padding:0;justify-content:center;background:var(--c)}
.gr-swatch input:checked+span::before{content:""}
.gr-swatch input:checked+span{box-shadow:inset 0 0 0 3px var(--card),0 0 0 2px var(--b)}
/* 빈 상태 줄은 자리를 접는다(리뷰 10-12: 오류 상태에서 저장 버튼과 「Fill color」 사이 약 60px — 빈 줄의 최소 높이 + 격자 간격 두 번).
   격자 칸에서 빼야(absolute) 간격이 하나만 남는다 — 음수 여백은 격자 칸을 0 아래로 못 줄인다(실측). 낭독 영역은 트리에 남긴다(display 유지). */
#gr-status:empty{position:absolute;min-height:0;height:0;margin:0}