/*
  PLAYRS-SCRUB-PLAYER-V1 -- owned by js/playrs-scrub-player-v1.js.
  Hairline waveform; played portion in full ink, rest faint.
*/
.psp {
  --psp-ink: var(--playrs-text, #f4f4f0);
  --psp-faint: var(--playrs-text-faint, rgba(244,244,240,.42));
  --psp-bg: var(--playrs-bg, #050505);
  display: grid;
  gap: 10px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: var(--psp-ink);
}
.psp-cube {
  display: block;
  justify-self: center;
  width: 168px;
  height: 168px;
  margin: 8px 0 6px;
}
.psp-fallback .psp-cube { display: none; }
.psp-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.psp-toggle {
  padding: 7px 14px;
  background: transparent;
  color: inherit;
  border: 1px solid var(--playrs-border-strong, rgba(255,255,255,.28));
  border-radius: 0;
  font: inherit;
  font-size: 10px;
  letter-spacing: .18em;
  cursor: pointer;
}
.psp-toggle:hover:not([disabled]) { background: var(--playrs-hover, rgba(255,255,255,.09)); }
.psp-toggle[disabled] { opacity: .4; cursor: default; }
.psp-toggle:focus-visible,
.psp-wave:focus-visible { outline: 1px solid var(--playrs-focus, rgba(255,255,255,.6)); outline-offset: 3px; }
.psp-time {
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--playrs-text-secondary, rgba(244,244,240,.78));
  font-variant-numeric: tabular-nums;
}
.psp-wave {
  display: block;
  width: 100%;
  height: 72px;
  cursor: pointer;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.psp-scrubbing .psp-wave { cursor: ew-resize; }
.psp-status {
  margin: 0;
  min-height: 1.4em;
  font-size: 10px;
  letter-spacing: .14em;
  color: var(--playrs-text-muted, rgba(244,244,240,.58));
}
.psp-fallback .psp-row,
.psp-fallback .psp-wave { display: none; }
.psp audio { width: 100%; }