.class-presentation { grid-area: 1 / 1; width: 100%; min-width: 0; background: #f9f8ff; border-radius: 18px; overflow: hidden; }
.class-presentation[hidden], .class-presentation [hidden] { display: none !important; }
.class-presentation-stage { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #19172a; display: grid; place-items: center; }
.class-presentation-stage img { display: block; width: 100%; height: 100%; object-fit: contain; max-height: none; border-radius: 0; }
.class-presentation-stage img[hidden] { display: none; }
.class-presentation-message { color: #fff; text-align: center; padding: 2rem; position: absolute; inset: 0; display: grid; place-items: center; }
.class-presentation-message[hidden] { display: none; }
.class-presentation-retry { position: absolute; top: 65%; }
.class-presentation-controls { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .65rem; padding: .7rem; background: #f9f8ff; color: #302273; }
.class-presentation-controls button { min-height: 44px; }
.class-presentation-counter { min-width: 64px; text-align: center; font-weight: 800; font-variant-numeric: tabular-nums; }
.class-presentation-fullscreen { margin-left: auto; }
.class-presentation:focus-visible { outline: 3px solid #6847dc; outline-offset: -3px; }
.class-presentation-accessible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: pre-wrap; }
.class-presentation:fullscreen, .class-presentation.is-expanded { width: 100vw; height: 100dvh; background: #19172a; display: flex; flex-direction: column; justify-content: center; border-radius: 0; }
.class-presentation.is-expanded { position: fixed; inset: 0; z-index: 10000; }
.class-presentation:fullscreen .class-presentation-stage, .class-presentation.is-expanded .class-presentation-stage { flex: 1; min-height: 0; aspect-ratio: auto; }
.class-presentation:fullscreen .class-presentation-stage img, .class-presentation.is-expanded .class-presentation-stage img { position: absolute; inset: 0; }
.class-presentation:fullscreen .class-presentation-controls, .class-presentation.is-expanded .class-presentation-controls { flex: 0 0 auto; }
@media (max-width: 560px) {
  .class-presentation-controls { gap: .3rem; padding: .4rem; }
  .class-presentation-controls button { padding: .5rem .6rem; }
  .class-presentation-controls button > span { display: none; }
}

.presentation-ink-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px;border-bottom:1px solid #ded5ff;background:#fbf9ff;color:#352541}.presentation-ink-tools,.presentation-ink-colors,.presentation-ink-history{display:flex;align-items:center;gap:4px}.presentation-ink-toolbar button{min-height:38px;border:1px solid #d4c5e7;border-radius:9px;background:white;color:#382055;padding:7px 10px;font-family:inherit;font-weight:700;font-size:12px;line-height:1.3;cursor:pointer}.presentation-ink-toolbar button:disabled{opacity:.4;cursor:default}.presentation-ink-tools [aria-pressed=true]{background:#5a3485;color:#fff;border-color:#5a3485}.presentation-ink-toolbar .classroom-swatch{width:32px;min-height:32px;border:2px solid transparent;border-radius:50%;padding:3px;display:grid;place-items:center}.presentation-ink-toolbar .classroom-swatch span{display:block;width:22px;height:22px;background:var(--swatch);border-radius:50%;border:1px solid #0002}.presentation-ink-toolbar .classroom-swatch[aria-pressed=true]{border-color:#48209e;box-shadow:0 0 0 2px #e6dcfa}.presentation-ink-toolbar label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.presentation-ink-toolbar select{font:inherit;background:white;color:#382055;border:1px solid #d4c5e7;border-radius:8px;min-height:36px;padding:4px}.presentation-ink-custom input{width:32px;height:32px;padding:2px;border:1px solid #d4c5e7;border-radius:6px;background:white}.presentation-ink-status{width:100%;font-size:11px;color:#726880}.presentation-ink-history{margin-left:auto}.presentation-ink-toolbar :focus-visible{outline:3px solid #582bc7;outline-offset:2px}.presentation-ink-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.presentation-ink-layer[data-tool=pen],.presentation-ink-layer[data-tool=highlight],.presentation-ink-layer[data-tool=erase]{pointer-events:auto;touch-action:none;cursor:crosshair}.presentation-ink-layer[data-tool=erase] path{pointer-events:stroke;cursor:pointer}.class-presentation:fullscreen .presentation-ink-toolbar,.class-presentation.is-expanded .presentation-ink-toolbar{flex-shrink:0}
@media(max-width:700px){.presentation-ink-toolbar{gap:8px;padding:8px}.presentation-ink-toolbar button{min-height:44px}.presentation-ink-toolbar .classroom-swatch{min-height:36px;width:36px}.presentation-ink-history{margin-left:0}.presentation-ink-status{font-size:10px}}