/* V1.0.278 — scoped only to /app/video-ai */

.video-studio-reference .video-preview-head-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
}

.video-studio-reference .video-preview-audio-button{
  min-height:30px;
  border:1px solid #245379;
  border-radius:8px;
  background:linear-gradient(180deg,#0b2947,#071c32);
  color:#dff6ff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 10px;
  font:inherit;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(47,196,255,.03);
  transition:
    border-color .16s ease,
    color .16s ease,
    background .16s ease,
    box-shadow .16s ease;
}

.video-studio-reference .video-preview-audio-button:hover,
.video-studio-reference .video-preview-audio-button:focus-visible{
  outline:none;
  border-color:#35c9ff;
  color:#fff;
  background:linear-gradient(180deg,#0d3459,#09243f);
  box-shadow:0 0 0 2px rgba(53,201,255,.12);
}

.video-studio-reference .video-preview-audio-button.is-muted{
  border-color:#5d6675;
  color:#9bacc0;
  background:#0a1727;
}

.video-studio-reference .video-preview-audio-button .video-studio-icon{
  width:16px;
  height:16px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.video-studio-reference .video-preview-runtime-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin:-3px 0 9px;
}

.video-studio-reference .video-preview-runtime-meta>span{
  min-height:24px;
  border:1px solid #214866;
  border-radius:999px;
  background:#071b2f;
  color:#9fc0d9;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 9px;
  font-size:10.5px;
  line-height:1;
}

.video-studio-reference .video-preview-runtime-meta .video-audio-ready{
  border-color:rgba(27,191,132,.38);
  color:#91efca;
  background:rgba(7,66,52,.32);
}

.video-studio-reference .video-preview-runtime-meta .video-api-cost{
  border-color:rgba(255,189,72,.34);
  color:#ffd686;
  background:rgba(77,51,10,.28);
}

.video-studio-reference .video-preview-runtime-meta .video-studio-icon{
  width:14px;
  height:14px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media (max-width:720px){
  .video-studio-reference .video-panel-title{
    align-items:flex-start;
  }

  .video-studio-reference .video-preview-head-controls{
    flex-wrap:wrap;
  }

  .video-studio-reference .video-preview-audio-button span{
    display:none;
  }

  .video-studio-reference .video-preview-audio-button{
    width:34px;
    padding:0;
  }
}