.mechanism-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px 18px;border-top:1px solid #e2eaf3;background:#f7faff}
.mechanism-controls button{border:1px solid #c6d8f2;border-radius:6px;background:#edf4ff;color:#225ece;padding:8px 12px;font:inherit;cursor:pointer}
.mechanism-controls button:disabled{cursor:not-allowed;opacity:.5}
.mechanism-controls label{display:flex;flex:1;min-width:140px;align-items:center;gap:8px;font-size:12px;color:#4b637b}
.mechanism-controls input{min-width:60px;width:100%;accent-color:#2868f0}
.mechanism-controls output{font:12px Consolas,monospace;color:#36516a;overflow-wrap:anywhere}
.mechanism-play-note{flex-basis:100%;font-size:11px;color:#71859a}
.mechanism-controls button:focus-visible,.mechanism-controls input:focus-visible{outline:2px solid #2868f0;outline-offset:3px}
.mechanism-plots{min-width:0}.mechanism-chart{display:block;width:100%;height:auto;margin:12px 0;border:1px solid #e5edf5;border-radius:6px;background:#f8fbff}
@media(prefers-reduced-motion:reduce){.mechanism-controls *{transition:none!important}}