body{margin:0;background:#f4f6f8;color:#172331;font:15px system-ui,sans-serif}main{max-width:1120px;margin:30px auto;padding:0 20px}h1{margin-bottom:10px}p{line-height:1.5}a{color:#175ca1}button,input{font:inherit;padding:9px 12px;border:1px solid #acb8c4;border-radius:6px;background:white}button{cursor:pointer}button:hover{background:#e9f2fc}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}#viewer{min-height:200px;background:#dce3ea;border:1px solid #bac6d2;border-radius:8px;overflow:hidden}#screen{width:100%;display:block;cursor:crosshair}#screen:not([src]){display:none}#status{padding:10px;background:#e7eef5;border-radius:6px}label{display:inline-flex;gap:12px;align-items:center;flex-wrap:wrap}#typing,#login{margin:16px 0}input{min-width:260px}
select{font:inherit;padding:9px 12px;border:1px solid #acb8c4;border-radius:6px;background:white;min-width:160px}button:disabled{opacity:.5;cursor:default}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{background:white;border:1px solid #d5dfe8;border-radius:10px;padding:18px}.cards h2{font-size:14px;color:#526477;margin:0 0 10px}.cards p{font-size:20px;margin:0}#notice{min-height:24px;color:#526477}#identity-error{color:#9b351d}details{margin:34px 0;border-top:1px solid #cbd5df;padding-top:20px}summary{cursor:pointer;font-weight:600}#email{font-weight:600}#login[hidden]{display:none}@media(max-width:650px){.cards{grid-template-columns:1fr}input{min-width:0;width:100%}main{margin:20px auto}}