.presentation-app{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px;align-items:start}
.deck-library{position:sticky;top:86px;max-height:calc(100vh - 104px);overflow:auto;padding-right:4px}.deck-list{display:grid;gap:10px}.deck-card{width:100%;display:grid;grid-template-columns:108px 1fr;gap:12px;text-align:left;color:var(--course-text);border:1px solid var(--course-line);background:var(--course-panel);border-radius:16px;padding:9px;cursor:pointer}.deck-card.active{border-color:var(--course-accent);box-shadow:0 0 0 2px rgba(34,211,238,.12)}.deck-card img{width:108px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#050914}.deck-card strong{display:block}.deck-card small{display:block;color:var(--course-muted);margin-top:4px}
.viewer-panel{border:1px solid var(--course-line);border-radius:22px;background:var(--course-panel);overflow:hidden;box-shadow:var(--course-shadow)}.viewer-title{padding:16px 18px 10px}.viewer-title h1{font-size:clamp(1.35rem,3vw,2.1rem);margin:0}.viewer-title p{margin:5px 0 0;color:var(--course-muted)}
.viewer-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:10px 16px;border-block:1px solid var(--course-line);background:var(--course-panel-2)}.viewer-toolbar button,.viewer-toolbar select,.viewer-toolbar input,.viewer-toolbar a{min-height:40px;border:1px solid var(--course-line);border-radius:10px;background:var(--course-panel);color:var(--course-text);padding:8px 11px;font:inherit;font-weight:750;text-decoration:none}.viewer-toolbar button:hover,.viewer-toolbar button:focus-visible,.viewer-toolbar a:hover,.viewer-toolbar a:focus-visible{border-color:var(--course-accent);outline:none}.viewer-toolbar .primary{background:linear-gradient(135deg,var(--course-accent),var(--course-accent-2));border-color:transparent;color:white}.viewer-toolbar label{display:flex;align-items:center;gap:6px;color:var(--course-muted);font-size:.82rem}.viewer-toolbar input[type=number]{width:74px}
.viewer-stage{position:relative;display:grid;place-items:center;min-height:min(66vh,740px);background:#030712;padding:14px}.viewer-stage canvas{display:block;max-width:100%;height:auto;box-shadow:0 16px 48px rgba(0,0,0,.46)}.viewer-loading,.viewer-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;background:rgba(3,7,18,.92);color:var(--course-text)}.hidden{display:none!important}
.viewer-status{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:11px 16px;border-top:1px solid var(--course-line);color:var(--course-muted)}.viewer-status input{width:100%}.autoplay-track{height:4px;background:var(--course-line)}.autoplay-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--course-accent),var(--course-accent-2))}.autoplay-track span.running{animation:viewerProgress linear forwards}@keyframes viewerProgress{from{width:0}to{width:100%}}
.viewer-related{padding:16px;border-top:1px solid var(--course-line)}.viewer-related h2{font-size:1rem;margin:0 0 8px}.viewer-related__links{display:flex;gap:8px;flex-wrap:wrap}.viewer-related__links a{border:1px solid var(--course-line);border-radius:999px;padding:6px 10px;text-decoration:none;color:var(--course-muted);font-size:.82rem}.google-note{color:var(--course-gold);font-size:.8rem;margin-left:auto;align-self:center}
@media(max-width:980px){.presentation-app{grid-template-columns:1fr}.deck-library{position:static;max-height:none}.deck-list{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-stage{min-height:50vh}}
@media(max-width:620px){.deck-list{grid-template-columns:1fr}.viewer-toolbar>*{flex:1 1 auto}.viewer-toolbar label{justify-content:center}.viewer-status{grid-template-columns:1fr}.viewer-stage{min-height:300px;padding:6px}}