.jin-pod-player{
  border:1px solid rgba(0,0,0,.08);
  border-left:6px solid #b60000;
  border-radius:14px;
  padding:10px 10px;
  margin:12px 0 16px;
  background:#fff;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
  max-width: 100%;
}
.jin-pod-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.jin-pod-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:#fde8e8;color:#7a0000;
  border:1px solid rgba(182,0,0,.18);
  padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;
}
.jin-pod-status{margin-left:auto;font-size:12px;color:#444}
.jin-pod-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 10px}
.jin-pod-btn{
  appearance:none;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  padding:8px 10px;
  border-radius:999px;
  cursor:pointer;
  font-size:14px;
  line-height:1;
}
.jin-pod-btn:hover{border-color:rgba(0,0,0,.22)}
.jin-pod-btn-primary{background:#b60000;color:#fff;border-color:#b60000}
.jin-pod-btn-primary:hover{filter:brightness(.95)}
.jin-pod-controls{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:10px;
  align-items:end;
}
.jin-pod-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#333}
.jin-pod-select{
  width:100%;
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
  padding:8px 10px;
  font-size:13px;
  background:#fff;
}
.jin-pod-help{margin-top:10px;font-size:12px;color:#555}
@media (max-width:700px){
  .jin-pod-controls{grid-template-columns:1fr}
  .jin-pod-status{width:100%;margin-left:0}
}

/* Waveform */
.jin-pod-wavewrap{
  border:1px solid rgba(182,0,0,.15);
  border-radius:12px;
  background:rgba(182,0,0,.04);
  padding:10px;
  margin:8px 0 12px;
}
.jin-pod-wave-off{display:none;}
.jin-pod-wave{
  display:flex;
  gap:4px;
  align-items:flex-end;
  height:34px;
}
.jin-pod-wave i{
  display:block;
  width:6px;
  height:10px;
  background:#b60000;
  border-radius:999px;
  opacity:.9;
  transform-origin:bottom;
}
.jin-pod-wave.jin-playing i{
  animation: jinWave 0.9s infinite ease-in-out;
}
.jin-pod-wave.jin-playing i:nth-child(2n){animation-duration:1.1s}
.jin-pod-wave.jin-playing i:nth-child(3n){animation-duration:0.8s}
@keyframes jinWave{
  0%{transform:scaleY(.25)}
  50%{transform:scaleY(1.0)}
  100%{transform:scaleY(.35)}
}
