/* ====== #player: 콘텐츠 실행 ====== */
#page-player {
  background: #fff;
}

.player-header {
  display: flex;
  align-items: center;
  padding: 12px 24px;
  background: #fff;
  border-bottom: 1px solid #e8e8ed;
}

.player-back {
  display: inline-flex;
  align-items: center;
  gap: clamp(4px, 0.3vw, 6px);
  padding: clamp(6px, 0.42vw, 10px) clamp(10px, 0.83vw, 16px);
  background: #f5edfb;
  border: 1px solid #e0c7f0;
  border-radius: 999px;
  font-size: clamp(12px, 0.83vw, 16px);
  font-weight: 700;
  color: #66108e;
  cursor: pointer;
  font-family: inherit;
  transition: 0.15s;
}

.player-back:hover {
  background: #ebdcf8;
  color: #7d14b0;
}

.player-title {
  flex: 1;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #1d1d1f;
}

.player-spacer {
  width: 60px;
}

.player-body {
  flex: 1;
  position: relative;
}

#contentIframe {
  width: 100%;
  height: 100%;
  border: none;
}