/* Studio — broadcast lower-third. Caption bar, thin fill, no boxed cards. */
.theme-studio .vote-panel {
  width: min(620px, 94vw);
  padding: 14px 22px 12px 18px;
  border-radius: 0 22px 22px 0;
  border: none;
  border-left: 5px solid var(--vs-accent);
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--vs-panel) 82%, transparent),
    color-mix(in srgb, var(--vs-panel) 38%, transparent)
  );
  backdrop-filter: blur(22px) saturate(1.15);
  box-shadow: 8px 16px 48px rgba(0, 0, 0, 0.28);
}

.theme-studio .vote-question {
  font-weight: 500;
  letter-spacing: 0.01em;
  font-size: 1.2rem;
}

.theme-studio .vote-timer {
  font-weight: 500;
  opacity: 0.85;
  font-size: 0.95rem;
}

.theme-studio .vote-options {
  gap: 0;
}

.theme-studio .vote-option {
  border: none;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}

.theme-studio .vote-option-track {
  display: none;
}

.theme-studio .vote-option-bar {
  top: auto;
  height: 3px;
  opacity: 1;
  border-radius: 0;
  background: var(--vs-accent);
}

.theme-studio .vote-option-inner {
  padding: 11px 4px 12px;
  grid-template-columns: 36px 1fr auto;
}

.theme-studio .vote-option-index {
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  color: color-mix(in srgb, var(--vs-text) 45%, transparent);
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  justify-content: flex-start;
}

.theme-studio .vote-option-label {
  font-weight: 500;
  font-size: 1.08rem;
}

.theme-studio .vote-percent {
  font-size: 1.15rem;
  font-weight: 600;
}

.theme-studio .vote-footer {
  border-top-color: rgba(255, 255, 255, 0.08);
  opacity: 0.7;
}

.theme-studio .vote-panel.results .vote-option.winner {
  background: color-mix(in srgb, var(--vs-accent) 10%, transparent);
  box-shadow: none;
}

.theme-studio .vote-panel.results .vote-option.winner .vote-option-bar {
  height: 4px;
}

.theme-studio .vote-panel.revealing .vote-option.winner {
  animation: studioGlow 1.1s ease both;
}

.theme-studio .vote-panel.revealing .vote-option.winner .vote-option-bar {
  animation: studioBarWash 0.9s ease both;
}

@keyframes studioGlow {
  0% { transform: translateX(-12px); filter: brightness(0.9); }
  40% { transform: translateX(0); filter: brightness(1.2); }
  100% { transform: translateX(0); filter: brightness(1); }
}

@keyframes studioBarWash {
  0% { opacity: 0.2; filter: brightness(2); }
  100% { opacity: 1; filter: brightness(1); }
}