/* Embedded video stays in the black and gold chat; no page or modal navigation. */
.chat-video-panel { margin: 0; padding: 12px 0 0; border: 0; border-top: 1px solid #363a31; border-radius: 0; background: transparent; color: #e5e3db; font-size: 12px; }
.composer-options-menu .chat-video-settings-body { display: block; max-height: none; overflow: visible; }
.composer-options-menu .chat-video-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.composer-options-menu .chat-video-heading strong { width: auto; padding: 0; margin: 0; font-size: 13px; }
.chat-video-heading > span { color: #999e95; font-size: 11px; margin-left: auto; }
.chat-video-heading button { border: 1px solid #373a31; border-radius: 50%; background: transparent; color: #dac48b; min-width: 32px; min-height: 32px; font: inherit; }
.composer-options-menu .chat-video-billing { display: flex; flex-wrap: wrap; gap: 6px; }
.chat-video-billing button,.chat-video-output button { min-height: 36px; padding: 7px 12px; border: 1px solid #383b31; border-radius: 9px; background: #1b1e19; color: #d8dbcF; font: inherit; cursor: pointer; }
.chat-video-billing button[aria-pressed="true"] { border-color: #a58b4c; color: #f1d493; background: #302a1c; }
.chat-video-access { margin: 8px 0; color: #aeb3a6; font-size: 11px; line-height: 1.5; }
.composer-options-menu .chat-video-fields { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; margin: 10px 0; }
.chat-video-fields label { display: grid; gap: 5px; flex: 1 1 108px; font-size: 11px; color: #bcc0b4; }
.chat-video-fields select { width: 100%; min-height: 40px; padding: 7px 10px; border: 1px solid #363a30; border-radius: 9px; background: #171a16; color: #e8e8df; font: inherit; font-size: 12px; }
.chat-video-fields label.chat-video-audio { display: flex; flex: 0 1 auto; align-items: center; gap: 7px; min-height: 40px; }
.chat-video-audio input { accent-color: #dfc389; }
.composer-options-menu .chat-video-quote { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; padding-top: 10px; border-top: 1px solid #2d3128; color: #c7cdbb; }
.chat-video-quote strong { color: #f1d493; margin-left: 8px; white-space: nowrap; }
.chat-video-quote small { color: #a1a797; }
.composer-options-menu .chat-video-access-links { display: flex; gap: 14px; }
.chat-video-access-links:empty { display: none; }
.chat-video-access-links a { color: #ecd08b; text-underline-offset: 3px; padding: 5px 0; }
.composer.is-video .composer-options-menu > :not(:first-child):not(.chat-video-panel) { display: none; }
.chat-video-summary { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 12px; margin: 6px 8px 0; color: #b6b9ae; font-size: 11px; line-height: 1.5; text-align: center; }
.chat-video-summary a { color: #dfc389; text-underline-offset: 3px; }
.chat-video-output { display: grid; gap: 14px; width: min(100%,760px); box-sizing: border-box; padding: 18px; border: 1px solid #353b2d; border-radius: 18px; background: #131612; font-size: 13px; }
.chat-video-result-head { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.chat-video-result-head span { font-size: 11px; color: #d9c184; }
.chat-video-output video { display: block; width: 100%; max-height: 60dvh; border-radius: 12px; background: #070807; }
.chat-video-output p { margin: 0; }
.chat-video-output small { color: #a4ae99; font-size: 11px; line-height: 1.6; }
.chat-video-progress { display: flex; gap: 12px; align-items: center; padding: 24px 10px; color: #b9c1af; line-height: 1.7; }
.chat-video-progress > span { width: 18px; height: 18px; flex: 0 0 18px; border: 2px solid #424936; border-top-color: #dfc389; border-radius: 50%; animation: chat-video-spin 1.6s linear infinite; }
.chat-video-result-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.chat-video-output a { display: inline-flex; align-items: center; min-height: 38px; color: #e3c98b; text-decoration: none; font-size: 12px; }
.chat-video-output a[download] { border-radius: 9px; padding: 4px 14px; color: #14160f; background: #dfc389; font-weight: 600; }
@keyframes chat-video-spin { to { transform: rotate(360deg); } }
@media (max-width: 640px) {
 .chat-video-panel { padding: 10px 0 0; }
 .composer-options-menu .chat-video-heading { flex-wrap: wrap; gap: 6px; }
 .composer-options-menu .chat-video-heading strong { flex: 1; font-size: 12px; }
 .chat-video-heading > span { order: 3; flex-basis: 100%; margin-left: 0; }
 .chat-video-fields { gap: 8px; }
 .chat-video-fields label { flex-basis: calc(50% - 8px); min-width: 0; }
 .chat-video-fields select { min-height: 44px; font-size: 13px; }
 .chat-video-quote { flex-wrap: wrap; gap: 5px; }
 .chat-video-output { padding: 13px; gap: 12px; }
 .chat-video-output button,.chat-video-output a,.chat-video-billing button { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) { .chat-video-progress > span { animation: none; } }