:root{color-scheme:dark}*{box-sizing:border-box}body{font:15px/1.65 system-ui,sans-serif;color:#d7dcdf;background:#13171b;margin:0;padding:28px}h1,h2,h3{line-height:1.25;color:#f0f0e9}h1{font-size:27px}h2{font-size:22px}a{color:#d8ee91}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#1b2025;border-radius:8px;padding:16px}code{font-size:.9em}table{border-collapse:collapse;width:100%}td,th{border:1px solid #384148;padding:10px;text-align:left}
.x-graphic{margin:1.5rem 0;padding:1rem;border:1px solid #d5dfeb;border-radius:12px;background:#fff}
.x-graphic figcaption{font-weight:650;margin-bottom:.75rem}.x-graphic svg{width:100%;height:auto;display:block}
.x-graphic:not(.x-scene):not(.x-drawing) svg text{font-family:system-ui,sans-serif;font-size:12px;fill:#334155}
.x-grid{stroke:#e2e8f0;stroke-width:1;fill:none}.x-axis{stroke:#64748b;fill:none}
.x-bar,.x-arrow{fill:#2563eb}.x-line{fill:none;stroke:#2563eb;stroke-width:3}
.x-edge{stroke:#64748b;stroke-width:2;fill:none}.x-node{fill:#eff6ff;stroke:#93c5fd}
.x-description{font-size:.9rem;color:#475569}.x-callout{padding:1rem;border-left:4px solid #2563eb;background:#eff6ff;margin:1rem 0}
.x-callout-warning{border-color:#b45309;background:#fffbeb}.x-callout-title{display:block;margin-bottom:.5rem}
.x-error{border-left:4px solid #b91c1c;padding:1rem}.x-image-alt{font-style:italic}
.x-controls h3{margin:0}.x-inputs{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.x-inputs label{display:flex;flex-direction:column;gap:.35rem;min-width:160px}.x-inputs input,.x-inputs select,.x-draw-actions button{font:inherit}.x-outputs output{font-weight:650}.x-drawing svg{border:1px solid #cbd5e1;touch-action:none;background:white;cursor:crosshair}.x-draw-actions{display:flex;gap:.5rem;align-items:center;margin-top:.75rem}.x-draw-actions button{padding:.4rem .7rem;border:1px solid #94a3b8;border-radius:4px;background:#f8fafc;cursor:pointer}.x-draw-actions [role=status]{margin-left:auto;color:#475569}.x-graphic{background:#191f24;border-color:#394249}.x-graphic:not(.x-scene):not(.x-drawing) svg text{fill:#d1dadf}.x-grid{stroke:#333e45}.x-axis,.x-edge{stroke:#819198}.x-bar,.x-arrow{fill:#b8d86f}.x-line{stroke:#b8d86f}.x-node{fill:#26312c;stroke:#849e65}.x-description{color:#a8b5bc}.x-callout{background:#1e2924;border-color:#b8d86f}.x-callout-warning{background:#302919;border-color:#e7bb65}.x-inputs input,.x-inputs select{color:#e7eae5;background:#222a30;padding:8px;border:1px solid #4b5b62;border-radius:5px;accent-color:#c8e58c}.x-draw-actions button{background:#26322c;color:#e8efd9;border-color:#5b7051}.x-draw-actions [role=status]{color:#adbbb0}.x-drawing svg{background:#eef2e7;border-color:#60705d}.x-error{color:#f2aaaa}math{font-size:1.15em}@media(max-width:480px){body{padding:18px}.x-inputs label{min-width:120px}}