.lesson-stage-toolbar {
 display: flex;
 align-items: flex-start;
 gap: 16px;
 margin-bottom: 25px;
}
.lesson-stage-toolbar > .steps {
 flex: 1;
 min-width: 0;
 margin: 0;
 gap: 8px;
}
.lesson-stage-toolbar > .steps :is(a, button) {
 min-height: 40px;
 display: inline-flex;
 align-items: center;
 white-space: nowrap;
}
.anki-export {
 position: relative;
 flex: 0 0 auto;
}
.anki-export > .anki-export-trigger {
 min-height: 40px;
 padding: 8px 12px;
 display: flex;
 gap: 8px;
 font-size: 12px;
 font-weight: 600;
 white-space: nowrap;
 list-style: none;
 cursor: pointer;
}
.anki-export-trigger::-webkit-details-marker { display: none; }
.anki-export-trigger:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.anki-export[open] > .anki-export-trigger { background: var(--panel); }
.anki-export-options {
 position: absolute;
 left: 0;
 top: calc(100% + 10px);
 z-index: 20;
 width: 390px;
 max-width: calc(100vw - 40px);
 max-height: min(650px, 75vh);
 overflow-y: auto;
 padding: 20px;
 box-shadow: 0 12px 36px #38261920;
}
.anki-export-options p { margin: 0; }
.anki-export-options [data-anki-status]:empty { display: none; }
.anki-export-reverse { display: flex; align-items: flex-start; gap: 10px; }
.anki-export-reverse input { width: 20px; min-height: 20px; flex-shrink: 0; margin-top: 2px; }
@media (max-width: 767px) {
 .lesson-stage-toolbar { gap: 10px; }
 .lesson-stage-toolbar > .steps { flex-wrap: nowrap; overflow-x: auto; padding: 0 2px 6px; }
 .lesson-stage-toolbar > .steps :is(a, button) { flex: 0 0 auto; }
 .anki-export > .anki-export-trigger { max-width: 136px; white-space: normal; font-size: 11px; }
}