*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#202124;color:#eee;font-family:Arial,sans-serif}
body{overflow-y:auto}
#toolbar{
 position:sticky;top:0;z-index:10000;min-height:52px;
 display:flex;align-items:center;gap:7px;padding:7px 10px;
 background:#111;border-bottom:1px solid #444
}
#toolbar button{
 font:inherit;padding:6px 9px;border:1px solid #666;
 border-radius:5px;background:#292929;color:#eee;cursor:pointer
}
#toolbar button:hover{background:#444}
#toolbar button.media-toggle{
 display:none
}
#toolbar button.is-on{
 background:#1f7a35;
 border-color:#55e67a;
 box-shadow:0 0 0 2px #55e67a inset,0 0 8px rgba(85,230,122,.85);
 font-weight:700
}
#counter{margin-left:auto;min-width:100px;text-align:center}
.deck{width:min(100vw,1600px);margin:auto;padding:20px 10px 60px}
.slide{
 position:relative;width:100%;aspect-ratio:16/9;margin:0 auto 24px;
 background:#fff;overflow:hidden;box-shadow:0 3px 18px #0008
}
.slide-background{
 position:absolute;left:0;top:0;width:100%;height:100%;
 display:block;z-index:1;object-fit:fill
}
.ppt-audio{display:none!important}
.ppt-video{
 position:absolute;display:block;object-fit:contain;background:#000
}
.slide-label{
 position:absolute;left:6px;top:6px;z-index:9999;
 background:#000b;color:#fff;padding:3px 7px;border-radius:4px;
 font-size:12px;pointer-events:none
}
@media(max-width:700px){
 #toolbar{height:auto;flex-wrap:wrap}
 #counter{margin-left:0}
 .deck{padding:8px 3px 30px}
 .slide{margin-bottom:10px}
}