.studio-live-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 12px 17px; min-height: 43px; border: 1px solid #C5B5F438; border-radius: 99px;
  background: var(--brand-surface); color: var(--brand-lilac); font-size: 11px; font-weight: 700;
  white-space: nowrap; text-decoration: none;
}
.studio-live-button svg { width: 17px; height: 17px; flex: 0 0 auto; }
.studio-live-button:hover { background: var(--brand-surface-raised); border-color: #C5B5F47D; }
.studio-live-nav { display: flex; align-items: center; gap: 13px; padding: 14px 16px; color: var(--brand-muted); font-size: 12px; border-radius: 17px; text-decoration: none; }
.studio-live-nav svg { width: 19px; height: 19px; flex: 0 0 auto; color: var(--accent); }
.studio-live-nav i { margin-left: auto; color: var(--brand-lilac); font-size: 6px; letter-spacing: .12em; font-style: normal; }
.studio-live-nav:hover { background: #E4E5F008; color: var(--brand-text); }
.studio-live-button[hidden], .studio-live-nav[hidden] { display: none; }
html.experience-embedded .studio-live-nav { flex: 0 0 auto; font-size: 10px; gap: 8px; padding: 11px 13px; }
html.experience-embedded .studio-live-nav i { display: none; }
html.experience-embedded .studio-live-nav svg { width: 15px; height: 15px; }
@media (max-width: 600px) {
  .workspace-actions { flex-wrap: wrap; }
  .studio-live-button { min-height: 44px; font-size: 10px; padding: 12px 15px; }
  .studio-live-nav { flex: 0 0 auto; font-size: 10px; gap: 8px; }
}