.cflow{border-radius:var(--radius-2xl);color:#e8eee9;background:#0f1f19;border:1px solid #d1f29f1f;margin:0;padding:14px}.cflow-frame{container-type:inline-size}.cflow-stage{height:min(var(--cflow-narrow-h), calc(var(--cflow-narrow-ratio) * 100cqw));position:relative}@media (width>=900px){.cflow-stage{height:var(--cflow-wide-h)}}.cflow-board{transform-origin:top;position:absolute;top:0;left:50%}.cflow-label{flex-direction:column;gap:2px;font-size:13px;line-height:1.25;display:flex;position:absolute}.cflow-label-left,.cflow-label-right{transform:translateY(-50%)}.cflow-label-left{align-items:flex-end}.cflow-label-above{font-size:12px;transform:translate(-50%)}.cflow-label-under{align-items:center;gap:4px;font-size:14px;transform:translate(-50%)}.cflow-label-meta{color:#b8c4bb;font:500 10.5px/1.4 var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase}.cflow-label-under .cflow-label-detail{font-size:13px;line-height:1.4}.cflow-lane{font:500 11px/1.4 var(--font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;position:absolute}.cflow-lane-brand{color:#d1f29f}.cflow-lane-muted{color:#9aa89e}.cflow-label-name{text-wrap:balance;font-weight:500}.cflow-label-detail{color:#b8c4bb;font-size:12px;line-height:1.35}.cflow-legend{color:#b8c4bb;font:500 11px/1.5 var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:8px 18px;margin:12px 4px 2px;padding:0;list-style:none;display:flex}.cflow-legend li{align-items:center;gap:8px;display:inline-flex}.cflow-key{border:2px solid;border-radius:3px;width:11px;height:11px}.cflow-key-brand{background:#d1f29f33;border-color:#d1f29f}.cflow-key-muted{background:#9aa89e33;border-color:#9aa89e}.cflow-key-stall{background:#f0a48a33;border-color:#f0a48a}