*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;font:14px system-ui,sans-serif;color:#292739;background:#fcfbf8}header{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid #dedce8}header strong{white-space:nowrap}#status{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}button,#back{min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:default}button:focus-visible,#back:focus-visible{outline:3px solid #7770cb}button:hover:not(:disabled),#back:hover{background:#eeebf6}#viewer-menu-toggle{width:44px;flex:none;padding:0;font-size:26px}#viewer-menu{inset:64px 12px auto auto;margin:0;width:232px;max-width:calc(100vw - 24px);padding:6px;border:1px solid #dedce8;border-radius:12px;background:#fcfbf8;color:inherit}#viewer-menu:popover-open{display:grid}#viewer-menu button,#back{text-align:left}#back{display:flex;align-items:center;min-height:44px}#screen{flex:1;min-height:0;overflow:hidden;background:#171820}#message{margin:0;padding:10px 12px;font-size:12px;color:#57536c}