/* Preserve physical aspect in the wide observation window of the laser sheet. */
#app[data-experiment="sound-cell"] #detector-image{aspect-ratio:2.8}
/* A fixed image row and a top-aligned, reserved two-line caption. */
.experiment{--thumb-height:80px;--thumb-inset:7px;--thumb-radius:12px;display:grid;grid-template-rows:var(--thumb-height) 39px;align-content:start;align-items:start;row-gap:15px}
.experiment img{height:var(--thumb-height)!important;min-height:0;width:100%;object-fit:contain}
.experiment span{display:block;align-self:start;white-space:normal;padding:0 3px!important;min-height:0;line-height:1.4;text-align:left}
.experiment::before,
.experiment::after {
  box-sizing: border-box;
  position: absolute;
  inset: 0 0 auto;
  height: calc(var(--thumb-height) + 2 * var(--thumb-inset));
  border-radius: var(--thumb-radius);
  pointer-events: none;
}
#jet-scan{margin-top:8px;color:var(--muted,#91a9b5)}.jet-caption{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-variant-numeric:tabular-nums}#jet-scan>svg{display:block;width:100%;height:34px;overflow:visible}#jet-scan>svg path{fill:none;stroke:currentColor;stroke-width:1.1;vector-effect:non-scaling-stroke}#jet-scan .half-maximum{opacity:.48;stroke-dasharray:2 4}#jet-cursor{fill:#dbb985}
.experiment-control{padding-top:13px}.experiment-control .control-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a1b8c1;font-size:10px;min-height:24px}
#experiment-value{font-size:9px;color:#bdd5dd}#experiment-parameter{height:44px}
.comparison-control{display:flex;gap:3px;padding:12px 0 3px}.comparison-control button{flex:1;min-height:36px;padding:8px 5px;font-size:10px;color:#7894a0;border:1px solid transparent;border-radius:5px;transition:color 180ms,background 180ms,border-color 180ms}
.comparison-control button[aria-pressed=true]{color:#d3e8ec;border-color:#9ac7d02b;background:#92c5d00b}.comparison-control button:hover{color:#e2eff2;background:#92c5d015}
.comparison-control button:disabled{opacity:.4;cursor:wait}.absorption-meter{margin:8px 0 0;color:#c7a57a;font-size:9px}.absorption-meter div{display:flex;justify-content:space-between}.absorption-meter i{display:block;height:3px;margin-top:7px;background:#c9a06f22;border-radius:2px;overflow:hidden}.absorption-meter b{display:block;width:100%;height:100%;background:#dfae70;transform:scaleX(var(--absorption,1));transform-origin:left}
#inspection-setting{margin-top:14px}.distance-control[data-secondary=true]>.distance-heading,.distance-control[data-secondary=true]>#distance{display:none}
@media(min-width:1500px){.experiment{--thumb-height:92px;grid-template-rows:var(--thumb-height) 42px}}
@media(max-width:650px){.experiment{--thumb-height:64px;--thumb-inset:6px;grid-template-rows:var(--thumb-height) 34px;row-gap:13px}.experiment-control .control-heading,.comparison-control button{font-size:9px}#experiment-value{font-size:8px}}
@media(max-height:540px) and (min-aspect-ratio:1/1){.experiment{--thumb-height:48px;grid-template-rows:var(--thumb-height) 30px;row-gap:11px}}
