:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#dce8f7;background:#090d12;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#090d12;min-block-size:100vh;margin:0}button,input{font:inherit}button,input[type=checkbox]{cursor:pointer}.graph-reference{background:#090d12;min-block-size:100vh}.graph-topbar{background:#0d131a;border-bottom:1px solid #1f2a36;justify-content:space-between;align-items:center;gap:16px;min-block-size:64px;padding:0 24px;display:flex}.graph-brand{color:#eef5fc;letter-spacing:-.02em;align-items:center;gap:10px;font-weight:720;text-decoration:none;display:inline-flex}.graph-brand svg{fill:none;stroke:#b9e635;stroke-width:2.2px;block-size:25px;inline-size:25px}.graph-topbar p{color:#8494a8;letter-spacing:.04em;margin:0;font-size:.82rem}.graph-workspace{grid-template-columns:minmax(260px,328px) minmax(0,1fr);min-block-size:calc(100vh - 64px);display:grid}.graph-inspector{z-index:1;background:#101720;border-right:1px solid #1f2a36;flex-direction:column;gap:22px;padding:28px 20px 22px;display:flex}.inspector-heading h1{color:#f3f7fb;letter-spacing:-.045em;margin:5px 0 8px;font-size:1.5rem;line-height:1.1}.inspector-heading p:not(.section-kicker){color:#91a0b2;margin:0;font-size:.84rem;line-height:1.5}.section-kicker{color:#b9e635;letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:.69rem;font-weight:700}.search-control{color:#7d8da0;background:#0c1219;border:1px solid #2a3948;border-radius:8px;align-items:center;gap:9px;min-block-size:42px;padding:0 12px;display:flex}.search-control:focus-within{border-color:#b9e635;box-shadow:0 0 0 2px #b9e63522}.search-control svg{fill:none;stroke:currentColor;stroke-width:1.8px;inline-size:17px}.search-control input{color:#e9f2fb;background:0 0;border:0;outline:0;inline-size:100%;min-inline-size:0;font-size:.88rem}.search-control input::placeholder{color:#718195}.group-controls{border:0;gap:8px;margin:0;padding:0;display:grid}.group-controls legend{color:#9cabbc;margin-bottom:9px;font-size:.78rem;font-weight:700}#group-list{gap:5px;display:grid}.group-row{color:#d5e0ec;grid-template-columns:16px 12px 1fr auto;align-items:center;gap:9px;min-block-size:30px;font-size:.86rem;display:grid}.group-row input{accent-color:#b9e635;block-size:15px;inline-size:15px}.group-dot{border-radius:50%;block-size:10px;inline-size:10px;box-shadow:0 0 0 3px #ffffff0c}.group-row output{color:#74869a;font-variant-numeric:tabular-nums}.range-controls{border-top:1px solid #263444;border-bottom:1px solid #263444;gap:10px;padding:18px 0;display:grid}.range-controls label{color:#a4b3c3;justify-content:space-between;gap:10px;font-size:.8rem;display:flex}.range-controls output{color:#d9e6f3;font-variant-numeric:tabular-nums}input[type=range]{accent-color:#b9e635;inline-size:100%}.switch-control{color:#d5e0ec;justify-content:space-between;align-items:center;font-size:.86rem;display:flex}.switch-control input{appearance:none;background:#17212c;border:1px solid #3a4b5e;border-radius:100px;block-size:21px;inline-size:38px;transition:background .16s}.switch-control input:after{content:"";background:#9aaabd;border-radius:50%;block-size:15px;inline-size:15px;margin:2px;transition:transform .16s;display:block}.switch-control input:checked{background:#b9e635;border-color:#b9e635}.switch-control input:checked:after{background:#0c1219;transform:translate(16px)}.switch-control input:focus-visible,button:focus-visible,.group-row input:focus-visible{outline-offset:3px;outline:2px solid #b9e635}.inspector-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.inspector-actions button{color:#0a0f14;background:#b9e635;border:1px solid #b9e635;border-radius:7px;min-block-size:39px;font-size:.84rem;font-weight:760}.inspector-actions .subtle-button{color:#d6e2ef;background:#17212c;border-color:#344456}.selection-status{color:#8496a9;min-block-size:38px;margin:auto 0 0;font-size:.76rem;line-height:1.45}.graph-canvas-region{min-block-size:680px;position:relative;overflow:hidden}gluon-graph{position:absolute;inset:0}.graph-canvas-caption{z-index:1;color:#8192a5;pointer-events:none;align-items:center;gap:7px;font-size:.74rem;display:flex;position:absolute;bottom:18px;right:20px}.graph-canvas-caption span{background:#b9e635;border-radius:50%;block-size:7px;inline-size:7px;box-shadow:0 0 12px #b9e635}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (width<=720px){.graph-topbar{min-block-size:56px;padding:0 16px}.graph-workspace{grid-template-rows:auto minmax(460px,1fr);grid-template-columns:1fr}.graph-inspector{border-bottom:1px solid #1f2a36;border-right:0;gap:16px;padding:20px 16px 16px}.inspector-heading h1{font-size:1.33rem}.group-controls{grid-template-columns:1fr}#group-list{grid-template-columns:1fr 1fr;column-gap:18px}.range-controls{grid-template-columns:1fr 1fr;column-gap:16px}.range-controls label{grid-column:span 1}.range-controls input{margin-top:-7px}.selection-status{margin-top:0}.graph-canvas-region{min-block-size:520px}.graph-canvas-caption{font-size:.68rem;bottom:12px;right:12px}}