:root{color-scheme:dark;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#080b10;color:#edf3fa}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}header,footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:16px;background:#11161e}header>div{display:flex;align-items:center;gap:12px}.dot{width:8px;height:8px;background:#78e7bb;border-radius:50%;box-shadow:0 0 14px #78e7bb55}.brand{font-size:11px;letter-spacing:3px;color:#7f90a6;margin-left:12px}button,input{font:inherit;border-radius:10px;border:1px solid #354052;background:#1c2532;color:#edf3fa;padding:10px 16px}button{cursor:pointer}button:hover{background:#2b3b50}main{flex:1;display:grid;place-items:center;min-height:0}#login{padding:32px;max-width:520px}#login p{color:#92a2b6;line-height:1.7}form{display:flex;flex-wrap:wrap;gap:10px}input{min-width:0;flex:1}#viewer{width:100%;height:calc(100dvh - 136px);position:relative;text-align:center}#viewer[hidden]{display:none}canvas{width:100%;height:100%;object-fit:contain;display:block}#placeholder{position:absolute;top:50%;width:100%;color:#92a2b6;pointer-events:none}footer{font-size:12px;color:#92a2b6;flex-wrap:wrap}footer button{font-size:12px;padding:6px 12px}#stats{margin-left:auto;font-variant-numeric:tabular-nums}#error{color:#ff9b9b!important}#viewer:fullscreen{background:#000;height:100%;display:grid;place-items:center}@media(max-width:600px){header,footer{padding:12px 14px}.brand{display:none}#viewer{height:calc(100dvh - 130px)}#stats{font-size:11px}}