/* 化け文字変換 — 틀 1벌(ja 1판). */
.bake-tool{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.bake-system{margin:0;font-size:14px;color:var(--mut,#555)}
.bake-group{border:0;margin:0;padding:0;min-width:0}
.bake-chips{display:flex;flex-wrap:wrap;gap:8px}
.bake-chip{position:relative;display:inline-flex}
.bake-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.bake-chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:16px;font-weight:600}
.bake-chip input:checked+span{border-color:var(--b);box-shadow:inset 0 0 0 1px var(--b);background:var(--soft)}
.bake-chip input:checked+span::before{content:"✓ ";content:"✓ " / ""}
.bake-chip input:focus-visible+span{outline:3px solid var(--focus-ring,var(--b));outline-offset:2px}
.bake-field{display:grid;gap:4px;min-width:0}
.bake-field textarea{font-size:18px;min-height:96px;padding:8px 10px;width:100%;box-sizing:border-box}
.bake-out{display:grid;gap:0;min-width:0}   /* 목록과 상태 줄 사이 간격은 상태 줄 자신의 여백(tools-base .status) — 상태 줄이 숨으면 간격도 0 */
.bake-out[hidden]{display:none}
.bake-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bake-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:12px;min-width:0}
.bake-card .btn{grid-row:1 / span 2;grid-column:2}
.bake-text{margin:0;font-size:20px;font-weight:600;overflow-wrap:anywhere;white-space:pre-wrap}
.bake-meta{margin:0;font-size:13px;color:var(--mut,#555)}
.bake-example{margin:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;overflow-wrap:anywhere}
.bake-tool .status:empty{display:none}
/* 낭독 조각(.vh)만 든 상태 줄도 높이 0 — 입력 뒤 결과 알림이 보이지 않는 글로 24px+여백을 잡아 카드와 「例」 사이가 벌어졌다(2026-10-12 열람 캡처). 보이는 글(복사 실패 안내 등)이 서면 종전 높이 */
.bake-tool .status:not(:has(>:not(.vh))){min-height:0;margin:0}
.bake-tool .error:empty{display:none}
.bake-rules ul{margin:6px 0;padding-left:1.2em}