.ppt-import{display:flex;flex-wrap:wrap;align-items:end;gap:16px;padding:20px;margin-bottom:16px;background:white;border:1px solid #e5e7eb;border-radius:12px}.ppt-import label{display:grid;gap:8px;font-size:13px}.ppt-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ppt-layout{display:grid;grid-template-columns:150px minmax(300px,1fr) 290px;gap:18px}.ppt-slides{max-height:65vh;overflow:auto;display:flex;flex-direction:column;gap:10px}.ppt-slide{background:white;border:1px solid #ddd;border-radius:10px;padding:7px;text-align:left;cursor:pointer}.ppt-slide.selected{border:2px solid #8b754a}.ppt-slide img{width:100%;aspect-ratio:16/9;object-fit:contain}.ppt-slide span{font-size:12px;display:block;margin-top:4px}.ppt-stage{position:relative;aspect-ratio:16/9;background:white;border:1px solid #ddd;overflow:hidden;border-radius:10px}.ppt-stage>img:first-child{width:100%;height:100%;object-fit:contain}.ppt-person{position:absolute;left:1.25%;bottom:2.22%;width:14.06%;height:44.44%;object-fit:contain;background:#111}.ppt-script-panel{display:flex;flex-direction:column;gap:12px}.ppt-script-panel textarea{min-height:180px;flex:1;padding:14px;border:1px solid #ddd;border-radius:10px;resize:vertical;font:inherit}.ppt-actions{display:flex;gap:8px;flex-wrap:wrap}.ppt-video{width:100%;max-width:960px;margin-top:18px}.ppt-hint{font-size:12px;color:#6b7280;line-height:1.6} [data-screen="presentations"]{overflow:auto;max-height:calc(100vh - 40px);padding-bottom:30px}@media(max-width:1050px){.ppt-layout{grid-template-columns:110px 1fr}.ppt-script-panel{grid-column:2}}@media(max-width:650px){.ppt-layout{display:flex;flex-direction:column}.ppt-slides{flex-direction:row;height:110px}.ppt-slide{min-width:130px}.ppt-script-panel textarea{min-height:140px}}

/* PPT page uses the site's element-rise entrance, shortened to 260 ms (D045). */
@media (prefers-reduced-motion: no-preference) {
  .app.ready [data-screen="presentations"].active > :is(.page-heading, [data-ppt-environment], .ppt-import, .ppt-list, [data-ppt-editor]) {
    animation: element-rise 260ms cubic-bezier(.16, 1, .3, 1) both;
    animation-delay: calc(var(--stagger, 0) * 40ms);
  }
  [data-screen="presentations"] > [data-ppt-environment] { --stagger: 1; }
  [data-screen="presentations"] > .ppt-import { --stagger: 2; }
  [data-screen="presentations"] > .ppt-list { --stagger: 3; }
  [data-screen="presentations"] > [data-ppt-editor] { --stagger: 4; }
}
