*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101114;color:#eee;font-family:"Microsoft YaHei",Arial,sans-serif}#viewer{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;gap:10px;background:#101114}#stage{position:relative;flex:none;width:min(calc(100vw - 24px),calc((100vh - 80px)*16/9));aspect-ratio:16/9;background:#000}#slide{display:block;width:100%;height:100%;object-fit:contain;user-select:none}nav{height:46px;display:flex;align-items:center;justify-content:center;gap:10px;flex:none}button{font:inherit;font-size:14px;color:#eee;background:#292b30;border:1px solid #41434a;border-radius:6px;padding:9px 14px;cursor:pointer;white-space:nowrap}button:hover:enabled{background:#41444b}button:focus-visible{outline:2px solid #9bc5ff;outline-offset:3px}button:disabled{opacity:.3;cursor:default}output{font-variant-numeric:tabular-nums;min-width:72px;text-align:center;font-size:14px}#error{position:absolute;inset:0;align-content:center;text-align:center;background:#16171a;padding:20px}#error[hidden]{display:none}@media(max-width:620px){#viewer{padding:4px;gap:4px}#stage{width:min(calc(100vw - 8px),calc((100vh - 62px)*16/9))}nav{gap:4px}button{padding:8px 6px;font-size:12px}output{min-width:54px}}
@supports(height:100dvh){html,body,#viewer{height:100dvh}#stage{width:min(calc(100vw - 24px),calc((100dvh - 80px)*16/9))}@media(max-width:620px){nav{max-width:100%;height:auto;min-height:46px;flex-wrap:wrap}button{min-height:44px}#stage{width:min(calc(100vw - 8px),calc((100dvh - 116px)*16/9))}}.presentation #viewer{position:fixed;inset:0;z-index:1000}.presentation #stage{width:min(100vw,calc((100dvh - 64px)*16/9))}