.presentation-page{max-width:1600px;margin:auto;padding:30px 4% 70px}
.presentation-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}
.presentation-heading .back-link{margin-bottom:18px}
.presentation-heading h1{font-size:clamp(26px,3.4vw,48px);letter-spacing:-.045em;margin-bottom:10px}
.presentation-heading p,.presentation-download-note{font-size:14px;color:var(--muted)}
.presentation-heading>.button{flex-shrink:0}
.presentation-player{background:#111;border:1px solid var(--line);padding:16px;min-width:0}
.presentation-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
.presentation-picker{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);min-width:0;flex:1}
.presentation-picker select{color:var(--text);background:var(--panel);border:1px solid var(--line);padding:10px;min-height:44px;max-width:570px;width:100%;min-width:0;font-size:14px}
.presentation-view-actions{display:flex;gap:10px;flex-shrink:0}
.presentation-view-actions .button{min-height:44px;padding:10px 16px}
.presentation-return{display:none}
.presentation-stage{position:relative;width:100%;aspect-ratio:16/9;background:#080808;display:grid;place-items:center;min-height:0;overflow:hidden}
.presentation-stage img{width:100%;height:100%;object-fit:contain;min-height:0}
.presentation-stage img[hidden]{display:none}
.presentation-canvas{position:relative;width:100%;height:100%;min-width:0;min-height:0}
.presentation-cover-clip{position:absolute;left:0;bottom:0;height:50%;aspect-ratio:13/17;overflow:hidden;background:#d2d5d4}
.presentation-cover-clip video,.presentation-cover-clip img{display:block;width:100%;height:100%;object-fit:contain}
.presentation-cover-controls{display:flex;flex-wrap:wrap;gap:10px}
.presentation-cover-controls .button{padding:10px 14px;min-height:44px;font-size:13px}
.presentation-cover-clip[hidden],.presentation-cover-clip video[hidden],.presentation-cover-controls[hidden],.presentation-audio-row [hidden]{display:none}
.presentation-image-error{padding:24px;text-align:center;color:var(--muted);max-width:540px}
.presentation-image-error[hidden]{display:none}
.presentation-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:16px 0}
.presentation-controls [data-previous]{justify-self:start}
.presentation-controls [data-next]{justify-self:end}
.presentation-controls button:disabled{cursor:default}
.presentation-count{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.presentation-audio-row{display:flex;align-items:center;gap:25px;min-width:0}
.presentation-audio-row audio{width:100%;min-width:0;height:42px;color-scheme:dark}
.presentation-auto{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:14px;min-height:44px;cursor:pointer}
.presentation-auto input{accent-color:var(--pink);width:18px;height:18px}
.presentation-status{font-size:13px;min-height:21px;color:var(--muted);margin-top:10px}
.presentation-download-note{margin-top:20px}
.presentation-text{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;max-width:900px}
.presentation-text summary{cursor:pointer;width:fit-content;padding:4px 0}
.presentation-text h2{font-size:26px;margin:25px 0 18px}
.presentation-text p{margin:0 0 18px;color:#c6c6c6}
.presentation-player:fullscreen,.presentation-player.is-expanded{width:100%;height:100%;height:100dvh;padding:16px 24px;display:flex;flex-direction:column;background:#080808;border:0;overflow:auto}
.presentation-player.is-expanded{position:fixed;inset:0;z-index:1000}
.presentation-player:fullscreen .presentation-stage,.presentation-player.is-expanded .presentation-stage{flex:1;aspect-ratio:auto;min-height:0}
.presentation-player:fullscreen .presentation-toolbar,.presentation-player.is-expanded .presentation-toolbar{flex-shrink:0}
.presentation-player:fullscreen .presentation-return,.presentation-player.is-expanded .presentation-return{display:inline-flex}
.presentation-player:fullscreen .presentation-controls,.presentation-player.is-expanded .presentation-controls{padding:10px 0;flex-shrink:0}
.presentation-player:fullscreen .presentation-audio-row,.presentation-player.is-expanded .presentation-audio-row{flex-shrink:0}
@media(max-width:760px){
 .presentation-page{padding:24px 4% 45px}
 .presentation-heading{align-items:flex-start;flex-direction:column;gap:16px}
 .presentation-heading h1{font-size:32px}
 .presentation-player{padding:10px}
 .presentation-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:10px}
 .presentation-picker{flex-basis:100%}
 .presentation-view-actions{margin-left:auto}
 .presentation-view-actions .button{padding:8px 12px;font-size:12px}
 .presentation-controls{gap:8px;padding:12px 0}
 .presentation-controls .button{padding:10px 12px;font-size:13px;min-height:44px}
 .presentation-audio-row{flex-wrap:wrap;gap:4px}
 .presentation-audio-row audio{flex-basis:100%}
 .presentation-status{font-size:12px}
 .presentation-player:fullscreen,.presentation-player.is-expanded{padding:10px}
 .presentation-player:fullscreen .presentation-heading,.presentation-player.is-expanded .presentation-heading{display:none}
}
@media(max-height:550px) and (orientation:landscape){
 .presentation-player:fullscreen,.presentation-player.is-expanded{padding:8px 14px}
 .presentation-player:fullscreen .presentation-toolbar,.presentation-player.is-expanded .presentation-toolbar{flex-wrap:nowrap;margin-bottom:6px}
 .presentation-player:fullscreen .presentation-picker,.presentation-player.is-expanded .presentation-picker{flex-basis:auto}
 .presentation-player:fullscreen .presentation-audio-row,.presentation-player.is-expanded .presentation-audio-row{flex-wrap:nowrap;gap:16px}
 .presentation-player:fullscreen .presentation-status,.presentation-player.is-expanded .presentation-status{display:none}
}