#tool .field{align-content:start}
.ci-stats b{font-size:clamp(15px,4vw,22px);white-space:nowrap}
.ci-full{display:flex;width:100%}
.ci-full button{flex:1 1 0}
.ci-legend{font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.ci-legend i{display:inline-block;width:12px;height:12px;border-radius:3px}
.ci-legend i+i,.ci-legend i:nth-of-type(2){margin-left:6px}
.ci-p{background:color-mix(in srgb,var(--brand) 35%,var(--surface-2))}
.ci-g{background:var(--brand)}
.ci-chart{display:flex;align-items:flex-end;gap:2px;height:200px;padding:0 0 22px;border-bottom:1px solid var(--border);position:relative}
.ci-bar{flex:1 1 0;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}
.ci-bar .g{background:var(--brand);border-radius:3px 3px 0 0}
.ci-bar .p{background:color-mix(in srgb,var(--brand) 35%,var(--surface-2))}
.ci-bar small{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--faint);white-space:nowrap}
.ci-table{max-height:420px;overflow-y:auto}