#plugin_diffraction .diffraction-module { max-width: 620px; margin: auto; }
#plugin_diffraction .diffraction-view { display: block; width: 100%; height: 164px; }
#plugin_diffraction .diffraction-controls { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 18px; }
#plugin_diffraction .diffraction-controls label { display: flex; align-items: center; gap: 6px; font-size: 14px; }
#plugin_diffraction .diffraction-controls input { width: 105px; min-width: 0; }
#plugin_diffraction .diffraction-controls output { min-width: 40px; font-variant-numeric: tabular-nums; }
#plugin_diffraction .diffraction-hint { margin: 5px 0 0; font-size: 13px; text-align: center; }
@media (max-width: 480px) {
  #plugin_diffraction .diffraction-view { height: 150px; }
  #plugin_diffraction .diffraction-controls { gap: 0 12px; }
  #plugin_diffraction .diffraction-controls label { font-size: 13px; }
  #plugin_diffraction .diffraction-hint { font-size: 12px; }
}
#plugin_diffraction,
#plugin_diffraction * { -webkit-tap-highlight-color: transparent; }
#plugin_diffraction:focus,
#plugin_diffraction :focus,
#plugin_diffraction:focus-visible,
#plugin_diffraction :focus-visible { outline: none; box-shadow: none; }