.nexa-media-owner { position: relative; }
.nexa-media-controls {
  position: absolute; inset-inline-end: 16px; bottom: 16px; z-index: 20;
  display: flex; align-items: flex-end; flex-direction: column; gap: 8px;
  max-width: calc(100% - 32px); pointer-events: auto;
}
.nexa-preview-toggle {
  appearance: none; min-height: 44px; padding: 11px 16px;
  border: 1px solid rgba(255,255,255,.65); border-radius: 6px;
  background: #101215; color: #fff; font: 600 14px/1.3 Inter, Arial, sans-serif;
  cursor: pointer; touch-action: manipulation;
}
.nexa-preview-toggle:hover { background: #292c30; }
.nexa-preview-toggle:focus-visible, .work-demo-link:focus-visible {
  outline: 3px solid #f2d57e; outline-offset: 4px;
}
.nexa-preview-toggle:disabled { opacity: .8; cursor: wait; }
.nexa-preview-status:not(:empty) {
  max-width: 290px; padding: 8px 10px; background: #101215; color: #fff;
  font: 13px/1.45 Inter, Arial, sans-serif; border-radius: 4px;
}
.work-demo-link { color: inherit; text-decoration: none; }
.work-demo-link:hover .work-name { text-decoration: underline; text-underline-offset: 4px; }
.work-demo-cta { margin-top: 8px; color: #f2d57e; font: 600 13px/1.4 Inter, Arial, sans-serif; }
html[lang="ar"] .nexa-preview-toggle, html[lang="ar"] .nexa-preview-status {
  font-family: 'IBM Plex Sans Arabic', Tahoma, sans-serif;
}
@media (prefers-reduced-motion: reduce) {
  .nexa-preview-toggle { transition: none; }
}