.escape-demo{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);padding:18px;margin-block:18px 26px}
.escape-demo.article-wide{width:100%;max-width:100%;margin-inline:0}
.escape-demo-head{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:14px}
.escape-demo h3{margin:0 0 4px;font-size:24px}
.escape-demo label{display:block;font-weight:700;margin-bottom:8px}
.escape-demo textarea{min-height:130px;font-family:"SFMono-Regular",Consolas,monospace}
.escape-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:12px 0}
.escape-actions label{display:grid;gap:4px;margin:0}
.escape-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.escape-summary article,.escape-results article{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);padding:12px}
.escape-summary h4,.escape-results h4{margin:0 0 6px}
.escape-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.escape-results code{white-space:pre-wrap;overflow-wrap:anywhere}
.escape-warning{border-left:4px solid #b45309;padding-left:10px}
@media(max-width:760px){.escape-demo-head{display:block}.escape-summary,.escape-results{grid-template-columns:1fr}.escape-demo-head .badge{display:inline-flex;margin-top:8px}}