.flow-chart-wrap{
  position:relative;
  width:100%;
  height:clamp(320px,32vw,430px);
  border:1px solid rgba(255,255,255,.10);
  background:#071513;
}
.flow-chart-wrap.compact{height:auto;aspect-ratio:16/9}
.flow-chart-wrap canvas{display:block;width:100% !important;height:100% !important}
.chart-status{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  margin:0;
  padding:18px;
  color:rgba(255,255,255,.66);
  font-size:12px;
  line-height:1.7;
  text-align:center;
}
.chart-status[hidden]{display:none}
.chart-status.error{color:#ffd18a}
@media(max-width:720px){
  .chart-frame .flow-chart-wrap{height:300px}
}