:root{color-scheme:light;--ink:#16313a;--muted:#435d65;--line:#c9d7dc;--good:#297b55;--mid:#986506;--bad:#a84242;--accent:#1853b1}*{box-sizing:border-box}body{margin:0;background:#f3f7f7;color:var(--ink);font:16px/1.5 system-ui,sans-serif}main{max-width:1540px;margin:auto;padding:1rem}.library-frame{max-width:1540px}h1{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15}h2{font-size:1.2rem;margin:0 0 .75rem}h3{font-size:1rem}p{max-width:90ch}a{color:#134b8f}button,input,select,textarea{font:inherit}button,input,select,textarea{border:1px solid #91a7b0;border-radius:.35rem}button{padding:.5rem .7rem;min-height:44px;background:#eef4fa;color:#123b65;cursor:pointer}button:hover{background:#dcebf6}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b25400;outline-offset:3px}label{display:block;font-size:.93rem;font-weight:600;margin:.7rem 0 .25rem}input:not([type=checkbox]),select,textarea{width:100%;max-width:100%;padding:.5rem;background:white;color:var(--ink)}input[type=range]{padding:0;height:30px}.check{display:flex;gap:.55rem;align-items:center;font-weight:400}.check input{width:18px;height:18px;flex:none}.buttons{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.buttons .check{margin:.2rem 0}.workspace{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:1rem}section{background:white;border:1px solid var(--line);border-radius:.65rem;padding:1rem;margin:0 0 1rem;min-width:0}aside,.results{min-width:0}.hint,caption,.legend{font-size:.86rem;color:var(--muted)}fieldset{border:1px solid var(--line);margin:.8rem 0}summary{cursor:pointer;padding:.35rem 0}#status{padding:.8rem 1rem;background:#e6eff9;border-radius:.4rem;border-left:4px solid #1853b1;min-height:3rem}#status.error{background:#fff1ec;border-color:#af482b}#cy{height:470px;width:100%;border:1px solid var(--line);border-radius:.4rem;overflow:hidden;background:#f7fafb;touch-action:none}#cy svg{display:block;width:100%;height:100%}.node text{pointer-events:none}.node,.edge{cursor:pointer}.node:focus,.edge:focus{outline:none}.node:focus circle{stroke:#b25400;stroke-width:6px}.edge:focus{stroke:#b25400!important;stroke-width:7px!important}.legend{display:flex;flex-wrap:wrap;gap:.5rem}.legend span:first-child{color:var(--good)}.legend span:nth-child(2){color:var(--mid)}.legend span:nth-child(3){color:var(--bad)}table{border-collapse:collapse;width:100%;font-size:.9rem;text-align:left}th,td{padding:.6rem;border-bottom:1px solid var(--line);vertical-align:top}th{background:#edf3f4}caption{text-align:left;padding:.5rem 0}.table-scroll{max-width:100%;overflow:auto}td button{text-align:left;white-space:normal;min-width:120px}td{overflow-wrap:anywhere}#history{padding-left:1.3rem;font-size:.83rem;color:var(--muted);max-height:16rem;overflow:auto}#inspector label{font-weight:600}output{font-variant-numeric:tabular-nums;margin-left:.4rem}#stats{display:flex;flex-wrap:wrap;gap:.6rem}#stats p{margin:0;padding:.6rem;background:#eef4f3;border-radius:.4rem}#classes{padding-left:1.3rem}pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:800px){.workspace{grid-template-columns:1fr}.results{grid-row:1}#cy{height:360px}main{padding:.6rem}section{padding:.75rem}h1{font-size:1.7rem}.library-frame{padding:1rem}th,td{padding:.5rem}.table-scroll table{min-width:600px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.jump-links{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1rem}.jump-links a{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .65rem;background:#e6eef1;border-radius:.4rem}section,aside{scroll-margin-top:1rem}