:root{color-scheme:dark}html,body{margin:0;height:100%;background:#000;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}#page{opacity:0;transition:opacity .2s ease}.wrap{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.viewer{display:flex;align-items:center;justify-content:center;gap:.5rem}button{background:#111;color:#fff;border:1px solid #333;padding:.5rem .75rem;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}.frame{display:flex;justify-content:center;align-items:center;max-width:85vw;max-height:80vh}img{max-width:100%;max-height:80vh;display:block}.count{opacity:.7;font-size:.85rem;text-align:center;margin-top:.25rem}#snippet{font-size:.9rem;opacity:.8;text-align:center;max-width:80vw;margin:.25rem auto}