.diagram-panel{grid-column:1/-1}.diagram{min-height:260px;border:1px solid var(--line);border-radius:14px;background:#071b15;display:grid;place-items:center;overflow:hidden;padding:14px}.diagram svg{display:block;width:100%;height:auto;max-height:390px}.diagram .shape{fill:rgba(21,255,194,.08);stroke:#22f2c2;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.diagram .ground{stroke:rgba(198,211,205,.66);stroke-width:2}.diagram .measure{fill:none;stroke:#63d9ff;stroke-width:2.5;stroke-dasharray:7 6}.diagram .accent{fill:none;stroke:#ffbb55;stroke-width:3}.diagram .bar{stroke:#69aefc;stroke-width:3}.diagram text{fill:#b9d0c7;font:600 14px ui-monospace,SFMono-Regular,Menlo,monospace}.diagram text.value{fill:#5effb7;font-weight:800}.diagram text.alt{fill:#ffbb55}.diagram-note{margin:9px 2px 0;color:var(--muted);font-size:11px}@media(max-width:420px){.diagram{min-height:220px;padding:8px}.diagram svg{max-height:310px}.diagram text{font-size:12px}}