*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:16px system-ui,sans-serif}
body.login{min-height:100vh;display:grid;place-items:center;padding:1rem;background:#111827;color:#f9fafb}
main{width:min(100%,24rem);padding:2rem;border:1px solid #374151;border-radius:1rem;background:#1f2937}
h1{margin-top:0}form,label{display:grid;gap:.5rem}form{gap:1rem}input,button{font:inherit;padding:.75rem;
border:1px solid #6b7280;border-radius:.5rem}button{cursor:pointer;background:#2563eb;color:white;border:0}
button:disabled{opacity:.6}#error{min-height:1.25rem;margin:0;color:#fca5a5}
body.viewer{overflow:hidden;background:#111;color:#fff}body.viewer iframe{border:0;width:100vw;height:100vh}
#fallback{display:none;position:fixed;z-index:1;top:1rem;left:1rem;background:#a00;padding:.5rem}