:root{font-family:Segoe UI,Arial,sans-serif;color:#172033;background:#f3f6fb;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{height:64px;background:#112746;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 2px 14px #10254433}.brand{font-size:22px;font-weight:700;letter-spacing:.2px}.brand span{font-size:11px;background:#33d19a;color:#0c2e28;padding:4px 7px;border-radius:5px;margin-left:7px}main{max-width:1180px;margin:34px auto;padding:0 20px}.card{background:white;border:1px solid #dce4ef;border-radius:16px;padding:30px;box-shadow:0 12px 40px #16305212}.narrow{max-width:430px;margin:10vh auto}h1{margin:0 0 8px;font-size:26px}p{color:#607089;margin:0 0 24px}label{display:block;font-size:13px;font-weight:600;color:#3d4b61;margin:14px 0}input,select{width:100%;padding:11px 12px;margin-top:6px;border:1px solid #bfc9d8;border-radius:8px;font:inherit;background:white}button{border:0;border-radius:8px;padding:11px 17px;font-weight:650;background:#1769e0;color:white;cursor:pointer;margin-right:7px}button:hover{filter:brightness(.95)}button.secondary{background:#e8eef7;color:#22324b}.danger{background:#ce3949}.hidden{display:none!important}.error{color:#b51e33;margin-top:14px}.pill{font-size:12px;background:#dbe8fa;color:#153f76;padding:7px 10px;border-radius:99px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.devices{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.device{background:white;border:1px solid #dce4ef;border-radius:13px;padding:20px;box-shadow:0 5px 18px #1630520d}.device h2{font-size:18px;margin:0 0 7px}.meta{font-size:13px;color:#6c7890;margin:6px 0 17px}.state{width:9px;height:9px;border-radius:50%;display:inline-block;background:#9ba7b7;margin-right:6px}.state.online{background:#19b47d;box-shadow:0 0 0 4px #19b47d1f}.viewer{position:fixed;inset:0;background:#10141a;z-index:10;display:flex;flex-direction:column}.viewerbar{height:58px;background:#182231;color:white;display:flex;align-items:center;gap:16px;padding:8px 15px}.viewerbar strong{margin-right:auto}.viewerbar label{display:flex;align-items:center;gap:7px;margin:0;color:white}.viewerbar select{width:70px;margin:0;padding:8px}.screen{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.screen canvas{max-width:100%;max-height:100%;outline:none;background:#050608}.screen #viewerMessage{position:absolute;color:white;background:#000a;padding:12px 18px;border-radius:8px}@media(max-width:650px){.toolbar{align-items:flex-start;gap:16px}.viewerbar{gap:7px}.viewerbar strong{display:none}}