*{padding:0;margin:0}body{font-family:Arial,Helvetica,sans-serif;font-size:12px;background-color:#fff;color:#222}button{border:1px solid #999;border-radius:6px;background-color:#f5f7fa;padding:10px;cursor:pointer;font-size:13px;line-height:15px;box-sizing:border-box;transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease;color:#222;font-weight:500}button:hover{border-color:#777;background-color:#e5e5e5!important;box-shadow:inset 0 0 5px #0000001f}input{border:1px solid #999;border-radius:6px;background-color:#fff;padding:10px;font-size:12px;line-height:15px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}input:focus{border-color:#777;box-shadow:0 0 5px #00000040;outline:none}.loginScreen{width:300px;height:auto;margin:auto;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.loginScreen form{flex-grow:1}.loginScreen .logoTool{margin-top:80px;width:35%;margin-bottom:5px}.loginScreen .logoEquiCode{margin-top:30px;width:110px;margin-bottom:30px}.loginScreen h2{margin-bottom:30px;font-weight:400}.loginScreen input,.loginScreen button{width:100%;margin-bottom:15px}nav{position:fixed;top:0;box-sizing:border-box;display:flex;width:100%;justify-content:space-between;flex-direction:row-reverse;border-bottom:1px solid #ccc;padding:10px;background-color:#f5f5f5;box-shadow:0 1px 4px #00000014}main{max-width:800px;width:calc(100% - 20px);margin:70px auto 20px}.cameraFrame{width:100%;aspect-ratio:1;border-radius:8px;border:1px solid #ccc;box-sizing:border-box;overflow:hidden;background-color:#fff;box-shadow:inset 0 0 6px #0000000d}ul.overview{width:100%;list-style:none;border-radius:8px;border:1px solid #ccc;box-sizing:border-box;margin-top:10px;overflow:hidden;background-color:#fff}ul.overview li{box-sizing:border-box;padding:10px;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}h3{margin-bottom:10px;font-weight:500;text-align:right}ul.overview li:hover{background-color:#e5e5e5!important;box-shadow:inset 0 0 5px #0000001f}ul.overview li:nth-child(2n){background-color:#f4f4f4}pre{width:100%;border:1px solid #ccc;box-sizing:border-box;border-radius:8px;padding:10px;background-color:#fff;font-size:12px;overflow-x:auto;box-shadow:inset 0 0 4px #0000000d;font-family:monospace}.errorBox{background-color:#fdecec;border:1px solid #c88;border-radius:8px;padding:10px;margin:10px 0;color:#a33;font-weight:500;transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease;animation:flash .4s ease}@keyframes flash{0%{background-color:#f44;border-color:#c00;color:#fff}50%{background-color:#f66;border-color:#d22}to{background-color:#fdecec;border-color:#c88;color:#a33}}.hexCode{margin-top:10px;overflow-wrap:anywhere;word-break:break-all;white-space:pre-wrap}