.mdemo.mdemo-flow-shape-optimization .stage canvas#cv{aspect-ratio:1000/400;height:auto}.mdemo.mdemo-flow-shape-optimization .optlog-head{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sim-muted);justify-content:space-between;padding:10px 14px 6px;font-size:10.5px;display:flex}.mdemo.mdemo-flow-shape-optimization .optlog-body{flex:auto;min-height:120px;position:relative}.mdemo.mdemo-flow-shape-optimization .optlog{font-family:var(--font-mono);color:var(--sim-muted);padding:0 14px 10px;font-size:11px;line-height:1.7;position:absolute;inset:0;overflow:auto}.mdemo.mdemo-flow-shape-optimization .optlog div{white-space:nowrap}.mdemo.mdemo-flow-shape-optimization .optlog b{color:var(--sim-text);font-weight:500}.mdemo.mdemo-flow-shape-optimization .optlog .best{color:var(--sim-good)}.mdemo.mdemo-flow-shape-optimization .shapes{position:relative}.mdemo.mdemo-flow-shape-optimization .shapes canvas{width:100%;height:240px;display:block}.mdemo.mdemo-flow-shape-optimization .knobs{border-top:1px solid var(--sim-line);background:var(--sim-panel);font-family:var(--font-mono);color:var(--sim-muted);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 22px;padding:12px 14px;font-size:11px;display:grid}@media (max-width:760px){.mdemo.mdemo-flow-shape-optimization .knobs{grid-template-columns:1fr 1fr}}.mdemo.mdemo-flow-shape-optimization .knob{gap:4px;min-width:0;display:grid}.mdemo.mdemo-flow-shape-optimization .knob label{letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;gap:8px;display:flex}.mdemo.mdemo-flow-shape-optimization .knob label b{color:var(--sim-text);text-transform:none;letter-spacing:0;font-variant-numeric:tabular-nums;font-weight:500}.mdemo.mdemo-flow-shape-optimization .knob input{width:100%;accent-color:var(--sim-accent)}.mdemo.mdemo-flow-shape-optimization .knob input:disabled{opacity:.4}