/* The directory occupies its own space and stays inside the plan's scroll area. */
.video-generation-page .video-plan-navigation { position: sticky; top: 0; z-index: 4; flex: none; min-width: 0; max-width: 100%; padding: 8px 10px; border-bottom: 1px solid #e2e6ec; background: #fff; }
.video-generation-page .video-plan-navigation[hidden],
.video-generation-page .vplan-shot-row[hidden] { display: none !important; }
.video-generation-page .vplan-chapters,
.video-generation-page .vplan-shots { display: flex; gap: 4px; min-width: 0; max-width: 100%; overflow-x: auto; scrollbar-width: thin; }
.video-generation-page .video-plan-navigation button { flex: none; min-height: 32px; padding: 6px 10px; border: 0; border-radius: 7px; background: transparent; color: #505966; font: inherit; font-size: 13px; white-space: nowrap; }
.video-generation-page .video-plan-navigation button:hover:not(:disabled) { background: #f0f2f5; color: #24262b; }
.video-generation-page .video-plan-navigation button[aria-current="location"] { background: #edf0f3; color: #24262b; }
.video-generation-page .video-plan-navigation button:disabled { color: #9299a2; cursor: default; }
.video-generation-page .vplan-shot-row { display: flex; align-items: center; gap: 8px; margin-top: 5px; min-width: 0; }
.video-generation-page .vplan-shot-row > span { flex: none; color: #687180; font-size: 13px; }
.video-generation-page .vplan-shots { flex: 1; }
.video-generation-page .vplan-shots button { min-width: 30px; padding-inline: 7px; }