:root{font-family:Inter,ui-sans-serif,system-ui;color:#172033;background:#f5f7fb}*{box-sizing:border-box}header{height:64px;background:#13223d;color:#fff;padding:0 5vw;display:flex;align-items:center;gap:22px}header b{font-size:22px}header span{color:#a8b7d2}header a{margin-left:auto;color:#8fc8ff}main{display:grid;grid-template-columns:minmax(360px,42%) 1fr;gap:20px;padding:24px;max-width:1500px;margin:auto}section{background:#fff;border:1px solid #e1e6ef;border-radius:12px;padding:18px;box-shadow:0 8px 30px #1834590c}h2{margin:0 0 14px;font-size:16px}textarea{width:100%;height:680px;resize:vertical;border:1px solid #ccd4e0;border-radius:8px;padding:14px;font:13px/1.5 ui-monospace,monospace;background:#101827;color:#dce8ff}#chart{height:470px}.error{color:#d4380d;white-space:pre-wrap;margin-top:8px}pre{overflow:auto;max-height:300px;background:#f7f8fa;padding:12px}summary{cursor:pointer}@media(max-width:850px){main{grid-template-columns:1fr}textarea{height:420px}}