/* PowerShell Genie — .ps1 exporter (V759)
   The export button shares a row with the copy button, top-right of the codeblock. */
.psg-btn-row {
  position: absolute; top: var(--s3, 12px); right: var(--s3, 12px);
  display: flex; gap: 6px; align-items: center; z-index: 2;
}
.psg-btn-row .copy-btn { position: static; margin: 0; }
.psg-export-btn {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(255,255,255,.08); color: #c9d9f0;
  border: 1px solid rgba(255,255,255,.16); border-radius: 8px;
  padding: 5px 11px; cursor: pointer;
  font-size: 12px; font-weight: 700; font-family: var(--font, Arial);
  transition: border-color .15s ease, color .15s ease, transform .15s ease;
  white-space: nowrap; flex: none;
}
.psg-export-btn:hover { border-color: #7DD3C0; color: #7DD3C0; transform: translateY(-1px); }
[data-theme="light"] .psg-export-btn:hover { border-color: #076ed3; color: #076ed3; }
.psg-export-btn svg { width: 13px; height: 13px; }
.psg-export-btn:disabled { opacity: .5; cursor: default; transform: none; }
/* Mobile: the copy button leaves absolute positioning — the row follows it. */
@media (max-width: 480px) {
  .psg-btn-row { position: static; width: max-content; margin: 0 0 var(--s2, 8px) auto; }
}
@media (prefers-reduced-motion: reduce) {
  .psg-export-btn { transition: none; }
}