.ppt-viewer{background:radial-gradient(circle at 50% 42%, #2f65ff14, transparent 38%), var(--viewer);color:#fff;touch-action:pan-y;user-select:none;grid-template-rows:auto 1fr auto;min-width:320px;height:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.viewer-topbar{z-index:20;backdrop-filter:blur(14px);background:#07090cb8;border-bottom:1px solid #ffffff1f;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:4.75rem;padding:.85rem clamp(1rem,3vw,2rem);transition:opacity .2s,transform .2s;display:grid;position:relative}.viewer-back{color:#bbc2cc;align-items:center;gap:.55rem;width:max-content;min-height:2.75rem;font-size:.78rem;display:inline-flex}.viewer-back:hover{color:#fff}.viewer-back svg,.viewer-tools svg,.viewer-controls svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:1.1rem;height:1.1rem}.viewer-title{text-align:center;gap:.12rem;display:grid}.viewer-title>span{max-width:28rem;font-family:var(--display);letter-spacing:.025em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:1.1rem;font-weight:600;line-height:1.1;overflow:hidden}.viewer-title small{color:#8f98a4;text-overflow:ellipsis;white-space:nowrap;max-width:28rem;font-size:.64rem;overflow:hidden}.viewer-tools{justify-content:flex-end;gap:.45rem;display:flex}.viewer-tools button,.viewer-controls button{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff29;border-radius:.2rem;place-items:center;width:2.75rem;height:2.75rem;transition:background .16s,border-color .16s;display:inline-grid}.viewer-tools button:hover,.viewer-controls button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff6b}.viewer-badge{border:1px solid var(--signal);color:#7fa0ff;font-family:var(--utility);letter-spacing:.08em;text-transform:uppercase;align-self:center;padding:.35rem .45rem;font-size:.58rem}.viewer-stage{place-items:center;min-height:0;padding:clamp(1rem,2.5vw,2.2rem) clamp(1rem,4vw,4rem);display:grid;position:relative;overflow:hidden}.viewer-stage:before{aspect-ratio:16/9;content:"";border:1px solid #ffffff14;width:min(92vw,135.111dvh);position:absolute;transform:translate(.8rem,.8rem)}.viewer-stage>img{z-index:2;object-fit:contain;width:min(92vw,135.111dvh);max-height:76dvh;animation:viewer-slide-in .28s var(--ease-out);background:#11151b;border:1px solid #ffffff29;display:block;position:relative;box-shadow:0 30px 90px #00000073}@keyframes viewer-slide-in{0%{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.viewer-error{z-index:3;color:#c7cdd6;text-align:center;background:#10141a;border:1px solid #ffffff2e;place-content:center;gap:.55rem;min-width:min(90vw,32rem);min-height:18rem;display:grid;position:relative}.viewer-error strong{color:#fff}.viewer-error span{font-size:.8rem}.viewer-error button{color:#fff;cursor:pointer;background:0 0;border:1px solid #56606d;justify-self:center;margin-top:.6rem;padding:.6rem .8rem}.viewer-controls{z-index:20;backdrop-filter:blur(14px);background:#07090cb8;border-top:1px solid #ffffff1f;justify-content:center;align-items:center;gap:clamp(1rem,3vw,2.5rem);min-height:4.6rem;padding:.8rem 1rem;transition:opacity .2s,transform .2s;display:flex;position:relative}.viewer-controls button:disabled{cursor:not-allowed;opacity:.25}.viewer-progress{color:#9fa7b2;font-family:var(--utility);grid-template-columns:auto minmax(7rem,16rem) auto;align-items:center;gap:.8rem;font-size:.65rem;display:grid}.viewer-progress i{background:#343a43;height:2px;overflow:hidden}.viewer-progress b{background:var(--signal);transform-origin:0;width:100%;height:100%;transition:transform .22s;display:block}.sr-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.viewer-thumbnails{z-index:18;opacity:0;pointer-events:none;transition:opacity .18s ease, transform .18s var(--ease-out);visibility:hidden;background:#0a0d12f5;border-top:1px solid #ffffff21;padding:1rem clamp(1rem,3vw,2rem);position:absolute;bottom:4.6rem;left:0;right:0;transform:translateY(1rem)}.viewer-thumbnails.open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.thumbnail-track{scrollbar-color:#5f6875 transparent;gap:.8rem;max-width:84rem;margin-inline:auto;padding-block:.2rem;display:flex;overflow-x:auto}.thumbnail-track button{color:#fff;cursor:pointer;background:#151a21;border:2px solid #0000;flex:0 0 clamp(8rem,15vw,13rem);padding:0;position:relative}.thumbnail-track button.active{border-color:var(--signal)}.thumbnail-track img{aspect-ratio:16/9;object-fit:cover;opacity:.72;width:100%;display:block}.thumbnail-track button:hover img,.thumbnail-track button.active img{opacity:1}.thumbnail-track span{font-family:var(--utility);background:#000000b8;padding:.12rem .25rem;font-size:.55rem;position:absolute;bottom:.25rem;right:.35rem}.viewer-notice{z-index:30;color:#d7dce3;background:#151a21;border:1px solid #57616e;max-width:calc(100% - 2rem);padding:.65rem .85rem;font-size:.75rem;position:absolute;top:5.4rem;left:50%;transform:translate(-50%)}.controls-hidden .viewer-topbar{opacity:0;pointer-events:none;transform:translateY(-100%)}.controls-hidden .viewer-controls{opacity:0;pointer-events:none;transform:translateY(100%)}.ppt-viewer:fullscreen .viewer-stage>img,.ppt-viewer:fullscreen .viewer-stage:before{width:min(96vw,154.667dvh);max-height:87dvh}@media (width<=720px){.viewer-topbar{grid-template-columns:auto 1fr auto}.viewer-back span{display:none}.viewer-title{text-align:left;min-width:0}.viewer-title>span,.viewer-title small{max-width:46vw}.viewer-badge{padding:.25rem .32rem;font-size:.5rem}.viewer-stage{padding:.75rem}.viewer-stage>img,.viewer-stage:before{width:calc(100vw - 1.5rem);max-height:70dvh}.viewer-stage:before{transform:translate(.35rem,.35rem)}.viewer-progress{grid-template-columns:auto minmax(4.5rem,8rem) auto;gap:.55rem}.viewer-controls{gap:.8rem}}@media (prefers-reduced-motion:reduce){.viewer-stage>img{animation:none}}
