.lecture-slide-group { display: inline; white-space: normal; }
.lecture-slide-chip, .lecture-slide-expand {
  display: inline-flex; align-items: center; justify-content: center;
  margin: 0 .16em .12em; padding: .1em .52em; border: 1px solid var(--border, #d9e2ea);
  border-radius: 999px; color: var(--text, #203d4d); background: var(--surface-2, #eef5f7);
  font: inherit; font-size: .82em; line-height: 1.5; cursor: pointer; vertical-align: baseline;
}
.lecture-slide-chip:hover, .lecture-slide-expand:hover { background: var(--surface-hover, #dceef2); }
.lecture-slide-chip:focus-visible, .lecture-slide-expand:focus-visible,
.lecture-slide-controls button:focus-visible { outline: 2px solid var(--accent, #29849a); outline-offset: 3px; }
.lecture-slide-chip[aria-disabled="true"] { color: var(--text-muted, #647680); cursor: help; border-style: dashed; }
.lecture-slide-chip[hidden] { display: none; }
.lecture-slide-preview, .lecture-slide-dialog {
  color: var(--text, #203d4d); background: var(--surface, #fff);
  border: 1px solid var(--border, #d9e2ea); border-radius: 14px;
  box-shadow: 0 14px 48px rgb(14 36 49 / 24%);
}
.lecture-slide-preview { position: fixed; z-index: 11000; padding: 10px; box-sizing: border-box; overflow: auto; }
.lecture-slide-heading { font: 600 13px/1.4 system-ui, sans-serif; overflow-wrap: anywhere; margin: 0 0 8px; }
.lecture-slide-stage {
  display: flex; align-items: center; justify-content: center; min-height: 180px;
  background: #f2f5f7; border-radius: 7px; overflow: hidden;
}
.lecture-slide-image { display: block; width: 100%; height: auto; object-fit: contain; }
.lecture-slide-preview .lecture-slide-image { max-height: min(300px, 65vh); }
.lecture-slide-status { color: #506773; text-align: center; padding: 24px; font: 14px/1.5 system-ui, sans-serif; }
.lecture-slide-modal {
  position: fixed; inset: 0; z-index: 12000; display: flex; align-items: center; justify-content: center;
  padding: 24px; background: rgb(8 21 31 / 72%); box-sizing: border-box;
}
.lecture-slide-dialog { display: flex; flex-direction: column; width: min(1200px, 100%); max-height: 94dvh; padding: 16px; box-sizing: border-box; }
.lecture-slide-controls { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 10px; flex-shrink: 0; }
.lecture-slide-controls button { font: 600 14px/1.3 system-ui, sans-serif; padding: 9px 14px; border-radius: 8px; border: 1px solid var(--border, #d9e2ea); background: var(--surface-2, #eef5f7); color: inherit; cursor: pointer; }
.lecture-slide-dialog .lecture-slide-heading { font-size: 15px; flex-shrink: 0; }
.lecture-slide-dialog .lecture-slide-stage { min-height: 180px; overflow: auto; }
.lecture-slide-dialog .lecture-slide-image { max-height: calc(94dvh - 130px); width: 100%; }
.lecture-slide-dialog.is-enlarged .lecture-slide-stage { display: block; }
.lecture-slide-dialog.is-enlarged .lecture-slide-image { width: max(1600px, 150%); max-width: none; max-height: none; height: auto; }
@media (max-width: 600px) {
  .lecture-slide-modal { padding: 8px; }
  .lecture-slide-dialog { padding: 10px; max-height: 96dvh; }
  .lecture-slide-controls button { min-height: 44px; }
  .lecture-slide-preview { max-width: calc(100vw - 24px); }
}
@media (prefers-reduced-motion: reduce) { .lecture-slide-preview, .lecture-slide-modal { transition: none; } }