:root{font-family:system-ui,sans-serif;color:#e7edf4;background:#101923;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:32px;align-items:center;padding:24px 5vw;border-bottom:1px solid #344453}header b{letter-spacing:.2em;color:#8edacb}header small{margin-left:auto;color:#f0c882}main{max-width:1120px;margin:auto;padding:36px 24px}h1{font-size:clamp(28px,4vw,44px);margin:0 0 12px}p{line-height:1.65;color:#bfcbd7}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0}button,input,textarea{font:inherit;border:1px solid #526577;border-radius:6px;padding:10px 14px;background:#1c2b3a;color:inherit}button{cursor:pointer}button:hover{border-color:#8edacb}button:disabled{opacity:.4;cursor:default}.primary{background:#8edacb;color:#10241f;border-color:transparent}ol{padding:0;list-style:none}li{display:grid;grid-template-columns:1fr auto;gap:12px;padding:20px 0;border-bottom:1px solid #344453}li.hidden{opacity:.55}li h3{margin:0 0 8px}li small{color:#bac7d5}textarea{width:100%;min-height:64px;margin-top:10px;resize:vertical}.actions{display:flex;gap:6px;align-items:start}.notice{padding:16px;border-left:3px solid #e4b565;background:#202b35}.slide{min-height:70vh;display:flex;flex-direction:column;justify-content:center}.slide h1{font-size:clamp(36px,5vw,68px);max-width:1000px}.slide p{font-size:clamp(22px,3vw,34px);white-space:pre-line}.options{display:flex;gap:24px;flex-wrap:wrap;font-size:28px;margin:32px 0}.option{padding:20px;border:1px solid #698096;flex:1;min-width:180px}.correct{border:3px solid #8edacb}.count{font-size:64px;color:#8edacb}label{display:block;margin:12px 0}input[type=range]{width:100%;accent-color:#8edacb}.sky{height:150px;position:relative;background:radial-gradient(circle at 18% 28%,#ddd 1px,transparent 2px),radial-gradient(circle at 74% 70%,#ddd 1px,transparent 2px),#080e17;border:1px solid #344453;overflow:hidden}.star{position:absolute;top:50%;font-size:32px;color:#8edacb;transform:translate(-50%,-50%)}footer{color:#bac7d5;margin-top:20px}@media(max-width:650px){header span{display:none}li{grid-template-columns:1fr}.actions{flex-wrap:wrap}}
details{margin:14px 0}summary{cursor:pointer;color:#8edacb}details small,details a,.script-section a{display:block;margin:10px 0}a{color:#8edacb}.formula{font-size:clamp(24px,3vw,42px);color:#8edacb;padding:20px 0;white-space:pre-line}select{max-width:350px;padding:10px;background:#1c2b3a;color:#e7edf4;font:inherit}.presenting header{display:none}.script-section{padding:24px 0;border-bottom:1px solid #344453}.script-section p{white-space:pre-line}@media print{header,button{display:none}body{background:white;color:black}p,a{color:black}.script-section{break-inside:avoid}main{max-width:none}}
.presenter-status{display:flex;justify-content:space-between;color:#8edacb;border-bottom:1px solid #344453;padding-bottom:12px}.presenter-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:22px;margin:24px 0}.presenter-grid section{border-top:2px solid #526577;padding-top:12px}.presenter-grid p{white-space:pre-line}.audience main{max-width:none;padding:4vw 6vw}.audience .slide{min-height:90vh}.waiting{display:grid;place-items:center;min-height:80vh;font-size:32px}@media(max-width:850px){.presenter-grid{grid-template-columns:1fr}.presenter-grid section{min-height:auto}}
.audience{background:#03070e}.audience-slide{position:relative;isolation:isolate;padding:5vh 5vw;border:1px solid rgba(130,190,210,.15);overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(62,106,137,.24),transparent 35%),linear-gradient(145deg,#08111d,#02050a)}.audience-slide:before{content:'';position:absolute;inset:0;z-index:-2;opacity:.44;background-image:radial-gradient(circle at 15% 23%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 63% 41%,#acd9f5 0 1px,transparent 1.7px),radial-gradient(circle at 83% 72%,#fff 0 1.2px,transparent 1.8px),radial-gradient(circle at 34% 82%,#f3d7ac 0 1px,transparent 1.6px);background-size:137px 113px,181px 163px,211px 193px,253px 223px}.audience-slide>small{position:absolute;right:4vw;top:4vh;letter-spacing:.12em;color:#8fb0c5}.audience-slide h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,92px);line-height:1.03;max-width:1100px;text-wrap:balance;text-shadow:0 4px 30px #000}.audience-slide>p{max-width:1050px;font-size:clamp(25px,3vw,44px);line-height:1.35;color:#dfeaf2}.visual-opening{justify-content:flex-end;background-image:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.14) 70%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 58%),url('/public/assets/image2.png');background-size:cover;background-position:center}.visual-opening:before{display:none}.visual-opening h1{font-size:clamp(64px,9vw,138px);max-width:900px}.visual-opening>p{color:#f4c77d;max-width:700px}.audience-slide .options{width:100%;align-items:stretch}.audience-slide .option{display:flex;align-items:center;gap:24px;min-height:190px;background:rgba(8,21,35,.78);border:2px solid #425b70;transition:transform .25s,border-color .25s,background .25s}.audience-slide .option strong{display:grid;place-items:center;flex:none;width:80px;height:80px;border-radius:50%;font-size:48px;background:#173249;color:#8edacb}.audience-slide .option span{font-size:clamp(26px,3vw,44px)}.audience-slide .option.correct{border-color:#f3bd65;background:rgba(95,62,16,.6);transform:translateY(-8px)}.audience-slide .option.correct strong{background:#f3bd65;color:#1a1308}.parallax-scene{position:relative;min-height:380px;margin:25px 0;background:linear-gradient(90deg,rgba(7,16,28,.9) 0 38%,rgba(3,8,14,.15) 38%),radial-gradient(circle at 80% 40%,rgba(54,108,150,.25),transparent 32%);border-block:1px solid #294359;overflow:hidden}.orbit{position:absolute;left:6%;top:17%;width:29%;height:64%;border:2px solid rgba(142,218,203,.45);border-radius:50%}.sun{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:72px;color:#f3bd65;text-shadow:0 0 30px #f3bd65}.earth{position:absolute;right:-10px;top:50%;font-size:34px;color:#63b9e7}.deep-field{position:absolute;left:42%;right:0;top:0;bottom:0;background-image:radial-gradient(circle at 20% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 70%,#acd9f5 0 1px,transparent 2px);background-size:83px 79px,127px 109px}.parallax-scene .star{font-size:62px;filter:drop-shadow(0 0 13px #8edacb)}.sight{position:absolute;left:31%;width:48%;height:1px;background:linear-gradient(90deg,#63b9e7,transparent);transform-origin:left}.sight-a{top:43%;transform:rotate(-8deg)}.sight-b{top:57%;transform:rotate(8deg)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Theme correction: use the approved PPTX observatory artwork throughout presentation previews. */
.audience-slide{background-image:linear-gradient(100deg,rgba(1,5,10,.94) 0%,rgba(2,8,15,.78) 52%,rgba(2,6,12,.52) 100%),url('/public/assets/image2.png');background-size:cover;background-position:center}.audience-slide:before{display:none}.audience .visual-opening{justify-content:flex-end;background-image:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.14) 70%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 58%),url('/public/assets/image2.png')}.audience .visual-opening h1{font-size:clamp(64px,9vw,138px);max-width:900px}.audience .visual-opening>p{color:#f4c77d;max-width:700px}.presenter-preview{position:relative;isolation:isolate;min-height:260px;padding:20px!important;border:1px solid #42596d!important;border-radius:8px;overflow:hidden;background-image:linear-gradient(100deg,rgba(1,5,10,.93),rgba(2,8,15,.68)),url('/public/assets/image2.png');background-size:cover;background-position:center}.presenter-preview h1,.presenter-preview h2,.presenter-preview h3,.presenter-preview p{position:relative;text-shadow:0 2px 12px #000}.presenter-preview h2{color:#8edacb;font-size:14px;text-transform:uppercase;letter-spacing:.12em}.presenter-preview h1{font-family:Georgia,serif;font-size:34px}.presenter-preview p{color:#e7edf4}.presenter-preview.visual-opening{background-image:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.2)),url('/public/assets/image2.png')}

.rolebar{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin:24px 0;padding:16px 18px;border:1px solid #466071;border-radius:8px;background:#172532}.rolebar strong{color:#8edacb}.rolebar small{color:#bac7d5}.content-editor{margin-top:16px;padding:12px 14px;border:1px solid #40586b;border-radius:8px;background:#142230}.content-editor summary{font-weight:700}.edit-fields{display:grid;gap:8px;margin-top:14px}.edit-fields input,.edit-fields textarea{display:block;width:100%;margin-top:7px}.edit-fields textarea{min-height:110px}.edit-fields button{justify-self:start}@media(max-width:650px){.rolebar{grid-template-columns:1fr}.rolebar button{justify-self:start}}
.lesson-settings{margin:0 0 20px;padding:14px 16px;border:1px solid #40586b;border-radius:8px;background:#142230}.lesson-settings summary{font-weight:700}.lesson-settings .edit-fields{grid-template-columns:2fr 1fr 1fr 2fr}.lesson-settings .edit-fields button{grid-column:1/-1}@media(max-width:760px){.lesson-settings .edit-fields{grid-template-columns:1fr}}
.pptx-importer{margin:0 0 20px;padding:14px 16px;border:1px solid #6f5d39;border-radius:8px;background:#24251f}.pptx-importer summary{font-weight:700;color:#f0c882}.pptx-importer input[type=file]{width:100%}.import-slides{max-height:320px;overflow:auto;padding:8px 12px;border:1px solid #526577;border-radius:6px;background:#101923}.import-slides label{display:flex;gap:10px;align-items:center}.import-slides input{width:auto}

/* Stap 6: centrale controle op presentatiegereedheid en publicatie. */
.readiness-panel{margin:20px 0;padding:15px 17px;border:1px solid #4c6577;border-radius:8px;background:#142230}.readiness-panel summary{display:flex;justify-content:space-between;gap:20px;color:#e7edf4}.readiness-panel summary span{color:#f0c882;font-weight:600}.readiness-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.readiness-cards>div{padding:12px;border:1px solid #526577;border-radius:7px}.readiness-cards small,.readiness-cards strong{display:block}.readiness-cards small{margin-bottom:5px;color:#aebdca}.readiness-cards .ok{border-color:#56a991}.readiness-cards .ok strong,.check-ok{color:#8edacb}.readiness-cards .warn{border-color:#d3a652}.readiness-cards .warn strong{color:#f0c882}.readiness-cards .bad{border-color:#c76262;background:#302025}.readiness-cards .bad strong{color:#ffaaa5}.readiness-group{margin-top:18px}.readiness-group ul{max-height:280px;overflow:auto;padding:0 0 0 22px}.readiness-group li{display:list-item;padding:7px 4px;border:0}.readiness-group li.blocker{color:#ffb0ac}.readiness-group li.warning{color:#f0c882}@media(max-width:850px){.readiness-cards{grid-template-columns:1fr 1fr}.readiness-panel summary{display:block}.readiness-panel summary span{display:block;margin-top:6px}}
.rehearsal-badge{color:#101923;background:#f0c882;padding:5px 9px;border-radius:5px;letter-spacing:.05em}.rehearsal-report{margin:20px 0;padding:15px 17px;border:1px solid #6b5b39;border-radius:8px;background:#24251f}.rehearsal-report summary{font-weight:700;color:#f0c882}.rehearsal-report table{width:100%;margin-top:16px;border-collapse:collapse}.rehearsal-report th,.rehearsal-report td{padding:9px 10px;border-bottom:1px solid #485868;text-align:left}.rehearsal-report tr.late td:last-child{color:#ffaaa5}.rehearsal-report tr.fast td:last-child{color:#8edacb}@media(max-width:650px){.rehearsal-report{overflow:auto}.rehearsal-report table{min-width:650px}}


/* Stap 1: begrensde, projecteerbare slide-layouts. */
.edit-fields select{display:block;width:100%;margin-top:7px;padding:10px;background:#1c2b3a;color:#e7edf4;border:1px solid #526577;border-radius:6px}
.editor-live-preview{min-height:340px!important;margin:12px 0 20px;padding:28px!important}
.editor-live-preview h1{font-size:clamp(28px,4vw,52px)}
.editor-live-preview>p{font-size:clamp(17px,2vw,25px)}
.slide-subtitle{color:#8edacb;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:14px}
.slide-number{position:absolute!important;z-index:7!important;left:58px!important;right:auto!important;top:42px!important;padding:4px 8px;border-radius:999px;background:rgba(3,10,18,.34);color:rgba(223,239,245,.72)!important;font:500 15px/1.2 var(--template-body-font,system-ui,sans-serif);letter-spacing:.06em;text-transform:none;text-shadow:0 1px 4px #000;backdrop-filter:blur(2px)}
.media-caption{align-self:flex-end!important;max-width:55%!important;padding:8px 12px;background:rgba(0,0,0,.62);font-size:clamp(15px,1.4vw,21px)!important}
.media-credit{position:absolute;left:4vw;bottom:3vh;color:#aebdca}
.astrodepth-frame{width:100%;height:min(62vh,760px);margin-top:18px;border:1px solid #4d7286;border-radius:10px;background:#060914}.audience-slide:has(.astrodepth-frame){justify-content:flex-start;padding:3vh 3vw}.audience-slide:has(.astrodepth-frame)>h1{font-size:clamp(34px,4vw,58px);margin-bottom:4px}.audience-slide:has(.astrodepth-frame)>p{font-size:clamp(18px,1.7vw,25px);margin:4px 0}
.layout-cover{justify-content:flex-end}
.layout-cover h1{font-size:clamp(64px,9vw,138px);max-width:920px}
.layout-cover>p{max-width:760px;color:#f4c77d}
.layout-statement h1,.layout-summary h1{max-width:1100px}
.layout-statement>p,.layout-summary>p{max-width:960px}
.layout-image-text{justify-content:flex-end;align-items:flex-start}
.layout-image-text h1,.layout-image-text>p{max-width:58%;background:rgba(3,10,18,.72);padding:12px 18px;margin:0}
.layout-split{display:grid;grid-template-columns:1fr 1fr;align-content:center;column-gap:7vw}
.layout-split h1,.layout-split .slide-subtitle{grid-column:1/-1}
.layout-split>p{white-space:pre-line;columns:2;column-gap:7vw;max-width:none}
.layout-formula{text-align:center;align-items:center}
.layout-formula .formula{font-size:clamp(38px,6vw,86px);padding:4vh 5vw;border-block:1px solid rgba(142,218,203,.5)}
.layout-quiz h1{font-size:clamp(45px,5vw,76px)}
.layout-interactive{justify-content:flex-start}
.layout-summary>p{font-size:clamp(28px,3.4vw,50px)}
@media(max-width:760px){.layout-image-text h1,.layout-image-text>p{max-width:100%}.layout-split{display:flex}.layout-split>p{columns:1}.media-caption{max-width:100%!important}}


/* Stap 2: live tijdregie en herstelbare Presenter View. */
.timing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0}
.timing-grid>div{padding:12px 14px;border:1px solid #40586b;border-radius:7px;background:#142230}
.timing-grid small,.timing-grid strong{display:block}.timing-grid small{color:#9fb0bf;margin-bottom:5px}.timing-grid strong{font-size:clamp(17px,2vw,25px)}
.timing-grid[data-state=on-time]>div:last-child{border-color:#5fc9a9}.timing-grid[data-state=on-time]>div:last-child strong{color:#8edacb}
.timing-grid[data-state=warning]>div:last-child{border-color:#e4b565}.timing-grid[data-state=warning]>div:last-child strong{color:#f0c882}
.timing-grid[data-state=late]>div:last-child{border-color:#e36d68;background:#392126}.timing-grid[data-state=late]>div:last-child strong{color:#ffaaa5}
.connection-status[data-connected=true]{color:#8edacb}.connection-status[data-connected=false]{color:#f0c882}
.slide-plan{padding-top:10px;border-top:1px solid #344453}.optional-badge{display:inline-block;margin-top:10px;padding:5px 8px;border-radius:4px;background:#6a4a16;color:#ffe0a3}
.audience-blackout{position:fixed;inset:0;background:#000}
@media(max-width:850px){.timing-grid{grid-template-columns:repeat(2,1fr)}}


/* Stap 3: bediening voor het fysieke A/B/C-spel. */
.quiz-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 22px;padding:14px;border:1px solid #5b7082;border-radius:8px;background:#182838}
.quiz-controls>strong{margin-right:auto;color:#f0c882}
.private-answer{padding:10px 12px;border-left:3px solid #f0c882;background:#2b291f;color:#f8dfae}
.audience-slide.layout-quiz .count{align-self:center;min-height:78px}

/* Stap 5: interactieve astronomische demonstraties met vaste uitlegweergave. */
.demo-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 22px;padding:14px;border:1px solid #4d7286;border-radius:8px;background:#142838}.demo-controls>strong{width:100%;color:#8edacb}.demo-controls label{min-width:220px;flex:1}.demo-result{align-self:center!important;padding:10px 18px;border-top:1px solid rgba(142,218,203,.55);color:#e8f4f2!important;font-size:clamp(21px,2.4vw,34px)!important}.flux-demo{position:relative;display:grid;place-items:center;width:min(48vw,540px);height:min(34vh,360px);align-self:center;overflow:hidden}.flux-source{position:relative;z-index:2;font-size:clamp(70px,10vw,150px);color:#fff2ad;text-shadow:0 0 18px #fff,0 0 55px #f3bd65;transition:opacity .25s}.flux-rings,.flux-rings:before,.flux-rings:after{position:absolute;border:2px solid rgba(142,218,203,.6);border-radius:50%}.flux-rings{width:150px;height:150px;transition:transform .25s}.flux-rings:before,.flux-rings:after{content:'';inset:-55px}.flux-rings:after{inset:-110px;opacity:.5}.distance-ladder{display:flex;flex-direction:column-reverse;gap:7px;width:min(80vw,900px);margin:24px auto;padding:0;list-style:none;counter-reset:ladder}.distance-ladder li{display:block;width:calc(38% + var(--w,0%));margin:auto;padding:12px 20px;text-align:center;border:1px solid #40586b;background:rgba(8,19,31,.85);opacity:.35;transition:opacity .2s,transform .2s,border-color .2s}.distance-ladder li:nth-child(1){width:42%}.distance-ladder li:nth-child(2){width:52%}.distance-ladder li:nth-child(3){width:62%}.distance-ladder li:nth-child(4){width:72%}.distance-ladder li:nth-child(5){width:82%}.distance-ladder li.active{opacity:1;border-color:#70b8b0}.distance-ladder li.current{transform:scale(1.04);border-color:#f3bd65;color:#ffe0a3}

/* Stap 8: visuele regie voor de volledige Mensa-lezing. */
.audience-slide{--accent:#8edacb;--accent-rgb:142,218,203;min-height:100vh;border:0;padding:7vh 6vw 6vh;justify-content:center}
.audience-slide>*:not(.science-visual){position:relative;z-index:2}.audience-slide:after{content:'';position:absolute;inset:2.6vh 2.2vw;z-index:0;border:1px solid rgba(var(--accent-rgb),.18);pointer-events:none}
.chapter-grote-getallen{--accent:#f0c882;--accent-rgb:240,200,130}.chapter-het-fundament{--accent:#70c7b0;--accent-rgb:112,199,176}.chapter-parallax{--accent:#76c8ef;--accent-rgb:118,200,239}.chapter-licht-als-meetlat{--accent:#ffd071;--accent-rgb:255,208,113}.chapter-cepheiden{--accent:#dd9ff2;--accent-rgb:221,159,242}.chapter-supernova-s{--accent:#ff9a70;--accent-rgb:255,154,112}.chapter-kosmologie{--accent:#9ea8ff;--accent-rgb:158,168,255}.chapter-afronding{--accent:#f0c882;--accent-rgb:240,200,130}
.chapter-label{position:absolute!important;top:5.4vh;left:6vw;color:var(--accent);font-size:clamp(12px,1vw,18px);font-weight:800;letter-spacing:.2em;text-transform:uppercase}.chapter-label:before{content:'';display:inline-block;width:42px;height:2px;margin:0 13px 4px 0;background:var(--accent)}
.audience-slide h1{max-width:72%;margin-top:5vh}.audience-slide>p{max-width:68%}.audience-slide .formula{color:var(--accent);border-color:rgba(var(--accent-rgb),.45)}
.layout-cover h1,.layout-cover>p,.layout-quiz h1,.layout-quiz>p,.layout-interactive h1,.layout-interactive>p,.layout-summary h1,.layout-summary>p{max-width:100%}
.layout-split>p{padding:25px 28px;border-left:2px solid var(--accent);background:rgba(5,14,24,.55);columns:1;white-space:pre-line}.layout-image-text h1,.layout-image-text>p{border-left:2px solid var(--accent);background:linear-gradient(90deg,rgba(3,10,18,.62),rgba(3,10,18,.30));backdrop-filter:blur(2px)}
.layout-summary{text-align:center;align-items:center}.layout-summary h1{color:#fff}.layout-summary>p{padding:3vh 4vw;border-block:1px solid rgba(var(--accent-rgb),.5)}
.science-visual{position:absolute;z-index:1;right:4vw;top:15vh;width:36vw;height:66vh;opacity:.86;pointer-events:none;filter:drop-shadow(0 0 26px rgba(var(--accent-rgb),.15))}.science-visual i{position:absolute;display:block}
.visual-orbit{inset:12% 8%;border:1px solid rgba(var(--accent-rgb),.55);border-radius:50%;transform:rotate(-16deg)}.visual-orbit:before,.visual-orbit:after{content:'';position:absolute;border-radius:50%}.visual-orbit:before{width:22px;height:22px;right:8%;top:15%;background:var(--accent);box-shadow:0 0 28px var(--accent)}.visual-orbit:after{inset:18%;border:1px dashed rgba(var(--accent-rgb),.35)}
.visual-ray{left:7%;right:7%;top:51%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:rotate(-23deg)}.visual-ray:after{content:'';position:absolute;right:0;top:-70px;width:140px;height:140px;border:1px solid rgba(var(--accent-rgb),.5);border-radius:50%;box-shadow:0 0 70px rgba(var(--accent-rgb),.22)}.visual-mark{left:50%;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff,0 0 70px var(--accent)}.visual-graph{display:none!important}
.layout-formula .science-visual,.layout-split .science-visual{opacity:.34}.layout-quiz .science-visual{opacity:.16}.layout-cover .science-visual{opacity:.3}
[data-visual=earth] .visual-orbit,[data-visual=earth-calc] .visual-orbit{inset:28% 4% -18%;border-width:3px;transform:none;background:radial-gradient(circle at 50% 20%,rgba(112,199,176,.16),transparent 55%)}[data-visual=earth] .visual-ray,[data-visual=earth-calc] .visual-ray{top:16%;left:-5%;right:20%;box-shadow:0 18px 0 rgba(255,255,255,.12),0 36px 0 rgba(255,255,255,.08);transform:rotate(7deg)}
[data-visual=units] .science-visual{background:repeating-linear-gradient(90deg,transparent 0 9.7%,rgba(var(--accent-rgb),.25) 10%);border-bottom:2px solid var(--accent)}[data-visual=units] .visual-orbit{display:none}
[data-visual=parsec] .visual-ray,[data-visual=precision] .visual-ray{transform:rotate(-8deg);transform-origin:right}[data-visual=parsec] .visual-orbit,[data-visual=precision] .visual-orbit{inset:20%;border-radius:50% 0 0 50%}
[data-visual=gaia] .visual-orbit{inset:8%;border-style:dashed;transform:rotate(28deg)}[data-visual=gaia] .visual-ray{box-shadow:0 55px 0 rgba(var(--accent-rgb),.3),0 -55px 0 rgba(var(--accent-rgb),.2)}
[data-visual=brightness] .visual-orbit,[data-visual=degeneracy] .visual-orbit,[data-visual=modulus] .visual-orbit{inset:34%;box-shadow:0 0 0 55px rgba(var(--accent-rgb),.08),0 0 0 110px rgba(var(--accent-rgb),.05);transform:none}
[data-visual=leavitt] .visual-orbit,[data-visual=cepheid-recipe] .visual-orbit,[data-visual=cepheid-errors] .visual-orbit{inset:35%;border:0;background:var(--accent);animation:carpenoctem-presenter-pulse 3s ease-in-out infinite;box-shadow:0 0 90px var(--accent)}
[data-visual=anchors] .science-visual{background:linear-gradient(145deg,transparent 48%,rgba(var(--accent-rgb),.5) 49% 50%,transparent 51%),linear-gradient(35deg,transparent 48%,rgba(var(--accent-rgb),.35) 49% 50%,transparent 51%)}
[data-visual=supernova] .visual-mark{width:70px;height:70px;left:53%;top:43%;background:#fff4cc;box-shadow:0 0 28px #fff,0 0 95px #ff9a70,0 0 180px #ff6b4a}[data-visual=supernova] .visual-ray{transform:rotate(0);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.22),0 0 60px var(--accent)}
[data-visual=standardize] .science-visual{background:linear-gradient(155deg,transparent 0 42%,var(--accent) 43% 44%,transparent 45% 100%)}
[data-visual=redshift] .science-visual{height:34vh;top:34vh;background:linear-gradient(90deg,#7054b7,#3d77dc,#31b3aa,#e3c84f,#e77746,#b74343);opacity:.72}[data-visual=redshift] .visual-orbit{display:none}[data-visual=redshift] .visual-ray{left:32%;right:auto;width:7px;top:0;height:100%;background:#05080d;transform:none;box-shadow:115px 0 0 #05080d}
[data-visual=hubble] .science-visual{background:radial-gradient(circle at 15% 75%,var(--accent) 0 4px,transparent 5px),radial-gradient(circle at 34% 55%,var(--accent) 0 5px,transparent 6px),radial-gradient(circle at 55% 37%,var(--accent) 0 6px,transparent 7px),radial-gradient(circle at 80% 15%,var(--accent) 0 8px,transparent 9px)}[data-visual=hubble] .visual-ray{left:8%;top:84%;transform:rotate(-40deg);transform-origin:left}
[data-visual=distances] .visual-orbit{inset:7%;box-shadow:inset 0 0 0 55px rgba(var(--accent-rgb),.05),inset 0 0 0 110px rgba(var(--accent-rgb),.04)}[data-visual=tension] .visual-ray{top:38%;transform:rotate(12deg);box-shadow:0 85px 0 var(--accent)}
[data-visual=closing] .science-visual{right:21vw;width:58vw;opacity:.45}[data-visual=closing] .visual-orbit{inset:18% 3%;box-shadow:0 0 0 35px rgba(var(--accent-rgb),.04),0 0 0 70px rgba(var(--accent-rgb),.025)}
@keyframes carpenoctem-presenter-pulse{0%,100%{transform:scale(.72);opacity:.58}50%{transform:scale(1.08);opacity:1}}.presenter-preview .science-visual{top:18%;right:2%;width:42%;height:72%;opacity:.24}.presenter-preview:after{inset:8px}.presenter-preview .chapter-label{display:none}
@media(max-width:900px){.science-visual{right:0;width:48vw;opacity:.38}.audience-slide h1,.audience-slide>p{max-width:90%}.chapter-label{top:4vh}.audience-slide{padding-top:9vh}}@media(prefers-reduced-motion:reduce){[data-visual=leavitt] .visual-orbit,[data-visual=cepheid-recipe] .visual-orbit,[data-visual=cepheid-errors] .visual-orbit{animation:none}}
.science-review{margin:16px 0;padding:13px 15px;border:1px solid #526577;border-radius:7px;background:#111e2a}.science-review strong,.science-review small{display:block}.science-review small{margin-top:5px;color:#b7c6d2}.science-review p{margin:8px 0}.science-review.approved{border-color:#56a991}.science-review.approved strong{color:#8edacb}.science-review.pending{border-color:#c76262}.science-review.pending strong{color:#ffaaa5}.science-review a{display:block;margin:7px 0}
.science-review.suggestion{border-color:#8a7444;background:#201c13}.science-review.suggestion strong{color:#f0d18a}
.slide-card-heading{display:flex;align-items:center;gap:10px}.slide-card-heading h3{margin:0}.approval-badge{display:inline-flex;align-items:center;width:max-content;padding:3px 8px;border:1px solid #6f6240;border-radius:999px;background:#282313;color:#f1d78c;font-size:11px;font-weight:800;line-height:1.2;white-space:nowrap}.approval-badge.approved{border-color:#3e7d6f;background:#102c28;color:#9ae4d6}.approval-badge.rejected{border-color:#8c494f;background:#351b21;color:#ffb2ad}.approval-panel{margin:14px 0;padding:12px;border:1px solid #405a6d;border-radius:8px;background:#0d1b26}.approval-panel h4{margin:0 0 8px;color:#9bded2}.approval-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #2d4658}.approval-item:first-of-type{border-top:0}.approval-item>div:first-child{display:grid;gap:3px;min-width:0}.approval-item small{color:#aebdca}.approval-item.approved strong{color:#91ddcd}.approval-item.rejected strong{color:#ffaaa5}.approval-item.pending strong,.approval-item.missing strong{color:#efd184}.approval-actions{display:flex;flex:0 0 auto;gap:6px}.approval-actions button{padding:6px 9px;font-size:12px}.approval-actions .danger{border-color:#7b454b;background:#321d23;color:#ffc1bd}.lesson-publication-status{font-weight:700}.lesson-publication-status.approved{color:#91ddcd}.lesson-publication-status.pending{color:#efd184}.lesson-publication-status.rejected{color:#ffaaa5}@media(max-width:700px){.approval-item{align-items:stretch;flex-direction:column}.approval-actions button{flex:1}}
.final-run-panel{margin:20px 0;padding:15px 17px;border:1px solid #5c6e85;border-radius:8px;background:#131f2c}.final-run-panel summary{display:flex;justify-content:space-between;gap:20px;color:#e7edf4}.final-run-panel summary span{color:#f0c882;font-weight:700}.final-run-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.final-run-cards>div{padding:12px;border:1px solid #526577;border-radius:7px}.final-run-cards small,.final-run-cards strong{display:block}.final-run-cards small{margin-bottom:5px;color:#aebdca}.final-run-cards .ok{border-color:#56a991}.final-run-cards .ok strong{color:#8edacb}.final-run-cards .bad{border-color:#c76262}.final-run-panel li{display:list-item;padding:5px;border:0;color:#f0c882}@media(max-width:850px){.final-run-cards{grid-template-columns:1fr 1fr}.final-run-panel summary{display:block}.final-run-panel summary span{display:block;margin-top:6px}}

/* Beeldvullende binnenkomstslide met rustige beweging over de eigen M81/M82-foto. */
@keyframes carpenoctem-presenter-ken-burns{0%{transform:scale(1.01) translate3d(0,2.4%,0)}100%{transform:scale(1.24) translate3d(-1.8%,-2.4%,0)}}
.audience main:has(.layout-cover[data-visual=opening]){padding:0}
.audience-slide.layout-cover[data-visual=opening]{min-height:100vh;width:100%;justify-content:flex-start;align-items:center;padding:7vh 6vw;border:0;background-color:#02040a!important}
.audience-slide.template-ken-burns{overflow:hidden;isolation:isolate;background-image:none!important}
.audience-slide.template-ken-burns:before{display:block;content:'';position:absolute;inset:-9%;z-index:0;opacity:1;background-image:var(--template-overlay-layer),var(--slide-image);background-size:100% 100%,var(--slide-background-size,cover);background-repeat:no-repeat;background-position:var(--template-background-position,center);animation:carpenoctem-presenter-ken-burns 21s ease-in-out infinite alternate;will-change:transform}
.audience-slide.layout-cover.template-ken-burns[data-visual=opening]:before{z-index:0}
.audience-slide.layout-cover[data-visual=opening] h1{position:absolute;z-index:3;left:5vw;right:5vw;top:4vh;max-width:none;margin:0;text-align:center;font-size:clamp(42px,5.2vw,88px);line-height:1.04;color:#fff;text-shadow:0 4px 35px #000,0 1px 3px #000}
.audience-slide.layout-cover[data-visual=opening]>.slide-subtitle{position:absolute;z-index:3;left:8vw;right:8vw;top:clamp(100px,15vh,165px);margin:0;text-align:center;font-size:clamp(18px,1.7vw,28px);color:#8edacb;text-shadow:0 2px 16px #000}
.audience-slide.layout-cover[data-visual=opening]>.formula{position:absolute;z-index:3;left:15vw;right:15vw;top:clamp(140px,20vh,220px);padding:0;border:0;text-align:center;font-size:clamp(22px,2.4vw,40px);color:#d9fff7;text-shadow:0 2px 18px #000}
.audience-slide.layout-cover[data-visual=opening]>p:not(.media-caption){position:absolute;z-index:3;left:5vw;bottom:8vh;max-width:min(44vw,760px);margin:0;padding:14px 18px;background:linear-gradient(90deg,rgba(1,6,12,.82),rgba(1,6,12,.25));font-size:clamp(19px,2vw,32px);line-height:1.35;color:#f4f7fb;text-shadow:0 2px 12px #000}
.audience-slide.layout-cover[data-visual=opening]>.media-caption{display:block;position:absolute;z-index:3;right:5vw;bottom:8vh;max-width:min(34vw,560px)!important;margin:0;padding:10px 14px;text-align:right;background:rgba(1,6,12,.66);font-size:clamp(15px,1.35vw,22px)!important;color:#dfeaf2}
.audience-slide.layout-cover[data-visual=opening]>.media-credit{display:block;position:absolute;z-index:3;left:5vw;bottom:2.6vh;color:#b9cad7;font-size:clamp(12px,1vw,17px);text-shadow:0 2px 10px #000}


/* Centrale template-editor en door templates bestuurde basisverhoudingen. */
.template-manager{margin:20px 0;padding:20px 22px;border:1px solid #4d7286;border-radius:9px;background:#101f2c}.template-manager>summary{display:flex;justify-content:space-between;gap:20px;color:#8edacb}.template-manager>summary span{font-size:14px;color:#aebdca}main:has(.template-manager[open]){width:min(2200px,calc(100vw - 64px));max-width:none}.template-workspace{display:grid;grid-template-columns:minmax(370px,440px) minmax(720px,1fr);gap:clamp(24px,3vw,56px);align-items:start;margin-top:20px}.template-sidebar{max-height:calc(100vh - 175px);padding:0 18px 24px 0;overflow:auto;scrollbar-color:#526577 transparent}.template-stage{position:sticky;top:20px;min-width:0}.template-stage-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.template-stage h4{margin:0}.template-live-status{color:#8edacb;font-size:13px}.template-toolbar,.template-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 20px}.template-toolbar select{min-width:230px;flex:1}.template-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.template-fields label{display:flex;flex-direction:column;gap:6px;margin:4px 0;transition:opacity .2s}.template-fields label.inactive{opacity:.38}.template-fields label:first-child,.template-fields label:nth-child(2){grid-column:1/-1}.template-fields input,.template-fields select{width:100%;max-width:none}.template-fields output{min-height:17px;color:#8edacb;font-size:12px}.template-actions{margin:18px 0 8px}.template-preview{aspect-ratio:16/9;min-height:0!important;height:auto!important;width:100%;overflow:hidden;padding:var(--template-padding-y) var(--template-padding-x)!important;box-shadow:0 18px 55px rgba(0,0,0,.35)}.template-configured{justify-content:var(--template-vertical)!important;align-items:var(--template-horizontal)!important;text-align:var(--template-text-align);padding:var(--template-padding-y) var(--template-padding-x);--accent:var(--template-accent)!important;color:var(--template-text)!important}.template-configured h1{font-size:clamp(28px,var(--template-title-size),140px)!important;width:var(--template-content-width);max-width:var(--template-content-width)!important;text-align:var(--template-text-align)}.template-configured>p:not(.media-caption){font-size:clamp(16px,var(--template-body-size),70px)!important;width:var(--template-content-width);max-width:var(--template-content-width)!important;text-align:var(--template-text-align)}
.audience-slide.layout-cover[data-visual=opening].template-configured h1{font-size:var(--template-title-size)!important;color:var(--template-text)!important}.audience-slide.layout-cover[data-visual=opening].template-configured>p:not(.media-caption){font-size:var(--template-body-size)!important;color:var(--template-text)!important}.audience-slide.layout-cover[data-visual=opening].template-configured>.slide-subtitle,.audience-slide.layout-cover[data-visual=opening].template-configured>.formula{color:var(--template-accent)!important}
@media(max-width:1250px){main:has(.template-manager[open]){width:min(1180px,calc(100vw - 32px))}.template-workspace{grid-template-columns:340px minmax(580px,1fr);gap:20px}}@media(max-width:1000px){.template-workspace{display:block}.template-sidebar{max-height:none;overflow:visible;padding-right:0}.template-stage{position:static;margin-top:24px}.template-fields{grid-template-columns:1fr 1fr}}@media(max-width:650px){main:has(.template-manager[open]){width:100%;padding-inline:12px}.template-fields{grid-template-columns:1fr}.template-fields label:first-child,.template-fields label:nth-child(2){grid-column:auto}}

/* Logische groepen in de templatebediening. */
.template-fields{display:block}.template-group{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:0 0 18px;padding:14px;border:1px solid #344d60;border-radius:8px;background:#0d1a25}.template-group legend{padding:0 8px;color:#8edacb;font-weight:750}.template-group label{grid-column:auto!important}.template-group label:first-of-type:nth-last-of-type(1){grid-column:1/-1!important}@media(max-width:650px){.template-group{grid-template-columns:1fr}}

/* Rustige beheerwerkplek met taakgerichte hiërarchie. */
.page-eyebrow{margin-bottom:10px;color:#8edacb;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.rolebar{grid-template-columns:1fr auto;margin:26px 0 32px;padding:14px 18px;background:linear-gradient(100deg,#172532,#13202c)}.role-copy{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 14px}.role-copy .status-label{grid-row:1/3;padding:7px 10px;border-radius:999px;background:#20384a;color:#9fb5c7;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.role-copy strong,.role-copy small{display:block}.role-copy small{font-size:13px}.dashboard-section,.command-center{margin:26px 0;padding:22px;border:1px solid #344d60;border-radius:12px;background:linear-gradient(150deg,#111f2b,#0e1a25)}.section-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.section-number{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#20384a;color:#8edacb;font-size:12px;font-weight:800}.section-title h2,.command-title h2{margin:0;font-size:21px}.section-title p{margin:4px 0 0;font-size:14px}.manage-section>details,.status-section>details{margin:10px 0;border-radius:9px;background:#142432}.manage-section>details>summary,.status-section>details>summary{min-height:58px;display:flex;align-items:center;padding:16px 18px;font-weight:750;list-style:none}.manage-section>details>summary::-webkit-details-marker,.status-section>details>summary::-webkit-details-marker{display:none}.manage-section>details>summary:before,.status-section>details>summary:before{content:'›';display:grid;place-items:center;width:25px;height:25px;margin-right:11px;border-radius:50%;background:#20384a;color:#8edacb;font-size:22px;transition:transform .2s}.manage-section>details[open]>summary:before,.status-section>details[open]>summary:before{transform:rotate(90deg)}.manage-section .pptx-importer{border-color:#665832;background:#20231f}.manage-section .pptx-importer>summary{color:#f0c882}.manage-section .pptx-importer>summary:before{color:#f0c882;background:#423a25}.manage-section .template-manager{padding:0;border-color:#405c70}.manage-section .template-manager>summary span{margin-left:auto;font-weight:400}.manage-section .template-manager[open]{padding:0 20px 20px}.manage-section .template-manager[open]>summary{margin-inline:-20px;padding-inline:18px}.manage-section .lesson-settings{padding:0}.manage-section .lesson-settings[open]{padding:0 16px 16px}.status-section .notice{margin:0 0 14px;font-size:14px}.status-section .readiness-panel,.status-section .final-run-panel{padding:0;border-color:#40576a}.status-section .readiness-panel[open],.status-section .final-run-panel[open]{padding:0 16px 16px}.status-section .readiness-panel summary,.status-section .final-run-panel summary{justify-content:space-between}.status-section .readiness-panel summary span,.status-section .final-run-panel summary span{margin-left:auto;color:#f0c882}.command-center{display:grid;gap:14px}.command-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.command-title{display:flex;align-items:center;gap:12px}.timing-badge{padding:8px 12px;border:1px solid #496276;border-radius:999px;color:#d9e4ec;font-size:13px}.command-group{display:flex;gap:10px;flex-wrap:wrap}.primary-command{padding:15px;border-radius:9px;background:#162936}.primary-command .primary{min-width:190px;font-weight:750}.secondary-command{padding-top:12px;border-top:1px solid #314757}.secondary-command button{padding:8px 12px;color:#c6d2dc;background:#152431}.command-message{margin:0;padding:10px 12px;border-radius:7px;background:#203327;color:#aee3d1}@media(max-width:760px){.rolebar,.role-copy{grid-template-columns:1fr}.role-copy .status-label{grid-row:auto;width:max-content}.command-head{align-items:flex-start;flex-direction:column}.timing-badge{border-radius:7px}.status-section .readiness-panel summary,.status-section .final-run-panel summary{display:block}.status-section .readiness-panel summary span,.status-section .final-run-panel summary span{margin:6px 0 0 36px}}

/* Brede visuele diawerkplaats. */
body:not(.audience) main{width:min(2200px,calc(100vw - 64px));max-width:none}.slide-library{padding-inline:clamp(20px,2vw,34px)}.slide-library>ol{display:grid;gap:22px}.slide-card{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(24px,3vw,52px);align-items:start;padding:24px;border:1px solid #344d60;border-radius:11px;background:#0c1822}.slide-card.hidden{opacity:.62}.slide-card-detail{min-width:0}.slide-card-detail>h3{padding-right:155px;font-size:22px}.slide-card-actions{float:right;margin-top:-4px}.slide-card-visual{position:sticky;top:18px;min-width:0}.slide-visual-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:10px;color:#8edacb}.slide-visual-head span{padding:4px 8px;border-radius:999px;background:#20384a;color:#b9c9d5;font-size:11px}.slide-card-preview{width:100%;aspect-ratio:16/9;min-height:0!important;height:auto!important;padding:var(--template-padding-y) var(--template-padding-x)!important;box-shadow:0 16px 45px rgba(0,0,0,.38)}.slide-card-preview h1{font-size:min(var(--template-title-size),5.1vw)!important}.slide-card-preview>p:not(.media-caption){font-size:min(var(--template-body-size),2.3vw)!important}.slide-card .content-editor{clear:both;margin-top:18px}.slide-card .content-editor[open]{padding:14px 16px}.slide-card .edit-fields{grid-template-columns:1fr 1fr}.slide-card .edit-fields label:nth-child(3),.slide-card .edit-fields label:nth-child(10){grid-column:1/-1}.slide-card .edit-fields button{grid-column:1/-1}.slide-library footer{padding:16px 2px 0}@media(max-width:1250px){body:not(.audience) main{width:min(1180px,calc(100vw - 32px))}.slide-card{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;padding:18px}}@media(max-width:1000px){.slide-card{grid-template-columns:1fr}.slide-card-visual{position:static}.slide-card .edit-fields{grid-template-columns:1fr}.slide-card .edit-fields label{grid-column:auto!important}}@media(max-width:650px){body:not(.audience) main{width:100%;padding-inline:12px}.slide-card{padding:14px}.slide-card-detail>h3{padding-right:0}.slide-card-actions{float:none;margin:0 0 12px}}

/* Dia-preview rendert eerst op exact 1920 × 1080 en wordt daarna proportioneel verkleind. */
.slide-preview-viewport{position:relative;width:100%;overflow:hidden;background:#02050a;box-shadow:0 16px 45px rgba(0,0,0,.38)}.slide-card-preview{position:absolute!important;inset:0 auto auto 0;width:1920px!important;height:1080px!important;min-height:1080px!important;aspect-ratio:auto;transform-origin:top left;box-shadow:none}.slide-card-preview.template-configured h1{font-size:var(--template-title-size)!important}.slide-card-preview.template-configured>p:not(.media-caption){font-size:var(--template-body-size)!important}.slide-card-preview .chapter-label{top:58px;left:115px}.slide-card-preview .science-visual{right:77px;top:162px;width:691px;height:713px}.slide-card-preview .media-caption{font-size:21px!important}.slide-card-preview .media-credit{left:77px;bottom:32px}.slide-card-preview.layout-cover[data-visual=opening] h1{left:96px;right:96px;top:43px}.slide-card-preview.layout-cover[data-visual=opening]>.slide-subtitle{left:154px;right:154px;top:162px}.slide-card-preview.layout-cover[data-visual=opening]>.formula{left:288px;right:288px;top:216px}.slide-card-preview.layout-cover[data-visual=opening]>p:not(.media-caption){left:96px;bottom:86px;max-width:845px}.slide-card-preview.layout-cover[data-visual=opening]>.media-caption{right:96px;bottom:86px;max-width:653px!important}.slide-card-preview.layout-cover[data-visual=opening]>.media-credit{left:96px;bottom:28px}



/* De bovenzijde gebruikt dezelfde werkplaatsindeling als de afzonderlijke dia's. */
.admin-workspace{display:grid;grid-template-columns:minmax(390px,.72fr) minmax(720px,1.45fr);gap:clamp(24px,3vw,52px);align-items:stretch;margin:28px 0;padding:24px;border:1px solid #344d60;border-radius:12px;background:linear-gradient(150deg,#111f2b,#0c1822)}
.admin-workspace-nav{min-width:0;padding-right:22px;border-right:1px solid #314757}
.workspace-intro{margin-bottom:22px}.workspace-intro .status-label{display:inline-block;margin-bottom:10px;padding:6px 9px;border-radius:999px;background:#20384a;color:#9fb5c7;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.workspace-intro h2{margin:0 0 5px;font-size:22px}.workspace-intro p{margin:0;font-size:13px}
.workspace-nav-group{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 20px}.workspace-nav-group h3{grid-column:1/-1;margin:0 0 2px;color:#8edacb;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.workspace-nav-button{display:flex;min-height:76px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:12px 14px;text-align:left;border-color:#40586b;background:#142432}.workspace-nav-button small{color:#9fb2c1;font-size:11px;line-height:1.35}.workspace-nav-button:hover{border-color:#69bbaa;background:#182c3a}.workspace-nav-button.active{border-color:#8edacb;background:#1d3a45;box-shadow:inset 3px 0 #8edacb;color:#effffb}.workspace-nav-button.active small{color:#c5ddd8}
.admin-workspace-view{min-width:0;height:min(760px,calc(100vh - 180px));min-height:560px;padding:4px 18px 24px 4px;overflow:auto;scrollbar-color:#526577 transparent;scrollbar-gutter:stable}.admin-workspace-view>details,.admin-workspace-view>.workspace-panel,.admin-workspace-view>.command-center{margin:0;padding:0;border:0;background:transparent}.admin-workspace-view>details>summary{display:none}.admin-workspace-view .workspace-panel>h2,.admin-workspace-view .command-title h2{margin:0 0 18px;font-size:23px}.admin-workspace-view .workspace-panel>details{margin:0}.admin-workspace-view .workspace-panel>details>summary{display:none}.admin-workspace-view .lesson-settings .edit-fields{grid-template-columns:2fr 1fr 1fr 2fr}.admin-workspace-view .template-manager{padding:0}.admin-workspace-view .template-toolbar{margin-top:0}.admin-workspace-view .template-workspace{grid-template-columns:minmax(330px,400px) minmax(620px,1fr);gap:24px}.admin-workspace-view .template-sidebar{max-height:none;overflow:visible}.admin-workspace-view .template-stage{top:0}.admin-workspace-view .readiness-panel,.admin-workspace-view .final-run-panel{padding:0;border:0;background:transparent}.admin-workspace-view .command-center{display:grid;gap:16px}.admin-workspace-view .pptx-importer>.edit-fields{padding-top:4px}
@media(max-width:1350px){.admin-workspace{grid-template-columns:370px minmax(650px,1fr);gap:22px}.admin-workspace-view .template-workspace{display:block}.admin-workspace-view .template-stage{position:static;margin-top:28px}}
@media(max-width:1000px){.admin-workspace{grid-template-columns:1fr}.admin-workspace-nav{padding-right:0;border-right:0;border-bottom:1px solid #314757}.admin-workspace-view{height:auto;min-height:520px;max-height:75vh;padding-top:18px}.workspace-nav-group{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.admin-workspace{padding:14px}.workspace-nav-group{grid-template-columns:1fr 1fr}.workspace-nav-button{min-height:68px}.admin-workspace-view{padding-right:4px}.admin-workspace-view .lesson-settings .edit-fields{grid-template-columns:1fr}}


.admin-workspace-view>.workspace-content{min-width:0}.workspace-content>h2{margin:0 0 4px;font-size:23px}.workspace-description{margin:0 0 22px;color:#9fb2c1;font-size:14px}.workspace-content>details{margin:0;padding:0;border:0;background:transparent}.workspace-content>details>summary{display:none}.workspace-content>.lesson-settings .edit-fields{grid-template-columns:2fr 1fr 1fr 2fr}.workspace-content>.template-manager{padding:0}.workspace-content>.pptx-importer>.edit-fields{padding-top:4px}.workspace-content>.command-center{margin:0;padding:0;border:0;background:transparent}.workspace-content>.command-center .command-title h2{display:none}.workspace-content>.command-center .command-head{justify-content:flex-end}
@media(max-width:650px){.workspace-content>.lesson-settings .edit-fields{grid-template-columns:1fr}}



/* Uitklapbare beheeromgeving en zelfstandig prominente presentatiebediening. */
.presentation-hub{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(700px,1.58fr);gap:28px;align-items:center;margin:28px 0;padding:24px;border:1px solid #69bbaa;border-radius:12px;background:linear-gradient(120deg,#163a3d,#102a35 48%,#101f2c);box-shadow:0 14px 38px rgba(0,0,0,.22)}.presentation-kicker{margin-bottom:7px;color:#f0c882;font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.presentation-hub-head h2{margin:0 0 5px;font-size:23px}.presentation-hub-head p{margin:0;color:#bdd0d8;font-size:13px}.presentation-hub>.command-center{margin:0;padding:0;border:0;background:transparent}.presentation-hub .command-title h2{display:none}.presentation-hub .command-head{justify-content:flex-end}.presentation-hub .primary-command{background:rgba(9,24,31,.44)}.presentation-hub .primary-command .primary{background:#8edacb;color:#09242a;box-shadow:0 7px 20px rgba(104,203,184,.2)}
.admin-workspace{display:block;margin:28px 0;padding:0;border:1px solid #344d60;border-radius:12px;background:linear-gradient(150deg,#111f2b,#0c1822);overflow:hidden}.admin-workspace>summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 14px;min-height:82px;padding:18px 24px;cursor:pointer;list-style:none}.admin-workspace>summary::-webkit-details-marker{display:none}.admin-workspace>summary:after{content:'Uitklappen';grid-column:3;grid-row:1/3;padding:8px 12px;border:1px solid #466276;border-radius:7px;color:#bcd0db;font-size:12px}.admin-workspace[open]>summary:after{content:'Inklappen'}.admin-workspace>summary .status-label{grid-row:1/3;padding:6px 9px;border-radius:999px;background:#20384a;color:#9fb5c7;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-workspace>summary strong{font-size:21px}.admin-workspace>summary small{grid-column:2;color:#9fb2c1}.admin-workspace[open]>summary{border-bottom:1px solid #314757;background:#12222e}
.admin-workspace-body{display:grid;grid-template-columns:minmax(390px,.72fr) minmax(720px,1.45fr);gap:clamp(24px,3vw,52px);align-items:stretch;padding:24px}.admin-workspace-body.wide-content{grid-template-columns:1fr}.admin-workspace-body.wide-content .admin-workspace-nav{display:flex;align-items:flex-end;gap:18px;padding:0 0 18px;border-right:0;border-bottom:1px solid #314757;overflow-x:auto}.admin-workspace-body.wide-content .workspace-intro{min-width:250px;margin:0 auto 0 0}.admin-workspace-body.wide-content .workspace-nav-group{display:flex;min-width:max-content;margin:0;gap:8px}.admin-workspace-body.wide-content .workspace-nav-group h3{display:none}.admin-workspace-body.wide-content .workspace-nav-button{min-width:175px;min-height:66px}.admin-workspace-body.wide-content .admin-workspace-view{width:100%;height:min(820px,calc(100vh - 130px));padding-top:6px}
.workspace-content>.lesson-settings .edit-fields{display:grid;grid-template-columns:minmax(280px,620px);gap:14px}.workspace-content>.lesson-settings .edit-fields button{grid-column:1}.workspace-content>.lesson-settings label{width:100%}
.template-preview-viewport{position:relative;width:100%;overflow:hidden;background:#02050a;box-shadow:0 16px 45px rgba(0,0,0,.38)}.template-preview-viewport>.template-preview{position:absolute!important;inset:0 auto auto 0;width:1920px!important;height:1080px!important;min-height:1080px!important;aspect-ratio:auto!important;transform-origin:top left;box-shadow:none}.template-preview-viewport>.template-preview.template-configured h1{font-size:var(--template-title-size)!important}.template-preview-viewport>.template-preview.template-configured>p:not(.media-caption){font-size:var(--template-body-size)!important}.template-preview-viewport .chapter-label{top:58px;left:115px}.template-preview-viewport .science-visual{right:77px;top:162px;width:691px;height:713px}.template-preview-viewport .media-caption{font-size:21px!important}.template-preview-viewport .media-credit{left:77px;bottom:32px}
@media(max-width:1350px){.admin-workspace-body{grid-template-columns:370px minmax(650px,1fr)}.presentation-hub{grid-template-columns:1fr}.presentation-hub .command-head{justify-content:space-between}}
@media(max-width:1000px){.admin-workspace-body{grid-template-columns:1fr}.admin-workspace-body.wide-content .admin-workspace-nav{display:block}.presentation-hub{padding:18px}.admin-workspace>summary{grid-template-columns:auto 1fr}.admin-workspace>summary:after{grid-column:1/-1;grid-row:auto;text-align:center}.admin-workspace>summary .status-label{grid-row:1/3}}
@media(max-width:650px){.admin-workspace-body{padding:14px}.presentation-hub{margin-inline:0}.workspace-content>.lesson-settings .edit-fields{grid-template-columns:1fr}}



/* Profiel en beheer delen de bovenste rij; beheerinhoud gebruikt daaronder de volle breedte. */
.top-overview{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.top-overview.has-template-hub{grid-template-columns:repeat(3,minmax(0,1fr))}.top-overview.has-offline-presenter{grid-template-columns:repeat(4,minmax(0,1fr))}.top-overview>.rolebar{grid-row:1;margin:0;min-height:112px}.top-overview>.admin-workspace{display:contents}.top-overview>.admin-workspace>summary{grid-column:2;grid-row:1;display:grid;min-height:112px;padding:18px 22px;border:1px solid #344d60;border-radius:12px;background:linear-gradient(100deg,#172532,#13202c)}.top-overview>.admin-workspace[open]>summary{border-bottom:1px solid #344d60;background:linear-gradient(100deg,#172532,#13202c)}.top-overview>.admin-workspace>.admin-workspace-body{grid-column:1/-1}.top-overview .admin-workspace-body{display:grid;grid-template-columns:1fr;gap:0;padding:24px;border:1px solid #344d60;border-radius:12px;background:linear-gradient(150deg,#111f2b,#0c1822)}
/* Eén horizontale taakbalk; het gekozen onderdeel opent er direct onder. */
.top-overview .admin-workspace-nav,.top-overview .admin-workspace-body.wide-content .admin-workspace-nav{display:grid;grid-template-columns:minmax(270px,1.15fr) repeat(4,minmax(150px,1fr));align-items:stretch;gap:10px;padding:0 0 18px;border:0;border-bottom:1px solid #314757;overflow:visible}.top-overview .workspace-intro,.top-overview .admin-workspace-body.wide-content .workspace-intro{min-width:0;margin:0;padding:8px 18px 8px 0}.top-overview .workspace-nav-group,.top-overview .admin-workspace-body.wide-content .workspace-nav-group{display:contents}.top-overview .workspace-nav-group h3{display:none}.top-overview .workspace-nav-button,.top-overview .admin-workspace-body.wide-content .workspace-nav-button{min-width:0;min-height:88px;height:100%;padding:12px}.top-overview .admin-workspace-view,.top-overview .admin-workspace-body.wide-content .admin-workspace-view{width:100%;height:auto;min-height:0;max-height:820px;margin-top:20px;padding:0 10px 14px 4px;overflow:auto}.top-overview .workspace-content{min-height:0}
/* De dialijst is standaard open, maar kan als geheel worden ingeklapt. */
.slide-library>summary{display:block;cursor:pointer;list-style:none}.slide-library>summary::-webkit-details-marker{display:none}.slide-library>summary .section-heading{position:relative;margin:0;padding-right:125px}.slide-library>summary .section-heading:after{content:'Inklappen';position:absolute;right:0;top:0;padding:8px 12px;border:1px solid #466276;border-radius:7px;color:#bcd0db;font-size:12px;font-weight:500}.slide-library:not([open])>summary .section-heading:after{content:'Uitklappen'}.slide-library-body{margin-top:22px;padding-top:20px;border-top:1px solid #314757}
@media(max-width:1500px){.top-overview .admin-workspace-nav,.top-overview .admin-workspace-body.wide-content .admin-workspace-nav{grid-template-columns:repeat(3,1fr)}.top-overview .workspace-intro,.top-overview .admin-workspace-body.wide-content .workspace-intro{grid-column:1/-1}.top-overview .workspace-nav-button{min-height:72px}}
@media(max-width:900px){.top-overview{grid-template-columns:1fr}.top-overview>.admin-workspace>summary{grid-column:1}.top-overview .admin-workspace-nav,.top-overview .admin-workspace-body.wide-content .admin-workspace-nav{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.top-overview .admin-workspace-nav,.top-overview .admin-workspace-body.wide-content .admin-workspace-nav{grid-template-columns:1fr}.slide-library>summary .section-heading{padding-right:0;padding-bottom:48px}.slide-library>summary .section-heading:after{left:0;right:auto;top:auto;bottom:0}}



/* Eigen uitklapschakelaar: de geopende beheerwerkplaats overspant betrouwbaar beide 50%-kolommen. */
.top-overview>.admin-workspace{display:contents}.top-overview>.admin-workspace>.admin-workspace-toggle{grid-column:2;display:grid;width:100%;min-height:112px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 14px;padding:18px 22px;text-align:left;border:1px solid #344d60;border-radius:12px;background:linear-gradient(100deg,#172532,#13202c);color:inherit}.admin-workspace-toggle:hover{border-color:#4c6b7e;background:linear-gradient(100deg,#1a2c3a,#152632)}.admin-workspace-toggle .status-label{grid-row:1/3;padding:6px 9px;border-radius:999px;background:#20384a;color:#9fb5c7;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-workspace-toggle strong{font-size:21px;color:#e7edf4}.admin-workspace-toggle small{grid-column:2;color:#9fb2c1}.admin-workspace-toggle .workspace-toggle-label{grid-column:3;grid-row:1/3;padding:8px 12px;border:1px solid #466276;border-radius:7px;color:#bcd0db;font-size:12px}.top-overview>.admin-workspace>.admin-workspace-body{grid-column:1/-1;width:100%;min-width:0}.admin-workspace-body[hidden]{display:none!important}
.top-overview>.template-hub{display:contents}.template-workspace-toggle{grid-column:3;grid-row:1;display:grid;width:100%;min-height:112px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 14px;padding:18px 22px;text-align:left;border:1px solid #344d60;border-radius:12px;background:linear-gradient(100deg,#172532,#13202c);color:inherit}.template-workspace-toggle:hover,.template-hub.is-open .template-workspace-toggle{border-color:#73cbbb;background:linear-gradient(100deg,#1a343d,#15303a)}.template-workspace-toggle .status-label{grid-row:1/3;padding:6px 9px;border-radius:999px;background:#173f47;color:#8edacb;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.template-workspace-toggle strong{font-size:21px;color:#e7edf4}.template-workspace-toggle small{grid-column:2;color:#9fb2c1}.template-workspace-toggle .template-toggle-label{grid-column:3;grid-row:1/3;padding:8px 12px;border:1px solid #466276;border-radius:7px;color:#bcd0db;font-size:12px}.template-hub-body{grid-column:1/-1;min-width:0;padding:14px;border:1px solid #344d60;border-radius:12px;background:linear-gradient(150deg,#111f2b,#0c1822)}.template-hub-body[hidden]{display:none!important}.template-hub-body>.template-manager{margin:0;padding:0;border:0;background:transparent}.template-hub-body>.template-manager>summary{display:none}.template-hub-body .template-editor-frame{padding:12px}.template-hub-body .template-editor-header{margin-bottom:8px}.template-hub-body .template-collection-toolbar{margin-bottom:9px}.template-hub-body .template-slide-body{padding:11px;gap:12px}
.offline-presenter-toggle{grid-column:4;grid-row:1;display:grid;width:100%;min-height:112px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 14px;padding:18px 22px;text-align:left;border:1px solid #416353;border-radius:12px;background:linear-gradient(100deg,#163128,#122820);color:inherit}.offline-presenter-toggle:hover{border-color:#8edacb;background:linear-gradient(100deg,#1b4035,#17342b)}.offline-presenter-toggle .status-label{grid-row:1/3;padding:6px 9px;border-radius:999px;background:#21463b;color:#a8eadc;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.offline-presenter-toggle strong{font-size:19px;color:#effffb}.offline-presenter-toggle small{grid-column:2;color:#a8c7bd}.offline-presenter-label{grid-column:3;grid-row:1/3;padding:8px 12px;border:1px solid #578273;border-radius:7px;color:#c6eee5;font-size:12px;white-space:nowrap}
.offline-presenter-toggle.is-open{border-color:#8edacb;background:linear-gradient(100deg,#1b4035,#17342b)}.offline-presenter-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(210px,.7fr) repeat(4,minmax(180px,1fr));gap:10px;align-items:stretch;padding:14px;border:1px solid #416353;border-radius:12px;background:linear-gradient(150deg,#11271f,#0c1b17)}.offline-presenter-panel[hidden]{display:none!important}.offline-presenter-intro{display:flex;align-items:center;padding:12px;color:#c6eee5;font-weight:700}.offline-browser-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;min-height:66px;padding:10px 12px;text-align:left;border-color:#4d7466;background:#162d26}.offline-browser-card:hover{border-color:#8edacb;background:#1b3a30}.offline-browser-card small{grid-column:1;color:#a8c7bd}.offline-browser-file{grid-column:2;grid-row:1/3;padding:5px 7px;border:1px solid #578273;border-radius:6px;color:#c6eee5;font-size:11px;white-space:nowrap}@media(max-width:1350px){.offline-presenter-panel{grid-template-columns:1fr 1fr}.offline-presenter-intro{grid-column:1/-1}.top-overview.has-offline-presenter>.offline-presenter-panel{grid-row:3}.top-overview.has-offline-presenter>.admin-workspace>.admin-workspace-body,.top-overview.has-offline-presenter .template-hub-body{grid-row:3}}@media(max-width:900px){.offline-presenter-panel{grid-template-columns:1fr}.offline-presenter-intro{grid-column:auto}.top-overview.has-offline-presenter>.offline-presenter-panel{grid-row:auto}}
@media(max-width:1350px){.top-overview.has-offline-presenter{grid-template-columns:1fr 1fr}.top-overview.has-offline-presenter>.rolebar{grid-column:1;grid-row:1}.top-overview.has-offline-presenter>.admin-workspace>.admin-workspace-toggle{grid-column:2;grid-row:1}.top-overview.has-offline-presenter>.template-hub>.template-workspace-toggle{grid-column:1;grid-row:2}.top-overview.has-offline-presenter>.offline-presenter-toggle{grid-column:2;grid-row:2}.top-overview.has-offline-presenter>.admin-workspace>.admin-workspace-body,.top-overview.has-offline-presenter .template-hub-body{grid-row:3}}@media(max-width:1100px){.top-overview.has-template-hub:not(.has-offline-presenter){grid-template-columns:1fr 1fr}.top-overview:not(.has-offline-presenter)>.template-hub>.template-workspace-toggle{grid-column:1/-1;grid-row:2;min-height:88px}.top-overview:not(.has-offline-presenter)>.admin-workspace>.admin-workspace-body,.top-overview:not(.has-offline-presenter) .template-hub-body{grid-row:3}}@media(max-width:900px){.top-overview,.top-overview.has-template-hub,.top-overview.has-offline-presenter{grid-template-columns:1fr}.top-overview>.rolebar,.top-overview.has-offline-presenter>.rolebar{grid-column:1;grid-row:auto}.top-overview>.admin-workspace>.admin-workspace-toggle,.top-overview.has-offline-presenter>.admin-workspace>.admin-workspace-toggle{grid-column:1;grid-row:auto}.top-overview>.template-hub>.template-workspace-toggle,.top-overview.has-offline-presenter>.template-hub>.template-workspace-toggle{grid-column:1;grid-row:auto}.top-overview>.offline-presenter-toggle,.top-overview.has-offline-presenter>.offline-presenter-toggle{grid-column:1;grid-row:auto}.top-overview>.admin-workspace>.admin-workspace-body,.template-hub-body,.top-overview.has-offline-presenter>.admin-workspace>.admin-workspace-body,.top-overview.has-offline-presenter .template-hub-body{grid-row:auto}}



/* Eenduidige, subtiele fotocredit voor iedere template en iedere presentatieweergave. */
.audience-slide>.media-credit,.audience-slide.layout-cover[data-visual=opening]>.media-credit{display:block;position:absolute;z-index:6;top:auto;left:auto;right:3vw;bottom:2.4vh;max-width:min(42vw,620px);margin:0;padding:5px 9px;border:1px solid rgba(190,211,224,.12);border-radius:5px;background:rgba(2,7,12,.52);color:rgba(224,235,242,.78);font-size:clamp(11px,.82vw,15px);font-weight:400;line-height:1.25;letter-spacing:.045em;text-align:right;text-shadow:0 1px 5px rgba(0,0,0,.9);backdrop-filter:blur(2px)}
.slide-card-preview>.media-credit,.slide-card-preview.layout-cover[data-visual=opening]>.media-credit,.template-preview-viewport .template-preview>.media-credit,.template-preview-viewport .template-preview.layout-cover[data-visual=opening]>.media-credit{top:auto;left:auto;right:38px;bottom:26px;max-width:806px;font-size:14px}



/* Presenter View-previews renderen op een vast 1920 × 1080-canvas en schalen als geheel. */
.presenter-preview-card{min-width:0}.presenter-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.presenter-preview-head h2{margin:0;color:#8edacb;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.presenter-preview-viewport{position:relative;width:100%;overflow:hidden;border:1px solid #42596d;border-radius:8px;background:#02050a;box-shadow:0 12px 34px rgba(0,0,0,.3)}.presenter-preview-viewport>.presenter-preview{position:absolute!important;inset:0 auto auto 0;width:1920px!important;height:1080px!important;min-height:1080px!important;aspect-ratio:auto!important;padding:var(--template-padding-y) var(--template-padding-x)!important;border:0!important;border-radius:0!important;transform-origin:top left;box-shadow:none}.presenter-preview-viewport>.presenter-preview.template-configured h1{font-family:Georgia,serif;font-size:var(--template-title-size)!important}.presenter-preview-viewport>.presenter-preview.template-configured>p:not(.media-caption){font-size:var(--template-body-size)!important}.presenter-preview-viewport .chapter-label{display:block;top:58px;left:115px}.presenter-preview-viewport .science-visual{right:77px;top:162px;width:691px;height:713px;opacity:.24}.presenter-preview-viewport .media-caption{font-size:21px!important}.presenter-preview-viewport .media-credit{top:auto;left:auto;right:38px;bottom:26px;max-width:806px;font-size:14px}.presenter-preview-viewport .layout-cover[data-visual=opening] h1{left:96px;right:96px;top:43px}.presenter-preview-viewport .layout-cover[data-visual=opening]>.slide-subtitle{left:154px;right:154px;top:162px}.presenter-preview-viewport .layout-cover[data-visual=opening]>.formula{left:288px;right:288px;top:216px}.presenter-preview-viewport .layout-cover[data-visual=opening]>p:not(.media-caption){left:96px;bottom:86px;max-width:845px}.presenter-preview-viewport .layout-cover[data-visual=opening]>.media-caption{right:96px;bottom:86px;max-width:653px!important}.presenter-preview-viewport .layout-cover[data-visual=opening]>.media-credit{left:auto;right:38px;bottom:26px}



/* Presenter View: 50% sprekersnotities en 50% gestapelde dia-previews. */
.presenter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:start}.presenter-notes{min-width:0;padding:20px 24px!important;border:1px solid #344d60!important;border-radius:9px;background:#111e2a}.presenter-notes>h2{margin-top:0}.presenter-preview-stack{display:grid;min-width:0;gap:22px}.presenter-preview-stack>.presenter-preview-card{min-width:0;padding:0!important;border-top:0!important}.presenter-preview-stack .presenter-preview-head{padding-top:0}
@media(max-width:850px){.presenter-grid{grid-template-columns:1fr}.presenter-preview-stack{gap:18px}}


.template-configured .science-visual{opacity:var(--template-decoration-opacity,.55)!important}
.template-preview-viewport>.template-preview,.slide-preview-viewport>.slide-card-preview,.presenter-preview-viewport>.presenter-preview,.audience-live-viewport>.audience-slide{transform:scale(var(--preview-scale,1))!important}
.template-fields input[type=checkbox]{width:46px;height:24px;margin:4px 0;accent-color:#8edacb;cursor:pointer}
.audience-slide.template-configured{font-family:var(--template-body-font,system-ui,sans-serif)!important}
.audience-slide.template-configured h1{font-family:var(--template-title-font,Georgia,serif)!important}
.slide-insert{display:block!important;padding:7px 0!important;border:0!important}.slide-insert details{width:100%;margin:0}.slide-insert summary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:38px;color:#8edacb;cursor:pointer;list-style:none}.slide-insert summary::-webkit-details-marker{display:none}.slide-insert summary:before,.slide-insert summary:after{content:'';height:1px;flex:1;background:#345063}.slide-insert summary:hover{color:#b8f2e7}.slide-insert-form{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:14px;margin:10px 0 16px;padding:12px;border:1px solid #456175;border-radius:9px;background:#10202b}.slide-insert-group{min-width:0;margin:0;padding:14px;border:1px solid #3d596d;border-radius:8px;background:#132633;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px}.slide-insert-group legend{padding:0 8px;color:#91e0d1;font-weight:700}.slide-insert-group label{min-width:0;margin:0}.slide-insert-group .wide,.slide-insert-group button{grid-column:1/-1}.slide-insert-group input,.slide-insert-group textarea,.slide-insert-group select{display:block;width:100%;margin-top:6px}.slide-insert-group textarea{min-height:82px}.pptx-slide-group{background:#102936}.pptx-import-help{margin:0 0 2px;color:#bcd2df;line-height:1.45}.slide-insert-status{margin:0;color:#f0c882;line-height:1.4}.slide-insert-status[hidden]{display:none!important}.slide-insert-group button{min-height:40px}.pptx-slide-group button{background:#75cbbb;color:#061610}@media(max-width:1000px){.slide-insert-form{grid-template-columns:1fr}}@media(max-width:600px){.slide-insert-group{grid-template-columns:1fr}.slide-insert-group label,.slide-insert-group .wide,.slide-insert-group button{grid-column:1}}
.lesson-sections-list,.slide-section-items{display:grid;gap:22px;margin:0;padding:0;list-style:none}.slide-section-shell{margin:0;list-style:none}.slide-section{overflow:hidden;border:1px solid #3a566a;border-radius:11px;background:#0c1822}.slide-section>summary{display:flex;align-items:center;gap:14px;min-height:58px;padding:12px 18px;cursor:pointer;list-style:none}.slide-section>summary::-webkit-details-marker{display:none}.slide-section>summary:before{content:'›';color:#8edacb;font-size:25px;line-height:1;transform:rotate(0);transition:transform .16s ease}.slide-section[open]>summary:before{transform:rotate(90deg)}.slide-section-title{font-size:18px;font-weight:800}.slide-section-count{padding:4px 9px;border-radius:999px;background:#173247;color:#9bded2;font-size:12px}.slide-section-state{margin-left:auto;color:#91aabd;font-size:12px}.slide-section[open] .slide-section-state{font-size:0}.slide-section[open] .slide-section-state:after{content:'Sluiten';font-size:12px}.slide-section-items{padding:20px;border-top:1px solid #314b5d;background:#09141d}.slide-section-toolbar{display:flex;justify-content:flex-end;gap:8px;margin:0 0 14px}.slide-section-toolbar button{padding:8px 12px}.slide-insert-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding:0;list-style:none}.section-insert{display:block;padding:7px 0}.section-insert details{width:100%;margin:0}.section-insert summary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:38px;color:#8edacb;cursor:pointer;list-style:none}.section-insert summary::-webkit-details-marker{display:none}.section-insert summary:before,.section-insert summary:after{content:'';height:1px;flex:1;background:#345063}.section-insert summary:hover{color:#b8f2e7}.section-insert-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:10px 0 16px;padding:18px;border:1px solid #456175;border-radius:9px;background:#12222e}.section-insert-form input{width:100%;min-width:0}@media(max-width:750px){.slide-insert-row{grid-template-columns:1fr;gap:0}.slide-section-items{padding:12px}.section-insert-form{grid-template-columns:1fr}}

/* Compacte dia- en sectiebibliotheek */
.slide-library{margin:18px 0;padding:14px 18px 16px}
.slide-library-header{display:block;padding:0;border:0}
.slide-library-header .section-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 12px;margin:0 0 12px}
.slide-library-header .section-number{width:28px;height:28px;font-size:10px}
.slide-library-header .section-title h2{font-size:18px}
.slide-library-header .section-title p{margin:2px 0 0;font-size:12px}
.slide-library-body{margin:0;padding:0;border-top:0}
.slide-library footer{padding:10px 2px 0}.slide-library-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.lecture-export{display:grid;justify-items:end;gap:5px;margin-left:auto}.lecture-export small{color:#9fb8c3;font-size:11px}.lecture-export button{min-height:36px;padding:8px 13px}@media(max-width:700px){.slide-library-footer{align-items:stretch;flex-direction:column}.lecture-export{justify-items:stretch;margin-left:0}.lecture-export button{width:100%}}
.lecture-browser-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:16px;align-items:start;margin:18px 0 28px}.lecture-browser-main{min-width:0}.lecture-browser-main .slide-library{margin:12px 0 0}.lecture-browser-sidebar{position:sticky;top:84px;display:grid;gap:9px;padding:16px;border:1px solid #344d60;border-radius:12px;background:linear-gradient(150deg,#111f2b,#0e1a25)}.lecture-browser-sidebar>.status-label,.lecture-summary-card>.status-label{width:max-content;padding:5px 8px;border-radius:999px;background:#173f47;color:#8edacb;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lecture-browser-sidebar h2,.lecture-summary-card h2{margin:0;font-size:18px}.lecture-browser-sidebar>p,.lecture-summary-card>p{margin:0;color:#9fb2c1;font-size:12px;line-height:1.45}.available-lecture-list{display:grid;gap:8px;margin-top:5px}.available-lecture-card{display:grid;grid-template-columns:1fr auto;gap:5px 10px;width:100%;min-width:0;padding:12px;text-align:left;border-color:#40586b;background:#0c1822}.available-lecture-card:hover,.available-lecture-card.active{border-color:#73cbbb;background:#12302f}.available-lecture-card strong,.available-lecture-card small{grid-column:1/-1;min-width:0}.available-lecture-card strong{overflow-wrap:anywhere;color:#e8f3f1;font-size:15px}.available-lecture-card small{color:#9fb2c1}.lecture-language,.lecture-card-status{width:max-content;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:750}.lecture-language{background:#20384a;color:#b9c9d5}.lecture-card-status{justify-self:end;background:#332d18;color:#efd184}.lecture-card-status.approved{background:#12332c;color:#91ddcd}.lecture-count{color:#829baa}.lecture-summary-card{display:grid;gap:7px;padding:14px 16px;border:1px solid #344d60;border-radius:12px;background:linear-gradient(150deg,#111f2b,#0e1a25)}.lecture-summary-card textarea{width:100%;height:108px;max-height:124px;margin:2px 0 0;padding:11px 12px;resize:none;overflow:auto;line-height:1.5;background:#0c1822;color:#dfe8ee;scrollbar-width:thin;scrollbar-color:#527267 transparent}@media(max-width:1050px){.lecture-browser-layout{grid-template-columns:1fr}.lecture-browser-sidebar{position:static}.available-lecture-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.lecture-browser-layout{gap:10px;margin-top:12px}.available-lecture-list{grid-template-columns:1fr}.lecture-summary-card textarea{height:120px}}
.slide-library .lesson-sections-list{gap:6px}
.slide-library .slide-section-shell{padding:0}
.slide-library .slide-section{margin:0}
.slide-library .slide-section>summary{min-height:42px;padding:5px 10px;gap:8px}
.slide-library .slide-section-title{font-size:16px}
.slide-library .slide-section-items{gap:12px;padding:12px}
.slide-library .slide-section-toolbar{justify-self:end;gap:6px;margin:0}
.slide-library .slide-section-toolbar button{min-height:32px;padding:6px 9px;font-size:12px}

/* Compacte applicatiekop en lezinggerichte navigatie. */
body.editor-shell>header{position:fixed;z-index:110;inset:0 0 auto;display:flex;height:50px;align-items:center;gap:16px;padding:6px max(18px,calc((100vw - 1720px)/2));background:rgba(10,24,34,.97);border-bottom:1px solid #365061;backdrop-filter:blur(10px)}
body.editor-shell>header b{font-size:12px;letter-spacing:.2em}
body.editor-shell>header small{margin-left:auto;font-size:11px;color:#a9beca}
.editor-shell{padding-top:58px}
.presentation-quickbar.permanent-presentation-bar{top:6px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:min(900px,calc(100vw - 430px));padding:4px}
.presentation-quickbar.permanent-presentation-bar button{min-height:34px;padding:5px 10px;font-size:12px;font-weight:750}
.presentation-quickbar .quickbar-secondary{background:#192a38;color:#e7edf4;border-color:#526b7d}
.presentation-quickbar .quickbar-secondary[aria-expanded=true]{border-color:#8edacb;background:#183c3d;color:#a8eadf}
.compact-tool-panels{margin:0 0 12px}
.compact-tool-panels>.offline-presenter-panel,.compact-tool-panels>.template-quick-panel{margin:0;padding:12px;border:1px solid #40586b;border-radius:10px;background:#10202c}
.compact-tool-panels>.template-quick-panel>.template-manager-v2{margin:0}
.lecture-profile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #365061;border-radius:8px;background:#142634}
.lecture-profile-copy{display:grid;gap:3px;min-width:0}.lecture-profile-copy .status-label{width:max-content}.lecture-profile-copy strong{color:#8edacb}.lecture-profile-copy small{color:#a9beca;line-height:1.3}
.profile-switch{padding:7px 9px;font-size:11px;white-space:normal}
.available-lecture-card{display:block;padding:0;overflow:hidden}
.available-lecture-select{display:grid;grid-template-columns:1fr auto;gap:5px 10px;width:100%;padding:12px;text-align:left;border:0;border-radius:0;background:transparent}
.available-lecture-select strong,.available-lecture-select small{grid-column:1/-1}.available-lecture-select strong{font-size:15px;color:#eef7f5}.available-lecture-select small{color:#a9beca;line-height:1.4}
.lecture-card-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:6px;padding:0 10px 10px}.lecture-card-actions:has(>button:only-child){grid-template-columns:1fr}
.lecture-card-actions button{min-width:0;padding:7px 8px;font-size:11px;white-space:normal}
.lecture-card-panel{padding:0 10px 10px}.lecture-card-panel[hidden]{display:none}.lecture-card-panel>.lesson-settings,.lecture-card-panel>.pptx-importer{margin:0;padding:10px}.lecture-card-panel>.lesson-settings>summary,.lecture-card-panel>.pptx-importer>summary{display:none}.lecture-card-panel .edit-fields{grid-template-columns:1fr}.lecture-card-panel .edit-fields button{width:100%}
.lecture-browser-layout{margin-top:8px}
@media(max-width:1100px){.presentation-quickbar.permanent-presentation-bar{left:160px;right:160px;width:auto;transform:none}.lecture-browser-sidebar{top:62px}}
@media(max-width:760px){body.editor-shell>header{position:static;height:42px}.editor-shell{padding-top:52px}.presentation-quickbar.permanent-presentation-bar{left:8px;right:8px;width:auto;grid-template-columns:1fr 1fr}.presentation-quickbar.permanent-presentation-bar button{white-space:normal}.lecture-browser-sidebar{top:auto}.lecture-profile{grid-template-columns:1fr}.profile-switch{width:100%}}
.slide-library .slide-section-shell,.slide-library .slide-insert-row{border:0}
.slide-library .slide-insert-row{gap:8px;margin:0;padding:0}
.slide-library .slide-insert,.slide-library .section-insert{padding:0!important}
.slide-library .slide-insert summary,.slide-library .section-insert summary{display:flex;justify-content:center;min-height:32px;padding:5px 10px;border:1px solid #38665f;border-radius:7px;background:linear-gradient(180deg,#143038,#10242c);color:#9de4d8;font-size:12px;font-weight:750;line-height:1.2;transition:border-color .15s ease,background .15s ease,color .15s ease}
.slide-library .section-insert summary{border-color:#3c5e76;background:linear-gradient(180deg,#172d3b,#112330);color:#b4dced}
.slide-library .slide-insert summary:before,.slide-library .slide-insert summary:after,.slide-library .section-insert summary:before,.slide-library .section-insert summary:after{content:none!important;display:none!important}
.slide-library .slide-insert summary:hover,.slide-library .section-insert summary:hover{border-color:#79cbbc;background:#193a40;color:#d1fff7}
@media(max-width:700px){.slide-library-header .section-heading{grid-template-columns:auto minmax(0,1fr)}.slide-library .slide-section-toolbar{grid-column:1/-1;justify-self:stretch}.slide-library .slide-section-toolbar button{flex:1}.slide-library .slide-insert-row{grid-template-columns:1fr}}
@media(min-width:1500px){.slide-library .slide-section>summary{display:grid;grid-template-columns:auto max-content max-content minmax(12px,1fr) 38px 38px 174px 120px 86px 105px auto;align-items:center}.slide-library .slide-section>summary:before{grid-column:1}.slide-library .slide-section-title{grid-column:2}.slide-library .slide-section-count{grid-column:3}.slide-library .slide-section-actions{display:contents}.slide-library .slide-section-actions .slide-section-move:first-child{grid-column:5}.slide-library .slide-section-actions .slide-section-move:nth-child(2){grid-column:6}.slide-library .slide-section-actions .slide-section-add{grid-column:7}.slide-library .slide-section-actions .slide-section-visibility{grid-column:8}.slide-library .slide-section-actions .slide-section-rename{grid-column:9}.slide-library .slide-section-actions .slide-section-delete{grid-column:10}.slide-library .slide-section-state{grid-column:11;margin-left:0!important}}
.slide-section.unassigned{border-style:dashed}.slide-section-assignment{display:flex;align-items:center;gap:6px;min-width:0;margin:0;color:#8edacb;font-size:12px;font-weight:700;white-space:nowrap}.slide-section-assignment select{width:150px;min-width:110px;min-height:34px;margin:0;padding:5px 8px;font-weight:500}.slide-planning-row{display:flex;align-items:center;gap:12px;min-width:0;margin:10px 0 4px}@media(max-width:520px){.slide-planning-row{align-items:stretch;flex-direction:column}.slide-section-assignment{width:100%}.slide-section-assignment select{flex:1;width:100%}}
.slide-section:not(.unassigned) .slide-section-state{margin-left:0}.slide-section.unassigned .slide-section-state{margin-left:auto}.slide-section-rename{margin-left:auto;padding:7px 10px;font-size:12px}.slide-section-delete{margin-left:0;padding:7px 10px;border-color:#74454b;background:#321d23;color:#ffc1bd;font-size:12px}.slide-section-delete:hover{border-color:#d56868;background:#48242a}@media(max-width:700px){.slide-section>summary{flex-wrap:wrap}.slide-section-rename{order:4;width:calc(50% - 27px);margin-left:39px}.slide-section-delete{order:5;width:calc(50% - 20px)}.slide-section:not(.unassigned) .slide-section-state{margin-left:auto}}
.slide-section-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.slide-section-actions .slide-section-move{min-width:38px;padding:7px 9px}.slide-section-actions .slide-section-rename{margin-left:0}.slide-section-actions .slide-section-visibility{white-space:nowrap}.slide-section-actions button:disabled{opacity:.38;cursor:not-allowed}.slide-section.section-hidden>summary{background:rgba(79,91,103,.13)}.slide-section.section-hidden .slide-section-title{color:#9cabb5}@media(max-width:1499px){.slide-section>summary{flex-wrap:wrap}.slide-section-actions{order:4;width:100%;margin-left:39px}.slide-section-actions .slide-section-rename,.slide-section-actions .slide-section-delete{order:initial;width:auto;margin-left:0}.slide-section:not(.unassigned) .slide-section-state{margin-left:auto}}@media(max-width:600px){.slide-section-actions{display:grid;grid-template-columns:1fr 1fr}.slide-section-actions .slide-section-move,.slide-section-actions .slide-section-visibility,.slide-section-actions .slide-section-rename,.slide-section-actions .slide-section-delete{width:100%}.slide-section-actions .slide-section-visibility{grid-column:1/-1}}
.slide-section-actions .slide-section-add{border-color:#467a72;background:#13302f;color:#a9eadf}.slide-section-actions .slide-section-add:hover{border-color:#79cbbc;background:#1a3c39}.slide-section-actions .slide-section-add,.slide-section-actions .slide-section-visibility,.slide-section-actions .slide-section-rename,.slide-section-actions .slide-section-delete{min-width:0;padding:6px 7px;font-size:12px;line-height:1.15;text-align:center;white-space:normal;overflow-wrap:normal}.slide-section-items>.slide-insert{width:100%;margin:0}.slide-section-items>.slide-insert summary{min-height:30px;background:rgba(20,48,56,.72)}@media(max-width:600px){.slide-section-actions .slide-section-add{grid-column:1/-1;width:100%}}

.solo{overflow:hidden!important;background:#000}.solo main{display:grid!important;place-items:center!important;width:100vw!important;max-width:none!important;height:100vh!important;height:100dvh!important;min-height:0!important;padding:0!important;overflow:hidden!important;background:#000}.solo .audience-live-viewport{flex:none;width:0;height:0;max-width:100vw;max-height:100vh;max-height:100dvh;background:#000}.solo-controls{position:fixed;z-index:50;right:18px;bottom:14px;display:flex;gap:6px;padding:6px;border-radius:8px;background:rgba(3,9,15,.72);opacity:.12;transition:opacity .2s}.solo-controls:hover,.solo-controls:focus-within{opacity:1}.solo-controls button{padding:7px 10px;font-size:13px}.solo .audience-blackout{position:fixed;inset:0;min-height:100vh;background:#000}
@keyframes carpenoctem-presenter-slide-morph-in{from{opacity:.38;transform:scale(.84)}to{opacity:1;transform:scale(1)}}.audience-live-slide{view-transition-name:carpenoctem-presenter-slide}.slide-morph-fallback{animation:carpenoctem-presenter-slide-morph-in .8s cubic-bezier(.22,.7,.22,1)}::view-transition-old(carpenoctem-presenter-slide){animation:carpenoctem-presenter-slide-morph-out .8s ease both}::view-transition-new(carpenoctem-presenter-slide){animation:carpenoctem-presenter-slide-morph-in .8s cubic-bezier(.22,.7,.22,1) both}@keyframes carpenoctem-presenter-slide-morph-out{from{opacity:1;transform:scale(1)}to{opacity:.16;transform:scale(1.035)}}

.presentation-hub .primary-command{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px}.presentation-hub .primary-command button{width:100%;min-width:0!important;min-height:54px;padding:9px 12px;text-align:center}.presentation-hub .secondary-command{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.presentation-hub .secondary-command button{width:100%;min-width:0;min-height:48px;padding:7px 9px;line-height:1.18;text-align:center;white-space:pre-line}@media(max-width:900px){.presentation-hub .primary-command{grid-template-columns:1fr 1fr}.presentation-hub .secondary-command{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.presentation-hub .primary-command,.presentation-hub .secondary-command{grid-template-columns:1fr 1fr}}

.presentation-hub{display:block}.presentation-title-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:5px}.presentation-title-row h2{margin:0}.presentation-hub>.command-center{margin-top:14px}.presentation-hub .primary-command{margin-top:0}@media(max-width:650px){.presentation-title-row{align-items:flex-start;flex-direction:column;gap:8px}.presentation-title-row .timing-badge{width:100%;text-align:center}}

.presentation-hub{background:#12313a}
.presentation-quickbar{position:fixed;z-index:120;top:6px;left:50%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:min(1180px,calc(100vw - 24px));padding:6px;border:1px solid rgba(105,187,170,.72);border-radius:9px;background:rgba(9,28,36,.94);box-shadow:0 8px 24px rgba(0,0,0,.34);transform:translateX(-50%);backdrop-filter:blur(10px)}.presentation-quickbar[hidden]{display:none}.presentation-quickbar button{width:100%;min-width:0;min-height:34px;padding:5px 9px;font-size:12px;line-height:1.1;white-space:nowrap}.presentation-quickbar .primary{background:#8edacb;color:#09242a}@media(max-width:680px){.presentation-quickbar{grid-template-columns:1fr 1fr}.presentation-quickbar button{white-space:normal}}
.editor-shell{padding-top:58px}.permanent-presentation-bar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:min(900px,calc(100vw - 430px));padding:4px}.permanent-presentation-bar button{min-height:34px;font-size:12px;font-weight:750}.presenting{padding-top:0}
.audience{overflow:auto}.audience main{display:flex;align-items:center;width:100%;min-height:100vh;max-width:none;padding:12px}.audience-live-viewport{position:relative;width:100%;overflow:hidden;background:#02050a}.audience-live-viewport>.audience-slide{position:absolute!important;inset:0 auto auto 0;width:1920px!important;height:1080px!important;min-height:1080px!important;aspect-ratio:auto!important;padding:var(--template-padding-y) var(--template-padding-x)!important;transform-origin:top left}.audience-live-viewport>.audience-slide.template-configured h1{font-size:var(--template-title-size)!important}.audience-live-viewport>.audience-slide.template-configured>p:not(.media-caption){font-size:var(--template-body-size)!important}.audience-live-viewport .chapter-label{top:58px;left:115px}.audience-live-viewport .science-visual{right:77px;top:162px;width:691px;height:713px}.audience-live-viewport .media-caption{font-size:21px!important}.audience-live-viewport .media-credit{top:auto;left:auto;right:38px;bottom:26px;max-width:806px;font-size:14px}.audience-live-viewport .layout-cover[data-visual=opening] h1{left:96px;right:96px;top:43px}.audience-live-viewport .layout-cover[data-visual=opening]>.slide-subtitle{left:154px;right:154px;top:162px}.audience-live-viewport .layout-cover[data-visual=opening]>.formula{left:288px;right:288px;top:216px}.audience-live-viewport .layout-cover[data-visual=opening]>p:not(.media-caption){left:96px;bottom:86px;max-width:845px}.audience-live-viewport .layout-cover[data-visual=opening]>.media-caption{right:96px;bottom:86px;max-width:653px!important}.audience-live-viewport .layout-cover[data-visual=opening]>.media-credit{left:auto;right:38px;bottom:26px}

/* Eén canoniek 1920×1080-slidecanvas voor editor, Presenter View en publieksscherm. */

/* One canonical 1920 × 1080 renderer. Wrappers may scale this canvas, but never restyle its contents. */
.slide-canvas{
  position:absolute!important;inset:0 auto auto 0!important;
  box-sizing:border-box!important;width:1920px!important;height:1080px!important;min-height:1080px!important;
  padding:var(--template-padding-y) var(--template-padding-x)!important;
  display:flex!important;align-items:stretch!important;justify-content:stretch!important;
  overflow:hidden!important;transform-origin:top left!important;
  font-family:var(--template-body-font,system-ui,sans-serif)!important;
}
.slide-canvas-content{
  position:relative!important;inset:auto!important;z-index:2!important;
  box-sizing:border-box!important;width:100%!important;height:100%!important;min-width:0!important;
  display:flex!important;flex-direction:column!important;
  justify-content:var(--template-vertical)!important;align-items:var(--template-horizontal)!important;
  text-align:var(--template-text-align)!important;color:var(--template-text)!important;
}
.slide-canvas .slide-canvas-content h1,
.slide-canvas.layout-cover[data-visual="opening"] .slide-canvas-content h1{
  position:relative!important;inset:auto!important;width:var(--template-content-width)!important;
  max-width:var(--template-content-width)!important;margin:0 0 12px!important;padding:0!important;
  font-family:var(--template-title-font,Georgia,serif)!important;
  font-size:var(--template-title-size)!important;line-height:1.03!important;
  text-align:var(--template-text-align)!important;color:var(--template-text)!important;
}
.slide-canvas .slide-canvas-content>p:not(.media-caption),
.slide-canvas .slide-canvas-content>.slide-rich-body,
.slide-canvas.layout-cover[data-visual="opening"] .slide-canvas-content>p:not(.media-caption),
.slide-canvas .slide-canvas-content>.slide-subtitle,
.slide-canvas .slide-canvas-content>.formula{
  position:relative!important;inset:auto!important;width:var(--template-content-width)!important;
  max-width:var(--template-content-width)!important;margin:0 0 12px!important;
  font-family:var(--template-body-font,system-ui,sans-serif)!important;
  text-align:var(--template-text-align)!important;
}
.slide-canvas .slide-canvas-content>p:not(.media-caption),.slide-canvas .slide-canvas-content>.slide-rich-body{font-size:var(--template-body-size)!important;color:var(--template-text)!important}
.slide-canvas .slide-canvas-content>.slide-subtitle,
.slide-canvas .slide-canvas-content>.formula{color:var(--template-accent)!important}
.slide-canvas .slide-canvas-content>.media-caption,
.slide-canvas.layout-cover[data-visual="opening"] .slide-canvas-content>.media-caption{
  position:relative!important;inset:auto!important;width:var(--template-content-width)!important;
  max-width:var(--template-content-width)!important;margin:0!important;text-align:var(--template-text-align)!important;
}
.slide-canvas>.media-credit{top:auto!important;left:auto!important;right:38px!important;bottom:26px!important;max-width:806px!important;font-size:14px!important}
.slide-canvas .chapter-label{position:relative!important;inset:auto!important;width:var(--template-content-width)!important;margin:0 0 12px!important}

.rich-text-control{overflow:hidden;border:1px solid #536b7e;border-radius:6px;background:#1d3041}.rich-text-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:6px;border-bottom:1px solid #41596b;background:#142534}.rich-text-toolbar button{min-width:34px;padding:5px 8px;font-weight:700}.rich-text-toolbar button:nth-child(2){font-style:italic}.rich-text-toolbar button:nth-child(3){text-decoration:underline}.rich-text-editor{min-height:150px;max-height:420px;overflow-y:auto;padding:12px 14px;outline:none;white-space:normal;line-height:1.5;overflow-wrap:anywhere;caret-color:#8edacb}.rich-text-editor:empty:before{content:attr(data-placeholder);color:#8195a5;pointer-events:none}.rich-text-editor:focus{box-shadow:inset 0 0 0 2px #8edacb}.rich-text-editor p,.slide-rich-body p{display:block;margin:.42em 0;padding:0;border:0;color:inherit;line-height:1.45}.rich-text-editor ul,.rich-text-editor ol,.slide-rich-body ul,.slide-rich-body ol{display:block;margin:.4em 0;padding-inline-start:1.45em}.rich-text-editor ul,.slide-rich-body ul{list-style:disc}.rich-text-editor ol,.slide-rich-body ol{list-style:decimal}.rich-text-editor li,.slide-rich-body li{display:list-item;grid-template-columns:none;gap:0;margin:.22em 0;padding:0;border:0;background:none;color:inherit;line-height:1.4}.rich-text-editor li::marker,.slide-rich-body li::marker{color:var(--cx-optic,#8edacb)}.rich-text-editor strong,.slide-rich-body strong{font-weight:800}.rich-text-editor u,.slide-rich-body u{text-underline-offset:.14em;text-decoration-thickness:.08em}.text-size-large{font-size:1.25em}.text-size-small{font-size:.82em}.slide-rich-body .progressive-hidden{display:none}.content-width-control,.overlay-control,.overlay-opacity-control{display:grid;gap:5px}.content-width-control input,.overlay-opacity-control input{width:100%;max-width:none}.content-width-status,.overlay-status,.overlay-opacity-status{color:#8edacb}.overlay-control input{justify-self:start}

.slide-time-control{display:flex;align-items:center;gap:6px;margin:0}.slide-time-control label{display:flex;align-items:center;gap:6px;margin:0;color:#8edacb;font-size:12px;font-weight:700;white-space:nowrap}.slide-time-control input{width:48px;min-height:34px;margin:0;padding:5px 7px;text-align:center}.slide-time-control button{min-height:34px;padding:5px 9px;font-size:12px;white-space:nowrap}@media(max-width:520px){.slide-time-control{width:100%}.slide-time-control label{flex:1}.slide-time-control input{margin-left:auto}}

/* Slide editor: grouped controls and a vertically centred live preview. */
.slide-card-visual{position:relative!important;top:auto!important;align-self:center!important}
.slide-editor-groups{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
.slide-editor-group{min-width:0;margin:0;padding:14px 15px 16px;border:1px solid #40586b;border-radius:8px;background:rgba(12,24,34,.55)}
.slide-editor-group legend{padding:0 8px;color:#8edacb;font-weight:700}
.slide-editor-group label{margin:8px 0}
.slide-editor-group input:not([type=checkbox]),.slide-editor-group textarea,.slide-editor-group select{width:100%;max-width:none}
.slide-editor-group input[type=checkbox]{width:22px;height:22px;margin:8px 0 0;accent-color:#8edacb}
.slide-editor-checkbox-row{display:flex!important;align-items:center;gap:9px;margin:8px 0!important;line-height:1.25;cursor:pointer}
.slide-editor-checkbox-row>input[type=checkbox]{order:-1;flex:none;margin:0!important}
.slide-editor-checkbox-with-status{display:grid!important;grid-template-columns:auto minmax(0,1fr);justify-content:start;row-gap:3px}
.slide-editor-checkbox-with-status>span{grid-column:2;grid-row:1}
.slide-editor-checkbox-with-status>.overlay-control{display:contents}
.slide-editor-checkbox-with-status .overlay-control>input[type=checkbox]{grid-column:1;grid-row:1;width:22px;height:22px;margin:0!important}
.slide-editor-checkbox-with-status .overlay-status{grid-column:1/-1;grid-row:2;align-self:center;margin:0;font-size:11px;white-space:normal}
.slide-editor-effects{align-content:start}
.slide-editor-overlay .overlay-opacity-control{display:flex;align-items:center;gap:9px;margin-top:4px}
.slide-editor-overlay .overlay-opacity-control input{flex:1;min-width:0;margin:0}
.slide-editor-overlay .overlay-opacity-status{flex:none;min-width:3ch;text-align:right;font-size:11px}
.slide-editor-group:nth-child(1),.slide-editor-full-width{grid-column:1/-1}
.quiz-editor-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:'legend legend legend' 'answer-a correct duration' 'answer-b explanation explanation' 'answer-c explanation explanation';gap:4px 16px}.quiz-editor-group legend{grid-area:legend}.quiz-editor-group label{min-width:0}.quiz-editor-group label:nth-of-type(1){grid-area:answer-a}.quiz-editor-group label:nth-of-type(2){grid-area:answer-b}.quiz-editor-group label:nth-of-type(3){grid-area:answer-c}.quiz-editor-group label:nth-of-type(4){grid-area:correct}.quiz-editor-group label:nth-of-type(5){grid-area:duration}.quiz-editor-group label:nth-of-type(6){grid-area:explanation;display:flex;min-height:0;flex-direction:column}.quiz-editor-group textarea{height:auto;min-height:0;flex:1;resize:none}
.slide-editor-layout-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;align-items:start;width:100%}.slide-editor-layout-fields>label{min-width:0;margin:0}.slide-editor-layout-fields select{width:100%;max-width:none}
.slide-editor-groups>button{grid-column:1/-1;justify-self:start}
.slide-editor-group .auto-size-textarea{height:auto;min-height:110px;overflow-y:hidden!important;resize:none!important}
@media(max-width:700px){.slide-editor-groups{grid-template-columns:1fr!important}.slide-editor-group{grid-column:auto!important}.slide-editor-layout-fields{grid-template-columns:1fr}.quiz-editor-group{grid-template-columns:1fr;grid-template-areas:'legend' 'answer-a' 'correct' 'duration' 'answer-b' 'answer-c' 'explanation'}.quiz-editor-group label{grid-column:auto!important}.quiz-editor-group textarea{min-height:110px}}

/* A/B/C: equal answer cards and no vertical jump for the highlighted answer. */
.audience-slide.layout-quiz .options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.audience-slide.layout-quiz .option{width:auto;min-width:0;height:100%;transform:none}.audience-slide.layout-quiz .option.correct{transform:none}

/* Canonical slide footer: optional full-width bar with the source directly below it. */
.slide-canvas:after{inset:28px 42px!important}
.slide-canvas>.slide-footer{
  position:absolute!important;z-index:6!important;left:42px!important;right:42px!important;bottom:46px!important;
  width:auto!important;max-width:none!important;margin:0!important;padding:13px 30px!important;
  background:linear-gradient(90deg,rgba(3,10,18,.62),rgba(3,10,18,.44),rgba(3,10,18,.62))!important;color:var(--template-text,#f4f7fb)!important;
  font-family:var(--template-body-font,system-ui,sans-serif)!important;font-size:22px!important;line-height:1.3!important;
  text-align:center!important;text-shadow:0 1px 5px rgba(0,0,0,.9)!important;backdrop-filter:blur(2px);border-inline:0!important
}
.slide-canvas>.media-credit{
  top:auto!important;left:auto!important;right:38px!important;bottom:12px!important;
  max-width:806px!important;margin:0!important;padding:3px 7px!important;font-size:13px!important
}

/* Verborgen dia's blijven herkenbaar zonder de preview onleesbaar te maken. */
.slide-card.hidden{opacity:1!important}.slide-card.hidden .slide-card-detail{opacity:.62}.slide-card.hidden .slide-preview-viewport{filter:saturate(.28) brightness(.62)}.slide-card.hidden .slide-preview-viewport:after{content:'VERBORGEN';position:absolute;inset:0;z-index:100;display:grid;place-items:center;background:linear-gradient(32deg,transparent calc(50% - 3px),rgba(213,104,104,.78) calc(50% - 2px),rgba(213,104,104,.78) calc(50% + 2px),transparent calc(50% + 3px)),linear-gradient(-32deg,transparent calc(50% - 3px),rgba(213,104,104,.78) calc(50% - 2px),rgba(213,104,104,.78) calc(50% + 2px),transparent calc(50% + 3px)),rgba(3,8,14,.34);color:#fff;font-size:clamp(20px,2.6vw,44px);font-weight:800;letter-spacing:.18em;text-shadow:0 2px 12px #000;pointer-events:none}.slide-delete-button{min-width:44px;padding-inline:11px;color:#ffc1bd}.slide-delete-button:hover{border-color:#d56868;background:#3a2024}

/* Template library: one named template collection containing collapsible template slides. */
.template-manager-v2{max-height:none!important;overflow:visible!important}.template-manager-v2>summary{display:flex;align-items:baseline;gap:14px}.template-manager-v2>summary span{color:#8edacb;font-size:14px}.template-collection-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) repeat(4,auto);gap:10px;margin:18px 0}.template-collection-toolbar select{width:100%;max-width:none}.template-card-list{display:grid;gap:14px}.template-slide-card{border:1px solid #40586b;border-radius:10px;background:#0c1822;overflow:hidden}.template-slide-card>summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;cursor:pointer;color:#e8f0f5}.template-slide-card>summary span{color:#8ba2b2;font-size:13px}.template-slide-card[open]>summary{border-bottom:1px solid #334d60;background:#10212d}.template-slide-body{display:grid;grid-template-columns:minmax(390px,.82fr) minmax(660px,1.18fr);gap:clamp(24px,3vw,52px);align-items:center;padding:22px}.template-slide-controls{min-width:0}.template-slide-preview{min-width:0}.template-preview-title{margin-bottom:10px;color:#8edacb;font-weight:700}.template-manager-v2 .template-preview-viewport{width:100%;position:relative;overflow:hidden;background:#02050a}.template-manager-v2 .template-actions{grid-column:1/-1;display:flex;align-items:center;gap:10px}.layout-slideshow .slide-canvas-content,.layout-iframe .slide-canvas-content{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.continuous-slideshow{position:absolute;inset:0;overflow:hidden;background:#000}.continuous-slideshow img,.continuous-slideshow video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.continuous-slideshow img{opacity:0;animation:carpenoctem-presenter-slideshow 15s infinite}.continuous-slideshow img:only-child{opacity:1;animation:none}@keyframes carpenoctem-presenter-slideshow{0%,28%{opacity:1;transform:scale(1)}34%,94%{opacity:0;transform:scale(1.035)}100%{opacity:1}}.template-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}@media(max-width:1100px){.template-slide-body{grid-template-columns:1fr}.template-collection-toolbar{grid-template-columns:1fr 1fr}.template-collection-toolbar select{grid-column:1/-1}}@media(max-width:650px){.template-collection-toolbar{grid-template-columns:1fr}.template-collection-toolbar select{grid-column:auto}.template-slide-card>summary{align-items:flex-start;flex-direction:column}}
.top-overview .admin-workspace-view:has(.template-manager-v2),.top-overview .admin-workspace-body.wide-content .admin-workspace-view:has(.template-manager-v2){height:auto!important;min-height:0!important;max-height:none!important;padding-right:4px!important;overflow:visible!important;scrollbar-gutter:auto!important}.top-overview .workspace-content:has(.template-manager-v2){overflow:visible!important}.template-slide-body>*{max-width:100%}@media(max-width:1500px){.template-slide-body{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)}}@media(max-width:1050px){.template-slide-body{grid-template-columns:1fr}.template-slide-preview{width:100%}}
.template-slide-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start}.template-slide-controls>.slide-editor-group{grid-column:auto!important;height:100%}.template-slide-controls>.template-actions{grid-column:1/-1!important}@media(max-width:760px){.template-slide-controls{grid-template-columns:1fr!important}.template-slide-controls>.template-actions{grid-column:auto!important}}
.template-editor-frame{border:1px solid #40586b;border-radius:12px;background:#0e1c27;padding:14px;box-shadow:inset 0 1px rgba(255,255,255,.025)}.template-editor-header{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:12px;margin-bottom:12px}.template-editor-header h3{margin:0;font-size:19px;color:#eef8f6}.template-editor-header p{grid-column:2;margin:2px 0 0;color:#9eb4c2;font-size:12px}.template-editor-kicker{grid-row:1/3;align-self:center;padding:5px 8px;border-radius:999px;background:#16384a;color:#8edacb;font-size:10px;font-weight:800;letter-spacing:.09em}.compact-template-manager .template-collection-toolbar{grid-template-columns:minmax(220px,.8fr) minmax(250px,1fr) auto;align-items:end;gap:10px;margin:0 0 12px;padding:10px;border:1px solid #334d60;border-radius:9px;background:#11232f}.compact-template-manager .template-collection-toolbar>label{display:grid;gap:5px;margin:0;color:#a9c0cd;font-size:12px;font-weight:700}.compact-template-manager .template-collection-toolbar select{min-height:38px;margin:0}.template-toolbar-actions{display:flex;gap:8px;align-items:stretch}.template-toolbar-actions button{min-height:38px;white-space:nowrap}.compact-template-manager .template-card-list{display:block}.compact-template-manager .template-slide-card{margin:0;border-radius:9px}.compact-template-manager .template-slide-card>summary{min-height:42px;padding:9px 13px;cursor:default;background:#10212d;border-bottom:1px solid #334d60}.compact-template-manager .template-slide-card>summary strong{font-size:15px}.compact-template-manager .template-slide-card>summary span{font-size:11px}.compact-template-manager .template-slide-body{grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);align-items:start;gap:16px;padding:14px}.compact-template-manager .template-slide-controls{gap:10px!important}.compact-template-manager .slide-editor-group{padding:10px!important}.compact-template-manager .slide-editor-group label{margin-bottom:7px;font-size:12px}.compact-template-manager .slide-editor-group input,.compact-template-manager .slide-editor-group select{margin-top:4px;min-height:34px}.compact-template-manager .template-actions{gap:8px!important;margin-top:0!important}.compact-template-manager .template-slide-preview{position:sticky;top:8px}.template-preview-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 7px;color:#8edacb;font-size:12px}.template-preview-head span{color:#8ba2b2}.compact-template-manager .template-preview-viewport{border:1px solid #314b5d;border-radius:6px}.compact-template-manager .template-live-status{font-size:11px}@media(max-width:1200px){.compact-template-manager .template-slide-body{grid-template-columns:1fr}.compact-template-manager .template-slide-preview{position:static}.compact-template-manager .template-collection-toolbar{grid-template-columns:1fr 1fr}.template-toolbar-actions{grid-column:1/-1}}@media(max-width:650px){.template-editor-frame{padding:9px}.template-editor-header{grid-template-columns:1fr}.template-editor-kicker{grid-row:auto}.template-editor-header p{grid-column:1}.compact-template-manager .template-collection-toolbar{grid-template-columns:1fr}.template-toolbar-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.compact-template-manager .template-slide-body{padding:9px}}

[hidden]{display:none!important}.local-html-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:7px}.local-html-picker button{margin:0}.local-html-status{color:#9fb2c1}

/* De iFrame-template gebruikt het volledige 1920 x 1080-diavlak. */
.slide-canvas.layout-iframe{padding:0!important;background:#000!important;background-image:none!important}
.slide-canvas.layout-iframe:before,.slide-canvas.layout-iframe:after,.slide-canvas.layout-iframe>.science-visual,.slide-canvas.layout-iframe>.slide-footer,.slide-canvas.layout-iframe>.media-credit{display:none!important}
.slide-canvas.layout-iframe>.slide-canvas-content{position:absolute!important;inset:0!important;width:1920px!important;height:1080px!important;min-width:1920px!important;min-height:1080px!important;display:block!important}
.slide-canvas.layout-iframe .template-iframe{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;border:0!important;margin:0!important;padding:0!important;background:#fff!important}
.iframe-embed-status{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 20px;border:1px solid rgba(142,218,203,.45);border-radius:9px;background:rgba(3,10,18,.88);color:#dce8ef;font:600 22px/1.4 system-ui,sans-serif;text-align:center}.iframe-embed-status.blocked{inset:0;transform:none;display:grid;place-items:center;width:auto;height:auto;padding:120px;background:#080d13;color:#f0c5c5;font-size:30px}.iframe-embed-status.warning{display:grid;gap:16px;max-width:760px}.iframe-embed-status.warning button{justify-self:center;font-size:18px}

/* Een slideshow toont één bestuurbare foto tegelijk en herhaalt niet. */
.continuous-slideshow img,.continuous-slideshow video{opacity:0!important;animation:none!important;transition:opacity .35s ease}
.continuous-slideshow img.active,.continuous-slideshow video.active{opacity:1!important}
.slideshow-caption{position:absolute!important;z-index:2;inset:var(--template-padding-y) var(--template-padding-x)!important;width:auto!important;height:auto!important;display:flex!important;flex-direction:column;align-items:var(--template-horizontal)!important;justify-content:var(--template-vertical)!important;gap:0;pointer-events:none;text-align:var(--template-text-align);color:var(--template-text);text-shadow:0 2px 8px #000,0 0 28px #000}.slideshow-caption>.slide-subtitle{position:relative!important;inset:auto!important;width:var(--template-content-width)!important;max-width:var(--template-content-width)!important;margin:0 0 12px!important;padding:0!important;font-family:var(--template-body-font)!important;font-size:var(--template-body-size)!important;line-height:1.25!important;text-align:var(--template-text-align)!important;color:var(--template-accent)!important}.slideshow-caption-fields{display:grid;gap:10px}.slideshow-caption-row{display:grid;gap:7px;padding:12px;border:1px solid #40586b;border-radius:7px}.slideshow-caption-row strong{overflow-wrap:anywhere}
.slideshow-position{position:absolute;right:42px;bottom:30px;z-index:3;padding:7px 11px;border-radius:999px;background:rgba(3,10,18,.58);color:#dce8ef;font:600 17px/1 system-ui,sans-serif}
.slideshow-presenter-status{color:#8edacb;font-weight:700}
.slide-save-button{min-width:122px;font-weight:700;transition:background-color .18s,border-color .18s,color .18s}.slide-save-button.saved{background:#8edacb;border-color:#8edacb;color:#10241f}.slide-save-button.unsaved{background:#7a3439;border-color:#b75a62;color:#fff}.slide-save-button.unsaved:hover{background:#8a3b41;border-color:#d2787f}

.slide-editor-group input[type=color]{height:44px;padding:4px;cursor:pointer}

.approval-item.selected{margin-inline:-6px;padding-inline:6px;border-radius:6px;background:#15342f;box-shadow:inset 3px 0 #86d7c8}.approval-item.selected small{color:#9ee5d8}.approval-consent{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;padding-top:11px;border-top:1px solid #405a6d}.approval-consent small{color:#b7c6d2}.approval-consent button{padding:7px 10px}@media(max-width:700px){.approval-consent{align-items:stretch;flex-direction:column}.approval-consent button{width:100%}}

/* Volledige werkbreedte vanaf 1920px; daaronder één overzichtelijke kolom. */
body.editor-shell:not(.audience)>main{width:100%;max-width:none;margin:0;padding:16px}
body.editor-shell>header{padding-inline:16px}
.lecture-browser-layout{grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:16px;margin:0 0 20px}
.lecture-browser-sidebar{position:static;top:auto;align-self:start}
.lecture-browser-main .slide-library{margin:0}
.slide-library .lecture-summary-card{display:block;margin:0 0 8px;padding:8px 10px;border-radius:7px;background:#0c1822}
.lecture-summary-text{margin:0;color:#dfe8ee;font-size:13px;line-height:1.45}
@media(max-width:1919px){.lecture-browser-layout{grid-template-columns:1fr}.lecture-browser-sidebar{position:static}.lecture-browser-main{width:100%}}
@media(max-width:650px){body.editor-shell:not(.audience)>main{padding:10px}.lecture-browser-layout{gap:10px}.slide-library .lecture-summary-card{padding:7px 9px}.lecture-summary-text{font-size:12px}}

/* Compacte bediening in de lezingenkolom. */
.lecture-sidebar-tools{display:grid;grid-template-columns:minmax(0,1fr) 154px;gap:8px;align-items:stretch}
.lecture-sidebar-tools>.lecture-card-panel{grid-column:1/-1;padding:0}
.lecture-sidebar-tools>.sidebar-pptx-button{min-width:0;padding:8px 10px;line-height:1.25;white-space:normal}
.lecture-sidebar-tools>.sidebar-pptx-button[aria-expanded=true]{border-color:#8edacb;background:#183c3d;color:#a8eadf}
.lecture-profile{padding:9px 10px}
.lecture-profile-copy{gap:2px}
.lecture-browser-sidebar>h2{margin-top:2px}
.available-lecture-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.available-lecture-select{min-width:0;padding:10px}
.available-lecture-card>.lecture-manage-button{align-self:center;margin:0 10px 0 0;padding:7px 12px}
.available-lecture-card>.lecture-card-panel{grid-column:1/-1}
@media(max-width:650px){.lecture-sidebar-tools{grid-template-columns:1fr}.lecture-sidebar-tools>.sidebar-pptx-button{width:100%}.available-lecture-card{grid-template-columns:minmax(0,1fr) auto}}

/* Alleen de twee presentatiemodi blijven tijdens scrollen bereikbaar. */
body.editor-shell>header{position:static;height:50px;padding:6px 16px}
.editor-shell{padding-top:0}
.presentation-quickbar.permanent-presentation-bar{grid-template-columns:repeat(2,minmax(0,1fr));width:min(620px,calc(100vw - 280px))}

/* Drie compacte beheerfuncties boven het actieve profiel. */
.lecture-sidebar-tools{display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch}
.lecture-sidebar-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lecture-sidebar-actions .lecture-tool-button{min-width:0;min-height:38px;padding:7px 8px;font-size:11px;font-weight:750;line-height:1.2;white-space:normal}
.lecture-sidebar-actions .lecture-tool-button[aria-expanded=true]{border-color:#8edacb;background:#183c3d;color:#a8eadf}
.lecture-sidebar-tools>.lecture-card-panel{grid-column:auto;padding:0}
.lecture-sidebar-tools>.offline-presenter-panel{grid-column:auto;grid-template-columns:1fr;gap:6px;padding:9px;border-radius:8px}
.lecture-sidebar-tools>.offline-presenter-panel .offline-presenter-intro{grid-column:auto;padding:5px 7px;font-size:12px}
.lecture-sidebar-tools>.offline-presenter-panel .offline-browser-card{min-height:52px;padding:8px 10px}
.lecture-browser-main>.template-quick-panel{margin:0;padding:0;border:0;border-radius:0;background:transparent}
.lecture-browser-main>.template-quick-panel>.template-manager-v2{margin:0;padding:0;border:0;border-radius:0;background:transparent}
.lecture-browser-main>.template-quick-panel>.template-manager-v2>summary{display:none}

/* Templatebibliotheek en compacte template-diaweergave. */
.lecture-browser-main .template-editor-frame{display:grid;gap:10px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.template-pack-library{display:grid;gap:7px;margin:0;padding:8px 10px 9px;border:1px solid #40586b;border-radius:10px;background:#0c1a24}
.template-pack-library-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.template-pack-title-row{display:flex;align-items:center;gap:8px}
.template-pack-library-title h3{margin:0;color:#eef8f6;font-size:17px}
.template-pack-library-title p{margin:1px 0 0;color:#9eb4c2;font-size:12px;line-height:1.35}
.template-pack-count{width:max-content;padding:3px 7px;border-radius:999px;background:#17384a;color:#9bded2;font-size:10px;font-weight:750;white-space:nowrap}
.template-pack-library-head>button{flex:none}
.template-pack-gallery{display:flex;gap:10px;overflow-x:auto;padding:1px 1px 5px;scrollbar-width:thin;scrollbar-color:#527267 transparent}
.template-pack-choice{display:grid;flex:0 0 220px;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;min-width:0;max-width:220px;padding:6px;text-align:left;border-color:#40586b;background:#10212d}
.template-pack-choice:hover,.template-pack-choice.active{border-color:#73cbbb;background:#153333}
.template-pack-thumb{grid-column:1/-1;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #304b5c;border-radius:6px;background:#02050a}
.template-pack-thumb>.template-pack-preview{position:absolute!important;inset:0 auto auto 0;width:1920px!important;height:1080px!important;min-height:1080px!important;aspect-ratio:auto!important;transform:scale(var(--preview-scale,1))!important;transform-origin:top left;box-shadow:none}
.template-pack-thumb>.template-pack-preview.template-configured h1{font-size:var(--template-title-size)!important}
.template-pack-thumb>.template-pack-preview.template-configured>p:not(.media-caption){font-size:var(--template-body-size)!important}
.template-pack-choice strong{min-width:0;overflow-wrap:anywhere;color:#eef8f6}
.template-pack-choice>span{align-self:center;color:#8edacb;font-size:11px}
.template-slides-library{display:grid;gap:7px;padding:10px;border:1px solid #40586b;border-radius:10px;background:#0c1a24}
.template-slides-library>.template-collection-toolbar{margin:0;padding:0 0 7px;border:0;border-bottom:1px solid #334d60;border-radius:0;background:transparent}
.compact-template-manager .template-collection-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:0;padding:0 0 7px;border:0;border-bottom:1px solid #334d60;border-radius:0;background:transparent}
.template-collection-title{display:flex;align-items:center;gap:8px;min-width:0}
.template-collection-title>strong{min-width:0;color:#9de4d8;font-size:15px}
.compact-template-manager .template-collection-toolbar .template-toolbar-actions{grid-column:2}
.template-library-action{width:300px;max-width:100%;min-height:34px;padding:5px 10px;font-size:12px;font-weight:750;line-height:1.1}
.compact-template-manager .template-card-list{display:grid;gap:6px}
.compact-template-manager .template-slide-card{margin:0;border-radius:8px}
.compact-template-manager .template-slide-card>summary{display:grid;grid-template-columns:minmax(0,1fr) max-content auto auto;align-items:center;gap:9px;min-height:44px;padding:6px 9px;cursor:pointer;border-bottom:0;background:#0c1923}
.compact-template-manager .template-slide-card[open]>summary{border-bottom:1px solid #334d60;background:#10212d}
.template-slide-summary-title{color:#9de4d8;font-size:15px}
.template-slide-summary-actions{display:flex;align-items:center}
.template-slide-summary-actions .slide-section-delete{min-width:0;padding:6px 9px;font-size:11px;line-height:1.15;white-space:normal}
.template-slide-state{color:#9eb4c2!important;font-size:11px!important}
@media(max-width:800px){.template-pack-library-head{align-items:stretch;flex-direction:column}.template-pack-library-head .template-library-action{width:100%}.template-pack-choice{flex-basis:230px}.compact-template-manager .template-slide-card>summary{grid-template-columns:minmax(0,1fr) auto}.template-slide-summary-actions{grid-column:1}.template-slide-state{grid-column:2;grid-row:1}.compact-template-manager .template-collection-toolbar{grid-template-columns:1fr}.compact-template-manager .template-collection-toolbar .template-toolbar-actions{grid-column:1}.template-toolbar-actions button{width:100%;flex:1}}

/* De lezing gebruikt dezelfde badges als de sectieregels. */
.lecture-title-row{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-width:0}
.lecture-title-row strong{min-width:0;overflow-wrap:anywhere}
.lecture-title-row .slide-section-count,.lecture-title-row .approval-badge{flex:none}

/* Exporteren krijgt dezelfde maat en primaire vorm als de presentatiemodi. */
.lecture-export .presentation-action-button{width:300px;max-width:100%;min-height:34px;padding:5px 10px;font-size:12px;font-weight:750}

/* De twee inhoudssecties gebruiken dezelfde compacte, kaderloze kopregel. */
.slide-card .content-editor{clear:both;margin:10px 0 0;padding:0;border:0;border-radius:0;background:transparent}
.slide-card .content-editor[open]{padding:0}
.slide-card .content-editor>summary,.slide-card .content-review>summary{min-height:34px;padding:6px 0;font-weight:700}

@media(max-width:760px){body.editor-shell>header{position:static;height:42px}.editor-shell{padding-top:0}.presentation-quickbar.permanent-presentation-bar{left:8px;right:8px;width:auto;grid-template-columns:1fr 1fr}}
@media(max-width:480px){.lecture-sidebar-actions{grid-template-columns:1fr}.lecture-sidebar-actions .lecture-tool-button{width:100%}}

/* Observatory Pro — centrale (Carpe Noctem) Presenter-identiteit voor beheeromgeving en Presenter. */
:root{
  --cx-bg:#080d12;
  --cx-surface:#101820;
  --cx-surface-raised:#17222c;
  --cx-surface-soft:#131d25;
  --cx-line:#30414d;
  --cx-line-strong:#455b68;
  --cx-text:#f2f0e9;
  --cx-muted:#93a4ad;
  --cx-copper:#d6a05b;
  --cx-copper-soft:#f0c98f;
  --cx-optic:#75c8d2;
  --cx-optic-soft:#b6e7ea;
  --cx-success:#63c69b;
  --cx-danger:#d76c6c;
  color:#f2f0e9;
  background:#080d12;
  color-scheme:dark;
}
body{background:var(--cx-bg);color:var(--cx-text)}
body.editor-shell{
  background-color:var(--cx-bg);
  background-image:
    radial-gradient(circle at 9% 18%,rgba(214,160,91,.045),transparent 22%),
    radial-gradient(circle at 89% 10%,rgba(117,200,210,.045),transparent 24%),
    radial-gradient(circle at 12% 19%,rgba(255,255,255,.38) 0 1px,transparent 1.2px),
    radial-gradient(circle at 74% 31%,rgba(255,255,255,.25) 0 1px,transparent 1.2px);
  background-size:auto,auto,211px 193px,283px 251px;
  background-attachment:fixed;
}
p{color:var(--cx-muted)}
a,summary{color:var(--cx-optic)}
button,input,textarea,select{
  border-color:var(--cx-line-strong);
  border-radius:5px;
  background:var(--cx-surface-raised);
  color:var(--cx-text);
}
button:hover{border-color:var(--cx-optic);background:#1b2933}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{
  outline:2px solid var(--cx-optic);outline-offset:2px;
}
.primary{
  border-color:var(--cx-optic);
  background:var(--cx-optic);
  color:#081014;
  font-weight:800;
}
.primary:hover{border-color:var(--cx-optic-soft);background:var(--cx-optic-soft);color:#081014}

body.editor-shell>header{
  border-bottom-color:var(--cx-line);
  background:rgba(10,15,20,.96);
  box-shadow:0 8px 28px rgba(0,0,0,.22);
}
body.editor-shell>header b{
  display:flex;align-items:center;gap:10px;color:var(--cx-text);
}
body.editor-shell>header b:before{
  content:'';display:inline-block;width:17px;height:17px;border:1px solid var(--cx-copper);border-radius:50%;
  background:radial-gradient(circle at 50% 50%,var(--cx-optic) 0 2px,transparent 2.5px);
  box-shadow:0 0 15px rgba(214,160,91,.22),inset 0 0 0 4px rgba(117,200,210,.04);
}
body.editor-shell>header small{color:var(--cx-muted)}

.presentation-quickbar,.presentation-quickbar.permanent-presentation-bar{
  border-color:rgba(117,200,210,.58);
  border-radius:7px;
  background:rgba(13,21,27,.96);
  box-shadow:0 9px 28px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.025);
}
.presentation-quickbar .primary{background:var(--cx-optic);color:#081014}
.presentation-quickbar .quickbar-secondary{
  border-color:var(--cx-line-strong);background:var(--cx-surface-raised);color:var(--cx-text);
}
.presentation-quickbar .quickbar-secondary:hover,.presentation-quickbar .quickbar-secondary[aria-expanded=true]{
  border-color:var(--cx-copper);background:#2b241c;color:var(--cx-copper-soft);
}

.lecture-browser-sidebar,.lecture-summary-card,.slide-library,.template-pack-library,.template-slides-library,
.template-editor-frame,.template-slide-card,.compact-tool-panels>.offline-presenter-panel,
.compact-tool-panels>.template-quick-panel,.offline-presenter-panel{
  border-color:var(--cx-line);
  background:linear-gradient(150deg,rgba(16,24,32,.98),rgba(10,16,21,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.018);
}
.lecture-browser-sidebar{border-radius:8px}
.lecture-sidebar-actions .lecture-tool-button,.tool,.quickbar-secondary{
  border-color:var(--cx-line-strong);background:var(--cx-surface-raised);color:var(--cx-text);
}
.lecture-sidebar-actions .lecture-tool-button:hover,
.lecture-sidebar-actions .lecture-tool-button[aria-expanded=true]{
  border-color:var(--cx-copper);background:#2b241c;color:var(--cx-copper-soft);
}
.lecture-profile{
  border:0;border-left:2px solid var(--cx-copper);border-radius:2px;
  background:linear-gradient(90deg,rgba(214,160,91,.075),rgba(23,34,44,.86));
}
.lecture-profile-copy strong{color:var(--cx-optic)}
.lecture-profile-copy small,.available-lecture-select small,.lecture-browser-sidebar>p,.template-pack-library-title p{color:var(--cx-muted)}
.lecture-browser-sidebar>h2,.slide-library h2,.template-pack-library-title h3{color:var(--cx-text);letter-spacing:-.012em}

.available-lecture-card{
  position:relative;border-color:#4a463e;background:linear-gradient(120deg,rgba(214,160,91,.09),var(--cx-surface-raised));
}
.available-lecture-card:after{
  content:'';position:absolute;z-index:0;right:-50px;top:-62px;width:118px;height:118px;border:1px solid rgba(117,200,210,.13);border-radius:50%;
  box-shadow:0 0 0 17px rgba(117,200,210,.025),0 0 0 35px rgba(117,200,210,.018);pointer-events:none;
}
.available-lecture-card>*{position:relative;z-index:1}
.available-lecture-card:hover,.available-lecture-card.active{border-color:var(--cx-copper);background:linear-gradient(120deg,rgba(214,160,91,.15),#19232b)}
.available-lecture-select strong,.lecture-title-row strong{color:var(--cx-text)}
.slide-section-count,.template-pack-count,.lecture-language{
  background:#202c35;color:var(--cx-optic-soft);border:1px solid rgba(117,200,210,.18);
}
.lecture-card-status,.approval-badge{border:1px solid rgba(214,160,91,.34);background:#2b2418;color:var(--cx-copper-soft)}
.lecture-card-status.approved,.approval-badge.approved,.approval-badge.is-approved{
  border-color:rgba(99,198,155,.48);background:rgba(31,87,67,.3);color:#9be1bf;
}

.slide-library .lecture-summary-card{
  border-left:2px solid var(--cx-optic);background:rgba(117,200,210,.035);
}
.lecture-summary-text{color:#ced8dc}
.slide-library-header .section-number,.section-number{
  border:1px solid rgba(214,160,91,.4);background:rgba(214,160,91,.09);color:var(--cx-copper);
}
.slide-section{
  border-color:var(--cx-line);border-radius:7px;background:rgba(8,13,18,.86);
  box-shadow:inset 0 1px rgba(255,255,255,.014);
}
.slide-section>summary{background:linear-gradient(90deg,rgba(214,160,91,.025),transparent 35%)}
.slide-section>summary:before{color:var(--cx-copper)}
.slide-section>summary:hover{background:linear-gradient(90deg,rgba(214,160,91,.075),rgba(117,200,210,.025))}
.slide-section-title{color:var(--cx-text)}
.slide-section-items{border-top-color:var(--cx-line);background:rgba(7,12,16,.82)}
.slide-section.section-hidden>summary{background:rgba(117,128,137,.07)}
.slide-section-actions .slide-section-add,
.slide-library .slide-insert summary,.slide-library .section-insert summary{
  border-color:rgba(117,200,210,.45);background:rgba(117,200,210,.065);color:var(--cx-optic-soft);
}
.slide-section-actions .slide-section-add:hover,
.slide-library .slide-insert summary:hover,.slide-library .section-insert summary:hover{
  border-color:var(--cx-optic);background:rgba(117,200,210,.13);color:#e7ffff;
}
.slide-section-delete,.row-delete{
  border-color:rgba(215,108,108,.48);background:rgba(96,34,38,.38);color:#ffd0d0;
}
.slide-section-delete:hover{border-color:var(--cx-danger);background:rgba(116,42,46,.55)}

.slide-card,.content-editor,.content-review,.slide-editor-group,.approval-panel,.readiness-panel,
.lesson-settings,.pptx-importer,.rich-text-control{
  border-color:var(--cx-line);background:var(--cx-surface-soft);
}
.content-editor>summary,.content-review>summary,.slide-section-assignment,.slide-time-control label,
.content-width-status,.overlay-status,.overlay-opacity-status,.template-preview-head{
  color:var(--cx-optic);
}
.rich-text-toolbar{border-bottom-color:var(--cx-line);background:#0e171e}
.rich-text-editor:focus{box-shadow:inset 0 0 0 2px var(--cx-optic)}
input[type=range]{accent-color:var(--cx-optic)}
.template-fields input[type=checkbox]{accent-color:var(--cx-optic)}

.template-pack-library,.template-slides-library{border-radius:8px}
.template-pack-choice{border-color:var(--cx-line);background:var(--cx-surface-raised)}
.template-pack-choice:hover,.template-pack-choice.active{border-color:var(--cx-copper);background:#28231d}
.template-pack-choice strong,.template-slide-summary-title,.template-collection-title>strong{color:var(--cx-copper-soft)}
.template-pack-choice>span{color:var(--cx-optic)}
.compact-template-manager .template-slide-card>summary{background:#0d151b}
.compact-template-manager .template-slide-card[open]>summary{border-bottom-color:var(--cx-line);background:var(--cx-surface-raised)}

.offline-presenter-panel{
  border-color:#4b493f;background:linear-gradient(145deg,rgba(214,160,91,.08),rgba(12,20,25,.98));
}
.offline-presenter-intro{color:var(--cx-copper-soft)}
.offline-browser-card{border-color:var(--cx-line-strong);background:var(--cx-surface-raised)}
.offline-browser-card:hover{border-color:var(--cx-copper);background:#29231c}
.offline-browser-card small{color:var(--cx-muted)}
.offline-browser-file{border-color:rgba(117,200,210,.4);color:var(--cx-optic-soft)}

  content:'';position:fixed;z-index:-1;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 52%,transparent 0 27%,rgba(214,160,91,.055) 27.3% 27.55%,transparent 27.8%),
    radial-gradient(ellipse at 50% 52%,transparent 0 38%,rgba(117,200,210,.05) 38.2% 38.4%,transparent 38.65%);
}
  position:relative;overflow:hidden;border-color:#4b493f;border-radius:9px;
  background:linear-gradient(145deg,rgba(23,34,44,.98),rgba(9,15,20,.98));
  box-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.025);
}
  content:'';position:absolute;right:-80px;top:-105px;width:220px;height:220px;border:1px solid rgba(214,160,91,.22);border-radius:50%;
  box-shadow:0 0 0 28px rgba(117,200,210,.025),0 0 0 58px rgba(214,160,91,.018);pointer-events:none;
}
  border:1px solid rgba(214,160,91,.45);border-radius:4px;background:rgba(214,160,91,.09);color:var(--cx-copper-soft);
}
  border-color:#4b493f;background:linear-gradient(125deg,rgba(214,160,91,.075),var(--cx-surface) 48%,#0b151a);
}

.presenter-notes{border-color:var(--cx-line)!important;border-radius:7px;background:var(--cx-surface)!important}
.presenter-preview-head h2,.connection-status[data-connected=true],.check-ok,.rehearsal-report summary{color:var(--cx-optic)}
.presenter-preview-viewport{border-color:var(--cx-line);background:#020406}
.timing-grid>div,.quiz-controls,.demo-controls{border-color:var(--cx-line);background:var(--cx-surface-soft)}
.timing-badge,.rehearsal-badge{background:var(--cx-copper);color:#171108}

@media(prefers-reduced-motion:no-preference){
  .available-lecture-card,.slide-section,.lecture-tool-button,.offline-browser-card{transition:border-color .16s ease,background-color .16s ease,transform .16s ease}
  .available-lecture-card:hover,.offline-browser-card:hover{transform:translateY(-1px)}
}


.slide-canvas.layout-split .slide-canvas-content{justify-content:var(--template-vertical)!important;align-items:var(--template-horizontal)!important}
.slide-canvas.layout-split .two-column-layout{position:relative!important;display:grid!important;grid-template-columns:1fr 1fr;gap:42px;width:var(--template-content-width)!important;max-width:var(--template-content-width)!important;min-height:430px;max-height:590px;margin:12px 0 0;text-align:left!important}
.slide-canvas.layout-split .two-column-layout.ratio-33-67{grid-template-columns:1fr 2fr}
.slide-canvas.layout-split .two-column-layout.ratio-67-33{grid-template-columns:2fr 1fr}
.slide-canvas.layout-split .slide-column{min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(142,218,203,.3);border-radius:14px;background:rgba(4,12,20,.38);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.slide-canvas.layout-split .slide-column.text{display:flex;align-items:center;padding:30px 34px}
.slide-canvas.layout-split .slide-column.image{display:grid;place-items:center;padding:12px}
.slide-canvas.layout-split .slide-column .column-text{width:100%!important;max-width:none!important;margin:0!important;font-family:var(--template-body-font,system-ui,sans-serif)!important;font-size:var(--template-body-size)!important;color:var(--template-text)!important;text-align:left!important;white-space:normal;overflow-wrap:anywhere}
.slide-canvas.layout-split .slide-column img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;border-radius:8px}
.slide-canvas.layout-split .slide-column img.fit-cover{object-fit:cover}
.slide-canvas.layout-split .slide-column img.fit-contain{object-fit:contain}
.slide-canvas.layout-split .slide-column img.fit-width{width:100%;height:auto;max-height:100%;object-fit:contain}
.slide-canvas.layout-split .slide-column img.fit-height{width:auto;height:100%;max-width:100%;object-fit:contain}
.slide-canvas.layout-split .column-placeholder{align-self:center;padding:22px;color:rgba(244,247,251,.68);font-size:26px;text-align:center}
.slide-editor-columns{grid-column:1/-1}
.slide-editor-columns textarea{min-height:130px;resize:vertical}

/* Compacte, uniforme dia-instellingen voor alle template-dia’s. */
.slide-editor-groups{align-items:start!important;grid-auto-flow:row dense}
.slide-editor-group:nth-child(1){grid-column:auto}
.slide-editor-layout-fields{grid-template-columns:1fr;gap:5px}
.slide-editor-layout-fields>label{margin:0!important}
.slide-editor-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(6,auto);column-gap:14px;row-gap:4px;align-items:start}
.slide-editor-columns>legend{grid-column:1/-1}
.slide-editor-columns>label:nth-of-type(1){grid-column:1/-1;grid-row:1}
.slide-editor-columns>label:nth-of-type(2){grid-column:1;grid-row:2}
.slide-editor-columns>label:nth-of-type(3),.slide-editor-columns>label:nth-of-type(4){grid-column:1;grid-row:3}
.slide-editor-columns>label:nth-of-type(5){grid-column:1;grid-row:4}
.slide-editor-columns>label:nth-of-type(6){grid-column:1;grid-row:5}
.slide-editor-columns>label:nth-of-type(7){grid-column:1;grid-row:6}
.slide-editor-columns>label:nth-of-type(8){grid-column:2;grid-row:2}
.slide-editor-columns>label:nth-of-type(9),.slide-editor-columns>label:nth-of-type(10){grid-column:2;grid-row:3}
.slide-editor-columns>label:nth-of-type(11){grid-column:2;grid-row:4}
.slide-editor-columns>label:nth-of-type(12){grid-column:2;grid-row:5}
.slide-editor-columns>label:nth-of-type(13){grid-column:2;grid-row:6}
.slide-editor-columns .rich-text-editor{min-height:132px;max-height:300px}
.slide-editor-columns .rich-text-toolbar{gap:4px;padding:5px}
.slide-editor-columns .rich-text-toolbar button{min-width:30px;padding:4px 6px}
@media(max-width:700px){.slide-editor-columns{display:block}.slide-editor-columns>label{display:block!important}.slide-editor-columns>label[hidden]{display:none!important}}

/* Twee-schermmodus: bediening blijft zichtbaar; previews benutten alleen de beschikbare hoogte. */
body.presenter-mode{height:100vh;height:100dvh;overflow:hidden;background:var(--cx-bg)}
body.presenter-mode>header{display:none}
body.presenter-mode>main{display:grid;width:100vw;max-width:none;height:100vh;height:100dvh;margin:0;padding:10px 16px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;overflow:hidden}
.presenter-mode .presenter-status{min-height:28px;margin:0;padding:0 2px 7px}
.presenter-mode .timing-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0}
.presenter-mode .timing-grid>div{min-width:0;padding:7px 10px}
.presenter-mode .timing-grid small{margin-bottom:2px;font-size:11px}
.presenter-mode .timing-grid strong{font-size:clamp(14px,1.15vw,19px);white-space:nowrap}
.presenter-mode .presenter-grid{height:100%;min-height:0;margin:0;gap:clamp(14px,2vw,30px);align-items:stretch;overflow:hidden}
.presenter-mode .presenter-notes{height:100%;min-height:0;padding:15px 18px!important;overflow:auto}
.presenter-mode .presenter-notes>h2{margin:0 0 8px}
.presenter-mode .presenter-notes p{margin:7px 0}
.presenter-mode .presenter-preview-stack{display:grid;height:100%;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;overflow:hidden}
.presenter-mode .presenter-preview-card{display:grid;min-height:0;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.presenter-mode .presenter-preview-head{min-height:22px;margin:0 0 4px}
.presenter-mode .presenter-preview-viewport{width:100%;height:100%;min-height:0}
.presenter-mode .presenter-preview-viewport>.presenter-preview{left:var(--preview-offset-x,0)!important;top:var(--preview-offset-y,0)!important}
.presenter-controls-dock{display:flex;min-width:0;min-height:48px;max-height:64px;align-items:center;gap:7px;margin:0;padding:6px 7px;border:1px solid var(--cx-line);border-radius:7px;background:rgba(12,27,37,.97);overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.presenter-controls-dock>button,.presenter-controls-dock>select{flex:0 0 auto;min-height:34px;padding:6px 9px}
.presenter-controls-dock>select{width:min(300px,22vw)}
.presenter-controls-dock>.quiz-controls,.presenter-controls-dock>.demo-controls{display:flex;flex:0 0 auto;align-items:center;gap:7px;flex-wrap:nowrap;margin:0;padding:0;border:0;background:transparent}
.presenter-controls-dock>.quiz-controls>strong,.presenter-controls-dock>.demo-controls>strong{width:auto;margin:0 4px 0 0;font-size:12px;white-space:nowrap}
.presenter-controls-dock>.demo-controls label{display:flex;min-width:150px;align-items:center;gap:6px;margin:0;font-size:11px}
.presenter-controls-dock>.demo-controls input[type=range]{width:110px}
@media(max-width:850px){body.presenter-mode{height:auto;overflow:auto}body.presenter-mode>main{height:auto;min-height:100dvh;overflow:visible}.presenter-mode .presenter-grid{grid-template-columns:1fr;height:auto;overflow:visible}.presenter-mode .presenter-preview-stack{height:auto;grid-template-rows:repeat(2,minmax(220px,34vh));overflow:visible}.presenter-controls-dock{position:sticky;bottom:0;z-index:30}}

/* Publieksscherm: altijd binnen het venster, met zwarte balken waar de verhouding afwijkt. */
html:has(body.audience),body.audience{width:100%;height:100%;overflow:hidden!important;background:#000}
body.audience>main{display:grid!important;width:100vw!important;max-width:none!important;height:100vh!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;place-items:center;overflow:hidden!important;background:#000}
body.audience .audience-live-viewport{flex:none;max-width:100vw;max-height:100vh;max-height:100dvh;background:#000}
.audience-controls{right:14px;bottom:12px;flex-wrap:nowrap;max-width:calc(100vw - 28px);overflow-x:auto}
.audience-controls button{white-space:nowrap}

/* Compacte instellingenkolommen zonder gedeelde rasterrijen. */
.slide-editor-settings-columns{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start}
.slide-editor-settings-column{display:flex;min-width:0;flex-direction:column;gap:10px}
.slide-editor-settings-column>.slide-editor-group{width:100%;padding:10px 12px 12px}
.slide-editor-settings-column>.slide-editor-group label{margin:6px 0}
@media(max-width:700px){.slide-editor-settings-columns{grid-template-columns:1fr}.slide-editor-settings-column{gap:10px}}


/* Lesduur-overzicht en Presenter View-wachtstand. */
.lesson-structure-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lesson-structure-title-row h2{margin:0}.lesson-duration-total{font-size:11px;white-space:nowrap}.timing-grid[data-state=waiting]>div:last-child{border-color:#8f7132}.timing-grid[data-state=waiting]>div:last-child strong{color:#f3bd65}

/* Offline Presenter — installatiestappen voor de PWA. */
.lecture-sidebar-tools>.offline-presenter-panel{grid-column:auto;display:grid;gap:12px;padding:14px;border:1px solid var(--cx-line-strong,#40586b);border-radius:8px;background:var(--cx-surface,#10202c)}
.offline-presenter-panel[hidden]{display:none!important}.offline-presenter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.offline-presenter-head h3{margin:0 0 4px}.offline-presenter-head p{margin:0;color:var(--cx-muted,#9fb8c3);font-size:12px;line-height:1.45}.offline-browser-guides{display:grid;gap:8px}.offline-browser-card{display:grid;grid-template-columns:32px 1fr;gap:2px 9px;align-items:center;padding:9px;border:1px solid var(--cx-line,#344d60);border-radius:7px;background:var(--cx-surface-raised,#172532)}.offline-browser-card:hover{transform:none}.offline-browser-mark{grid-row:1/3;display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(117,200,210,.45);border-radius:50%;color:var(--cx-optic-soft,#9be8da);font-weight:900}.offline-browser-card strong{font-size:12px}.offline-browser-card p{margin:0;color:var(--cx-muted,#9fb8c3);font-size:11px;line-height:1.4}.offline-presenter-foot{display:grid;gap:7px}.offline-presenter-foot button{width:100%}.offline-presenter-foot small{color:var(--cx-muted,#9fb8c3);line-height:1.4}.lecture-export{display:grid;justify-items:end;gap:5px;margin-left:auto}.lecture-export small{color:#9fb8c3;font-size:11px}.lecture-export button{min-height:36px;padding:8px 13px}@media(max-width:700px){.lecture-export{justify-items:stretch;margin-left:0}.lecture-export button{width:100%}}
.offline-readiness-issues{margin:2px 0 0;padding:9px 10px 9px 28px;border:1px solid rgba(219,111,102,.5);border-radius:7px;background:rgba(93,35,31,.24);color:#ffc0ba;font-size:11px;line-height:1.45}.offline-readiness-issues li+li{margin-top:4px}

.lecture-transfer-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.lecture-transfer-actions .presentation-action-button{width:147px}@media(max-width:700px){.lecture-transfer-actions{display:grid;width:100%}.lecture-transfer-actions .presentation-action-button{width:100%}}