.fx-video-export { margin-top: 12px; min-width: 0; text-align: left; }
.fx-video-export[hidden], .fx-video-export [hidden] { display: none !important; }
.fx-video-export-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.fx-video-export .fx-video-export-actions > :is(button,a) { display: inline-flex; align-items: center; justify-content: center; flex: 0 1 auto; width: auto; margin: 0; min-height: 44px; padding: 10px 16px; border: 1px solid var(--fx-border, #ffffff20); border-radius: var(--fx-radius-pill, 999px); background: var(--fx-bg-subtle, #ffffff0a); color: var(--fx-text-main, #fff); font: 650 12px/1.4 var(--fx-font-main, sans-serif); text-decoration: none; cursor: pointer; }
.fx-video-export .fx-video-export-actions > :is(button,a):focus-visible { outline: 2px solid var(--fx-ac2, #38e8c5); outline-offset: 3px; }
.fx-video-export button:disabled { opacity: .55; cursor: wait; }
.fx-video-export p { margin: 10px 0 0; font: 11px/1.65 var(--fx-font-main, sans-serif); color: var(--fx-text-muted, #aaa); overflow-wrap: anywhere; }
.fx-video-export progress { display: block; width: 100%; height: 6px; margin-top: 12px; accent-color: var(--fx-ac2, #38e8c5); }
.sn-export-result { grid-column: 1 / -1; padding: 18px; border: 1px solid var(--fx-border); border-radius: 22px; }
.sn-export-result > a { color: var(--fx-ac2); }