.error-explainer{border:1px solid var(--rp-line);background:var(--rp-line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;margin:clamp(2rem,5vw,5rem) clamp(1.25rem,4vw,5rem);display:grid}.error-explainer-input,.error-explainer-result{background:var(--rp-panel-solid);min-width:0;padding:clamp(1.3rem,2.8vw,2.5rem)}.tool-section-heading{justify-content:space-between;align-items:start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.tool-section-heading span,.error-example-block>span,.error-match-signal>span,.error-fix-list>span{color:var(--rp-blue);font:.62rem var(--rp-mono);letter-spacing:.08em}.tool-section-heading h2{font:600 clamp(1rem, 2vw, 1.3rem) var(--rp-mono);margin:.35rem 0 0}.tool-section-heading small{max-width:180px;color:var(--rp-muted);font:.62rem/1.5 var(--rp-mono);text-align:right}.tool-section-heading strong{color:var(--rp-green);font:.58rem var(--rp-mono);letter-spacing:.07em;border:1px solid #76e6c547;padding:5px 8px}.error-explainer-input>label{color:var(--rp-muted);font:.68rem var(--rp-mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;display:block}.error-explainer textarea{resize:vertical;width:100%;min-height:220px;color:var(--rp-text);border:1px solid var(--rp-line);font:.78rem/1.65 var(--rp-mono);background:#06111a;border-radius:3px;outline:0;padding:1rem}.error-explainer textarea:focus{border-color:#73c9ffa6;box-shadow:0 0 0 3px #73c9ff12}.error-example-block{margin-top:1.5rem}.error-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:.7rem;display:grid}.error-example-grid button{min-width:0;color:var(--rp-muted);border:1px solid var(--rp-line);cursor:pointer;text-align:left;background:#07131c;gap:6px;padding:.8rem;display:grid}.error-example-grid button:hover,.error-example-grid button:focus-visible{color:var(--rp-text);background:#ff6a2a0e;border-color:#ff6a2a8c}.error-example-grid b{color:var(--rp-text);font:600 .7rem var(--rp-mono)}.error-example-grid code{color:#7892a3;font:.62rem var(--rp-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.error-explainer-result{flex-direction:column;display:flex}.error-empty-state,.error-no-match{min-height:320px;color:var(--rp-muted);border:1px dashed var(--rp-line);text-align:center;place-content:center;gap:1rem;padding:2rem;display:grid}.error-empty-state code{color:var(--rp-rust);font-size:clamp(1.2rem,3vw,2rem)}.error-empty-state p,.error-no-match p{max-width:620px;margin:0;font-size:.82rem;line-height:1.65}.error-no-match strong{color:#ffb0b0;font:600 1rem var(--rp-mono)}.error-no-match>div{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.error-no-match a,.error-guide-link{color:var(--rp-blue);font:.7rem var(--rp-mono)}.error-match-card{gap:1.2rem;display:grid}.error-match-signal,.error-fix-list,.error-fix-code{border:1px solid var(--rp-line);background:#06111a}.error-match-signal{gap:.6rem;padding:.9rem 1rem;display:grid}.error-match-signal code{overflow-wrap:anywhere;color:#b9ccd8;font-size:.72rem}.error-match-card h3{color:var(--rp-text);font:600 clamp(1.2rem, 2.5vw, 1.8rem)/1.2 var(--rp-mono);margin:0}.error-match-card>p{color:var(--rp-muted);margin:0;font-size:.88rem;line-height:1.7}.error-fix-list{padding:1rem}.error-fix-list ol{color:#bfd0da;gap:.75rem;margin:.9rem 0 0;padding-left:1.3rem;font-size:.8rem;line-height:1.55;display:grid}.error-fix-list li::marker{color:var(--rp-rust);font-family:var(--rp-mono)}.error-fix-code>div{min-height:42px;color:var(--rp-muted);border-bottom:1px solid var(--rp-line);font:.62rem var(--rp-mono);text-transform:uppercase;justify-content:space-between;align-items:center;padding-left:1rem;display:flex}.error-fix-code button{min-width:90px;color:var(--rp-text);border:0;border-left:1px solid var(--rp-line);cursor:pointer;background:0 0;align-self:stretch}.error-fix-code button:hover,.error-fix-code button:focus-visible{color:#071019;background:var(--rp-rust)}.error-fix-code pre{white-space:pre-wrap;color:var(--rp-green);font:.76rem/1.6 var(--rp-mono);margin:0;padding:1rem;overflow:auto}.error-guide-link{width:fit-content;margin-top:.2rem}.explainer-scope{color:var(--rp-muted);font:.66rem/1.55 var(--rp-mono);margin-top:auto;padding-top:1.5rem}.explainer-scope summary{color:var(--rp-blue);cursor:pointer}.explainer-scope p{margin:.65rem 0 0}@media (width<=980px){.error-explainer{grid-template-columns:1fr}}@media (width<=620px){.error-example-grid{grid-template-columns:1fr}.tool-section-heading{display:grid}.tool-section-heading small{text-align:left}}