/* Ver2 presentation only. Measurement and audio stay in recording-latency.js. */
#latencyDialog {
  --latency-accent: #da6756;
  --latency-muted: #676462;
  width: min(880px, calc(100vw - 28px));
  max-height: calc(100dvh - 28px);
  border: 1px solid #a9a09a;
  border-radius: 12px;
  background: #f8f5f0;
  color: #28272a;
  color-scheme: light;
  box-shadow: 0 28px 90px #27232770;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
}
#latencyDialog::backdrop { background: #17181db5; }
#latencyDialog .latency-heading {
  padding: 13px 24px;
  border-bottom: 1px solid #b5aaa3;
  background: #fcfaf6;
}
#latencyDialog .latency-brand {
  color: #292729;
  border-right-color: #bbb1aa;
  font-family: "Segoe Script", "Brush Script MT", cursive;
}
#latencyDialog h2 { color: #292729; font-size: 22px; }
#latencyDialog #latencyClose {
  border: 1px solid #aea5a0;
  border-radius: 50%;
  background: #fcfaf6;
  color: #292729;
}
#latencyDialog .latency-wizard { display: block; padding: 16px 24px 22px; }
#latencyDialog .latency-panel,
#latencyDialog .latency-panel.is-active {
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  opacity: 1;
}
#latencyDialog .latency-panel:not(.is-active) { display: none; }
#latencyDialog .latency-panel h3 {
  margin: 0 0 12px;
  font-size: 20px;
  color: #3b3838;
}
#latencyDialog .latency-panel-body {
  padding: 18px 22px;
  border: 1px solid #c7bdb4;
  border-radius: 10px;
  background: #fffdf9;
}
#latencyDialog .latency-stage-progress { margin: 0 0 16px; color: #746d69; }
#latencyDialog .latency-stage-progress li + li::before { background: #bdb0a8; }
#latencyDialog .latency-stage-progress span { border-color: #a99f99; color: #57514e; }
#latencyDialog .latency-stage-progress [aria-current="step"] { color: #bd5548; }
#latencyDialog .latency-stage-progress [aria-current="step"] span {
  background: #da6756; border-color: #da6756; color: #fff;
}
#latencyDialog button {
  border-color: #b9aca4;
  border-radius: 7px;
  background: #fffdfa;
  color: #302d2d;
}
#latencyDialog button:not(:disabled):hover { background: #faeee9; border-color: #da6756; }
#latencyDialog :focus-visible { outline-color: #ca594b; }
#latencyDialog .latency-methods button { color: #494445; }
#latencyDialog .latency-methods button[aria-pressed="true"] {
  border-color: #d35f50; background: #fff0e9; color: #9e3f36;
}
#latencyDialog #latencySetupDetails,
#latencyDialog details { border-top-color: #d8cec8; color: #595350; }
#latencyDialog select,
#latencyDialog #latencySetupDetails select,
#latencyDialog #latencyInterfaceMethod,
#latencyDialog #latencyOutput {
  border: 1px solid #b9aca4;
  background: #fffdfa;
  color: #302d2d;
}
#latencyDialog .latency-setup-title { color: #292729; }
#latencyDialog #latencyPickupDiagram { border-radius: 8px; background: #f3f0ea; }
#latencyDialog .latency-art-labels text { fill: #2c3438; }
#latencyDialog .latency-art-labels path { stroke: #c1594d; }
#latencyDialog .latency-illustration-caption span + span { border-left-color: #cbbfb6; }
#latencyDialog #latencyGuidePlay,
#latencyDialog #latencyRetry { color: #9b5148; }
#latencyDialog [data-guide-frame][aria-pressed="true"] { background: #fff0e9; color: #a74439; border-color: #d35f50; }
#latencyDialog .latency-guide-caption,
#latencyDialog .latency-auto-lead,
#latencyDialog #latencySound,
#latencyDialog #latencyInputState,
#latencyDialog #latencyVolumeState,
#latencyDialog .latency-success p { color: #595350; }
#latencyDialog .latency-warning { border-color: #c94f51; background: #fff0ed; }
#latencyDialog .latency-warning p { color: #a53338; }
#latencyDialog input[type="checkbox"] { accent-color: #d56254; }
#latencyDialog #latencyStart,
#latencyDialog #latencySave {
  width: min(420px, 100%);
  border-color: #da6756;
  background: #da6756;
  color: #fff;
}
#latencyDialog #latencyStart:not(:disabled):hover,
#latencyDialog #latencySave:not(:disabled):hover { border-color: #bd5144; background: #bd5144; }
#latencyDialog #latencyStart:disabled { border-color: #d0c5be; background: #e6ddd6; color: #746d68; }
#latencyDialog #latencyMessage { border-left-color: #d26353; background: #fff0e9; color: #713a34; }
#latencyDialog .latency-beats span { border-color: #b8aaa4; color: #746c68; }
#latencyDialog .latency-beats .is-lit { border-color: #db8c7c; background: #f9dfd7; color: #923f35; }
#latencyDialog .latency-beats .is-current { border-color: #c85d4e; background: #da6756; color: #fff; }
#latencyDialog #latencyInputMeter { accent-color: #da6756; }
#latencyDialog #latencyInputMeter::-webkit-meter-bar { background: #e3dad4; }
#latencyDialog #latencyInputMeter::-webkit-meter-optimum-value { background: #da6756; }
#latencyDialog #latencyAutoShift { color: #a8473c; }
#latencyDialog #latencyHoldNote { color: #9d4e4a; }
#latencyDialog #latencyStop { border-color: #be6b68; background: #fff0ed; color: #9d3f3b; }
#latencyDialog .latency-success svg { stroke: #4b8276; }
#latencyDialog #latencyShiftText { border-color: #c99b8d; background: #fff0e9; color: #9b4338; }
#latencyDialog .latency-track { border-bottom-color: #afa39c; }
#latencyDialog .latency-track::before { border-left-color: #938882; }
#latencyDialog .latency-track i { background: #d26253; }
#latencyDialog .latency-track .latency-reference { background: #5c666b; }
@media (max-width: 600px) {
  #latencyDialog .latency-heading { padding: 10px 14px; }
  #latencyDialog .latency-wizard { padding: 10px; }
  #latencyDialog .latency-panel-body { padding: 12px; }
}