/* Sound Recorder demo app — measured on win2k-pro_window_sound-recorder.png (client origin (3, 22) under the dialog
   frame's caption; the menu bar starts right under the caption, no line under it). */
.sr {
  position: relative;
  flex: 1;
}
.sr > * { position: absolute; }
.sr > .sr__menu { left: 0; top: -1px; right: 0; }
/* Position / Length: in a 1px static edge (frame.css, its shadow owning the corners — measured), two centred lines. */
.sr__box {
  top: 26px;
  box-sizing: border-box;
  width: 60px;
  height: 37px;
  padding-top: 4px;
  text-align: center;
  white-space: pre;
}
.sr__box > span { display: block; }
.sr__box > span + span { margin-top: 4px; }
.sr__pos { left: 9px; }
.sr__len { left: 201px; }
.sr__wave {
  --sr-wave-bg: var(--color-sndrec-wave-bg);
  --sr-wave-line: var(--color-sndrec-wave-line);
  box-sizing: content-box;
  left: 78px;
  top: 26px;
  width: 112px;
  height: 35px;
  padding: 1px;
}
.sr > .sr__track { left: 9px; top: 70px; width: 252px; height: 25px; }
/* Owner-drawn transport buttons (data-edge="raised" — button.css; measured): 48×24. */
.sr > .sr__btn { top: 97px; width: 48px; height: 24px; padding: 0; }
.sr__btn > .w2k-button__label { inset: 0; left: 0; top: 0; }
.sr__glyph { left: 3px; top: 3px; width: 43px; height: 19px; }
.sr__btn[data-cmd="record"] { --glyph-color: var(--color-sndrec-record); }
