*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#111;color:#eee;font:14px system-ui,sans-serif}body{display:flex;flex-direction:column}header,footer{display:flex;align-items:center;gap:12px;padding:9px 14px;background:#202020}header strong{margin-right:auto}button{border:1px solid #555;border-radius:6px;background:#333;color:#fff;padding:8px 12px;cursor:pointer}button:hover{background:#444}#status{color:#f1b95a}main{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}canvas{max-width:100%;max-height:100%;width:auto;height:auto;outline:none;cursor:crosshair}input{flex:1;min-width:120px;background:#111;border:1px solid #555;border-radius:6px;color:#fff;padding:8px}small{color:#999}@media(max-width:700px){footer small{display:none}header{flex-wrap:wrap}}
 [hidden]{display:none!important}#authPanel{width:min(500px,90%);padding:24px;background:#202020;border:1px solid #555;border-radius:12px}#authPanel h1{font-size:20px}#authPanel p{line-height:1.5;color:#bbb}#authPanel label{display:block;margin:16px 0 8px}#authPanel input{display:block;width:100%;margin-bottom:12px}button:disabled{opacity:.4;cursor:default}