.modern-controls label{display:block;margin:.8rem 0}.modern-controls select{max-width:100%;padding:.6rem}.modern-controls .actions{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));align-items:center}.modern-controls input[type=range]{width:8rem;max-width:75%;vertical-align:middle}.modern-controls output{font-variant-numeric:tabular-nums}.modern-controls [role=status]{border-left:3px solid #dfbb68;padding:.6rem .8rem;background:#dfbb6812}
