.diagram{display:block;width:100%;height:auto;max-height:470px}.dg-metal{fill:var(--bg-sunken);stroke:var(--border);stroke-width:1}.dg-gas{fill:var(--accent-soft)}.dg-clearance{fill:color-mix(in srgb,var(--accent) 38%,transparent)}.dg-piston{fill:var(--border);stroke:var(--axis);stroke-width:1}.dg-groove{stroke:var(--axis);stroke-width:1}.dg-rod{stroke:var(--axis);stroke-linecap:round}.dg-rod-end{fill:var(--axis)}.dg-web{stroke:var(--muted);stroke-linecap:round}.dg-counter{fill:var(--muted)}.dg-journal{fill:var(--bg-raised);stroke:var(--axis);stroke-width:1.5}.dg-ref{stroke:var(--axis);stroke-width:1;stroke-dasharray:3 3}.dg-dim{stroke:var(--text-dim);stroke-width:1}.dg-label{fill:var(--text-dim);font-size:11px}.dg-value{fill:var(--text);font-size:12px;font-weight:600}.dg-readout{display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:8px;text-align:center}.dg-state{color:var(--text-dim);font-size:11px}.dg-volume{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.dg-detail{min-height:1.5em;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.dg-controls{display:flex;justify-content:center;gap:6px;margin-top:6px}.dg .field-note{text-align:center}.target-row{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:8px 0;border-top:1px solid var(--divider)}.target-row strong{font-size:14px;font-variant-numeric:tabular-nums;text-align:right}.target-row .field-note{grid-column:2;margin-top:0;text-align:right}