.ascii-grid{display:grid;grid-template-columns:repeat(16,1fr);gap:2px;font-family:"JetBrains Mono",monospace;font-size:11px}
.ascii-cell{background:var(--panel2);border:1px solid var(--line);border-radius:4px;padding:4px 2px;text-align:center;cursor:pointer;transition:.1s;min-width:0}
.ascii-cell:hover{border-color:var(--cyan);background:rgba(34,211,238,.1);transform:scale(1.1);z-index:2;position:relative}
.ascii-cell .ac-ch{font-size:14px;color:var(--ink);display:block;line-height:1.2}
.ascii-cell .ac-n{font-size:9px;color:var(--muted);display:block}
.card-lg{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px;margin:24px 0}
.card-lg h2{font-size:22px;margin:0 0 16px;color:var(--ink);letter-spacing:-.3px}
.card-lg h3{font-size:16px;margin:12px 0 8px;color:var(--cyan)}
.card-lg p{font-size:14.5px;line-height:1.65;color:var(--ink);margin:8px 0}
.card-lg ul{padding-left:20px;margin:8px 0}
.card-lg li{font-size:14px;line-height:1.6;margin:4px 0}
.hero{text-align:center;padding:40px 20px;margin-bottom:20px}
.hero-badge{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--cyan);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}
.hero h1{font-size:32px;margin:8px 0;letter-spacing:-.5px}
.lead{font-size:16px;color:var(--muted);max-width:720px;margin:12px auto 0;line-height:1.6}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px}
.tag{font-family:"JetBrains Mono",monospace;font-size:11px;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted)}
.svg-diagram{display:block;margin:20px auto;background:var(--bg2);border-radius:12px;padding:16px;max-width:100%;height:auto}
.iv-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.iv-controls input,.iv-controls textarea{flex:1;min-width:120px}
.diagram-box{background:var(--bg2);border-radius:12px;padding:16px;margin:16px 0;text-align:center}
.diagram-box svg{max-width:100%;height:auto}
@media(max-width:760px){
  .ascii-grid{grid-template-columns:repeat(8,1fr)}
  .iv-controls{flex-direction:column}
  .iv-controls input,.iv-controls textarea{width:100%}
}