/* ================================================================
   버티컬 프로파일 패널 (features/vertical-profile) — 2026-09-01 신설
   ----------------------------------------------------------------
   재생 바(#rcBar)와 같은 규약으로 rail/drawer 폭을 따라 움직이고, 재생 바 위 한 단에 뜬다.
   ================================================================ */
.vprof-panel {
  position: absolute; z-index: 1230;
  left: calc(var(--rail-w) + var(--drawer-w) + var(--gap));
  /* #rcBar(bottom: gap+52px, 알약 높이 ≈50px)보다 한 단 위 */
  bottom: calc(var(--gap) + 52px + 58px);
  background: rgba(20,26,38,.85);
  border: 1px solid var(--border-medium); border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  transition: left var(--transition-smooth);
}
body.drawer-closed .vprof-panel { left: calc(var(--rail-w) + var(--gap)); }
.vprof-panel canvas { display: block; }

@media (max-width: 760px) {
  .vprof-panel {
    left: calc(var(--gap) + var(--sa-l));
    bottom: calc(var(--tabbar-total) + var(--gap) + 96px);   /* 좁은 화면 재생 바는 줄바꿈되어 더 높다 */
  }
}