.ml-canvas{display:block;width:100%;aspect-ratio:600/240;touch-action:none;border-radius:4px}
.ml-svg{display:block;width:100%;height:auto;color:var(--fg)}
.ml-svg .ml-goo-layer{fill:currentColor}
.ml-drag{cursor:grab;touch-action:none}
.ml-drag:active{cursor:grabbing}
.ml-ranges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.25rem;margin-top:.9rem}
@media (max-width:520px){.ml-ranges{grid-template-columns:minmax(0,1fr)}}
.ml-range{display:flex;gap:.6rem;align-items:center;min-width:0}
.ml-range > span{min-width:3.6rem;color:var(--muted)}
.ml-range input{flex:1;min-width:0;padding:0;border:0;accent-color:var(--redline)}
.ml-range output{min-width:5ch;text-align:right;font-variant-numeric:tabular-nums}