.ct-bootstrap-modal.ct-inline-video-modal > .modal-dialog { max-width: 860px; margin-inline: auto; width: calc(100% - 2rem); }
.ct-inline-video-modal .modal-content { color: var(--ct-text, #292033); background: var(--ct-surface, #fff); }
.ct-inline-video-modal .modal-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; border-bottom: 1px solid var(--ct-border, #ded5e8); }
.ct-inline-video-modal .modal-title { margin: 0; font-size: 1.125rem; font-weight: 700; }
.ct-inline-video-modal .btn-close { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; flex-shrink: 0; border: 0; border-radius: 8px; background: transparent; color: inherit; font-size: 28px; line-height: 1; cursor: pointer; }
.ct-inline-video-modal .modal-body { padding: 1rem; }
.ct-inline-video-modal iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; background: #000; }
.ct-inline-video-modal .modal-footer { display: flex; justify-content: flex-end; gap: .5rem; padding: 1rem; border-top: 1px solid var(--ct-border, #ded5e8); }
.ct-inline-video-modal .modal-footer .btn { min-height: 44px; padding: .5rem 1rem; border: 1px solid var(--ct-border, #c9bddb); border-radius: 8px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.ct-inline-video-modal button:hover { background: var(--ct-soft, #eee8f6); }
.ct-inline-video-modal button:focus-visible { outline: 3px solid #9b75ff; outline-offset: 2px; }
.ct-inline-video-modal[dir="rtl"] .modal-footer { justify-content: flex-end !important; }
html[data-ct-lesson-theme="dark"] .ct-inline-video-modal .modal-content { color: var(--ct-text, #f4f2fb); background: var(--ct-surface, #242331); }
html[data-ct-lesson-theme="dark"] .ct-inline-video-modal button:hover { background: var(--ct-soft, #393045); }