.diagram-canvas{width:100%;position:relative}.diagram-canvas .wind-handle{color:#fffdf3;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#285c54;border:3px solid #fffdf3;border-radius:50%;place-items:center;width:46px;height:46px;transition:background .16s,box-shadow .16s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #173d3730,0 0 0 1px #285c5480}.diagram-canvas .wind-handle:hover{background:#173e38;box-shadow:0 3px 10px #173d3740,0 0 0 5px #285c5426}.diagram-canvas[data-dragging],.diagram-canvas[data-dragging] .wind-handle,.diagram-canvas[data-dragging] .wind-hit-area{cursor:grabbing}.diagram-canvas[data-dragging] .wind-handle{background:#173e38;box-shadow:0 2px 8px #173d3730,0 0 0 7px #285c542e}.diagram-canvas .wind-handle:focus-visible{outline-offset:5px;outline:3px solid #173e38}.wind-handle-value{color:#173e38;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;visibility:hidden;background:#fffdf3;border:1px solid #b5c8be;border-radius:6px;padding:2px 8px;font-size:13px;font-weight:600;line-height:1.5;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.wind-handle:hover .wind-handle-value,.wind-handle:focus-visible .wind-handle-value,.diagram-canvas[data-dragging] .wind-handle-value{visibility:visible}@media (prefers-reduced-motion:reduce){.diagram-canvas .wind-handle{transition:none}}@media (forced-colors:active){.diagram-canvas .wind-handle{color:buttontext;background:buttonface;border-color:buttontext}.diagram-canvas .wind-handle:focus-visible{outline-color:highlight}.wind-handle-value{border-color:canvastext}}