*{box-sizing:border-box}body{margin:0;background:#f2f5fa;color:#172740;font:16px/1.65 system-ui,sans-serif}a{color:#4944b5}header{padding:20px max(24px,calc((100% - 1400px)/2));display:flex;justify-content:space-between;gap:20px;background:#102039;color:#fff}header a{color:inherit;text-decoration:none}header .brand{font-weight:900;font-size:27px}nav{display:flex;gap:22px;flex-wrap:wrap}main{max-width:1400px;margin:auto;padding:40px 24px}.intro{max-width:950px}.intro>span{font-size:13px;letter-spacing:.12em;color:#5653bd;font-weight:800}h1{font-size:clamp(32px,4vw,48px);line-height:1.2}h2{font-size:25px}h3{font-size:19px}.workspace{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:28px;margin-top:32px}.input-panel,.empty,.result-block{background:white;border:1px solid #d9e1ee;border-radius:18px;padding:24px}.input-panel{align-self:start}.input-panel p{font-size:14px}label{display:block;font-weight:700;margin:18px 0 7px}textarea,input{width:100%;padding:12px;border:1px solid #b9c8de;border-radius:8px;background:#fafcff;font:inherit}textarea{font:15px/1.6 ui-monospace,monospace;resize:vertical}button{width:100%;margin-top:14px;padding:13px;border:0;border-radius:9px;background:#5950cc;color:white;font:700 16px system-ui;cursor:pointer}.secondary{background:#e9edfa;color:#263665}button:hover{filter:brightness(.95)}:focus-visible{outline:3px solid #a49aff;outline-offset:3px}.params{display:flex;gap:16px}.params label{min-width:0}.notes{background:#fff6de;border-left:4px solid #d29a2e;padding:12px 20px;border-radius:8px;font-size:15px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.metrics>div{background:#142640;color:#fff;padding:18px;border-radius:12px}.metrics span{display:block;font-size:14px;color:#c7d6ed}.metrics strong{font-size:23px;overflow-wrap:anywhere}.result-block{margin-top:18px;overflow:hidden}svg{display:block;width:100%;height:auto;min-height:160px}svg text{font:12px system-ui;fill:#52637a}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:10px;border-bottom:1px solid #dae2ec}th{background:#f0f4fa}details{margin-top:20px}summary{cursor:pointer;font-weight:700}#error{color:#ad2525;font-weight:700}#results{min-width:0}@media(max-width:850px){.workspace{grid-template-columns:1fr}header{flex-direction:column}.metrics{grid-template-columns:1fr}main{padding:25px 15px}}