[data-interactive="backlash-milling-effects"]{container-type:inline-size;min-width:0;margin-block:1rem}
.bme-live{font:1rem/1.4 var(--f-display)}
.bme-ready>.bme-static{display:none}
.xcard:has([data-interactive="backlash-milling-effects"]){overflow:clip}
.presenting .xcard:has([data-interactive="backlash-milling-effects"]) .body{overflow:visible}
.bme-bench{display:block;min-width:0}
.bme-preview{position:sticky;top:calc(var(--appbar-h) + .35rem);z-index:3;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-xs);padding:.4rem;min-width:0}
.bme-plot svg{display:block;width:100%;height:clamp(11rem,25vh,18rem)}
.bme-stage-title{font-size:.85rem;margin:0 0 .2rem;font-weight:700}
.bme-svg{display:block;width:100%;height:auto;background:var(--surface)}
.bme-stock{fill:var(--surface-2);stroke:var(--ink-soft);stroke-width:.08}
.bme-cut{fill:var(--paper);background:var(--paper)}
.bme-extra{fill:var(--msu-redorange);background:var(--msu-redorange)}
.bme-missed{fill:var(--msu-gold);background:var(--msu-gold)}
.bme-axis{fill:none;stroke:var(--ink-soft);stroke-width:.04;stroke-dasharray:.5 .5;opacity:.55}
.bme-target{fill:none;stroke:var(--ink);stroke-width:.13;stroke-dasharray:.55 .4}
.bme-cutter{fill:var(--accent);fill-opacity:.12;stroke:var(--accent);stroke-width:.12}
.bme-command{fill:none;stroke:var(--ink);stroke-width:.12}
.bme-centre{fill:var(--accent)}
.bme-axis-text{fill:var(--ink);font:13px var(--f-display)}
.bme-key{display:flex;flex-wrap:wrap;gap:.15rem .7rem;font-size:.73rem;line-height:1.2;margin:.2rem 0}
.bme-key span{display:inline-flex;align-items:center;gap:.25rem}
.bme-key i{display:inline-block;width:.8rem;height:.8rem;border:1px solid var(--ink-soft)}
.bme-readings{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin:.25rem 0}
.bme-readings>div{padding:.3rem .4rem;background:var(--surface);border:1px solid var(--rule);min-width:0}
.bme-readings span,.bme-readings small{display:block;font-size:.72rem;color:var(--ink-soft)}
.bme-readings strong{display:block;font-size:.96rem;font-variant-numeric:tabular-nums}
.bme-areas{font-size:.74rem;margin:.2rem 0;min-height:1.4em}
.bme-controls{display:grid;gap:.65rem;min-width:0;margin-top:.75rem}
.bme-controls fieldset{padding:.5rem .6rem;margin:0;border:1px solid var(--rule);border-radius:var(--radius-xs);min-width:0}
.bme-controls legend{font-size:.85rem;font-weight:700;padding:0 .3rem}
.bme-controls label{display:grid;gap:.2rem;font-size:.85rem;font-weight:600;min-width:0}
.bme-live :is(select,button,input){font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-xs);min-height:44px;max-width:100%;min-width:0}
.bme-live select{width:100%;padding:.3rem}
.bme-live button{cursor:pointer;padding:.3rem .45rem;font-size:.85rem}
.bme-live button:disabled{opacity:.55;cursor:default}
.bme-live button[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.bme-live :is(select,button,input):focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.bme-live input[type="range"]{display:block;width:100%;accent-color:var(--accent);margin:0}
.bme-pair,.bme-presets{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.bme-presets{margin-bottom:.55rem}
.bme-play{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.3rem}
.bme-sliders{display:grid;gap:.35rem}
.bme-sliders label>span{display:flex;justify-content:space-between;gap:.5rem}
.bme-note{font-size:.8rem;color:var(--ink-soft);line-height:1.35;margin:.35rem 0 0}
.bme-status{font-size:.8rem;margin:.4rem 0;min-height:2.7em}
.bme-details{margin-top:.7rem}
.bme-details summary{min-height:44px;font-weight:700;cursor:pointer}
.bme-static-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.bme-static-grid figure{margin:0;border:1px solid var(--rule);padding:.5rem;min-width:0;break-inside:avoid}
.bme-static-grid figcaption{font-size:.9rem}
@container (min-width:45rem){.bme-bench{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(18rem,1fr);gap:.75rem;align-items:start}.bme-controls{margin-top:0}.bme-plot svg{height:min(46vh,27rem)}.bme-key{font-size:.8rem}.bme-readings strong{font-size:1.05rem}}
@media (max-width:34rem){.xcard:has([data-interactive="backlash-milling-effects"]) .body{padding-inline:.5rem}}
@media screen and (max-width:40rem){.bme-static-grid{grid-template-columns:minmax(0,1fr)}.bme-static-grid .bme-axis-text{font-size:18px}.bme-static-grid .bme-readings span,.bme-static-grid .bme-readings small{font-size:.85rem}}
@media print{.bme-live{display:none!important}.bme-ready>.bme-static{display:block!important}[data-interactive="backlash-milling-effects"]{break-inside:auto!important}.bme-static-grid .bme-svg{max-height:2.6in}.bme-svg{print-color-adjust:exact;-webkit-print-color-adjust:exact}}