/* One centred, filled arrowhead for the entire model pipeline. */
.bee-theatre .bee-arrow{width:3px;border:0;background:var(--muted)}
.bee-theatre .bee-arrow:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:0;height:0;border:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:9px solid var(--muted)}
.bee-theatre .bee-location-spacer+.bee-arrow{width:3px;height:0;border:0;background:none}
.bee-theatre .bee-readout-return>.bee-arrow{transform:translateX(-50%)}
[data-compact-branches=true] .bee-input-merge path.bee-flow-arrowhead{fill:var(--muted);stroke:none}
.bee-theatre .bee-skip-path:after{border-width:5px 0 5px 9px;border-color:transparent transparent transparent var(--muted);bottom:-6.5px}

:root .bee-surface .bee-vector.bee-signed-vector>span{background:var(--feature-fill);opacity:1}.bee-feature-key{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:var(--muted);margin-top:10px}.bee-feature-key>i{display:block;width:76px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--green),var(--model-control-bg) 50%,var(--bee-location))}

.bee-feature-key>div{width:92px;text-align:center}.bee-feature-key>div>i{display:block;height:6px;border-radius:2px;background:linear-gradient(90deg,var(--green),var(--model-control-bg) 50%,var(--bee-location))}.bee-feature-key>div>span{display:block;font-size:9px;margin-top:2px}

.bee-probability-example-label{text-align:center;font-size:11px;color:var(--muted);margin:8px 0!important}
.bee-probability-vector{align-items:stretch}
.bee-probability-vector .bee-probability{border-top:0;padding-top:12px;position:relative;gap:5px}
.bee-probability-bar-slot{height:108px;width:100%;display:flex;align-items:flex-end;border-bottom:1px solid var(--line)}
.bee-probability-bar{display:block;width:100%;height:var(--class-probability,0%);min-height:2px;background:var(--bee-class);border-radius:4px 4px 0 0;transition:height 160ms ease}
.bee-probability-value{font-size:15px;font-variant-numeric:tabular-nums;font-weight:550;color:var(--ink)}
.bee-probability-vector .bee-prob-symbol{font-size:16px}
.bee-probability[data-predicted=true]{outline:2px solid var(--bee-class);outline-offset:-2px}
@media(max-width:760px){.bee-probability-bar-slot{height:86px}.bee-probability-value{font-size:13px}}
@media(prefers-reduced-motion:reduce){.bee-probability-bar{transition:none}}

/* Larger, matched connectors throughout the model pipeline. */
.bee-theatre .bee-arrow{width:4px}
.bee-theatre .bee-arrow:after{border-left-width:7px;border-right-width:7px;border-top-width:14px}
.bee-theatre .bee-location-spacer+.bee-arrow{width:4px}
.bee-theatre .bee-input-merge:before,.bee-theatre .bee-fork,.bee-theatre .bee-product-join,.bee-theatre .bee-skip-path,.bee-theatre .bee-readout-return:before{border-width:4px}
.bee-theatre .bee-input-merge:after,.bee-theatre .bee-fork:before,.bee-theatre .bee-product-join:after,.bee-theatre .bee-location-spacer{border-left-width:4px}
.bee-theatre .bee-skip-path:after{border-width:7px 0 7px 14px;bottom:-9px}
[data-compact-branches=true] .bee-input-merge path:not(.bee-flow-arrowhead){stroke-width:4}
.bee-readout-flow{grid-template-columns:minmax(0,1.3fr) 40px minmax(0,1fr) 40px minmax(0,1fr)}
.bee-readout-flow .bee-horizontal-arrow{width:40px}
@media(max-width:760px){.bee-readout-flow>.bee-horizontal-arrow{height:40px}}

/* Leave room between the final arrowhead and its probability label. */
.bee-readout-stage .bee-conditional-label{margin-top:20px!important}

/* Stop shafts inside the head's base, leaving a clean triangular tip. */
.bee-theatre .bee-arrow{background:none}
.bee-theatre .bee-arrow:before{content:"";position:absolute;top:0;bottom:12px;left:0;width:4px;background:var(--muted)}
.bee-theatre .bee-location-spacer{width:4px;border:0;background:linear-gradient(to bottom,var(--muted) 0,var(--muted) calc(100% - 12px),transparent calc(100% - 12px))}
.bee-theatre .bee-location-spacer+.bee-arrow:before{display:none}
.bee-theatre .bee-skip-path:after{right:-14px}

.bee-data-story .bee-story-arrow svg{stroke-width:4}.bee-theatre .bee-horizontal-arrow svg{stroke-linecap:butt}

.bee-toy-convolution{margin:14px auto 8px;max-width:400px}.bee-toy-convolution svg{display:block;width:100%;height:auto;overflow:visible}.bee-toy-convolution text{font:10px var(--font);fill:var(--ink)}.bee-toy-convolution .bee-toy-operator{font-size:23px}.bee-toy-convolution .bee-toy-result{font-size:22px;font-weight:550}