:root{font:16px/1.5 system-ui;color:#16304b;background:#f2f6fc}*{box-sizing:border-box}main{max-width:840px;margin:0 auto;padding:18px}header{display:flex;gap:16px;align-items:center;flex-wrap:wrap}h1{font-size:25px}h2{font-size:19px;margin-top:0}a{color:#1466db}section{background:white;border:1px solid #dbe5f3;border-radius:18px;padding:20px;margin:15px 0;box-shadow:0 4px 18px #173c6810}p,small{color:#53687c}label{display:block;margin:12px 0}input,textarea,select,button{font:inherit;border:1px solid #c7d5e7;border-radius:10px;padding:11px}input,textarea,select{width:100%;margin-top:5px}textarea{resize:vertical}.row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.row input{flex:1;min-width:170px}button{cursor:pointer;background:#edf4ff;color:#1653a1}button:disabled{opacity:.5;cursor:wait}.primary{background:#075be4;color:white}.stop{background:#fff0f0;color:#a32424}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}#screen{width:100%;border:1px solid #b8cce7;touch-action:manipulation}#address{overflow-wrap:anywhere;font-size:13px}#notice{padding:12px;border-radius:10px;background:#e4eeff}#events{font-size:13px;padding-left:20px}#login[hidden]{display:none}#state{font-weight:700;color:#164da0}

#remoteViewport{width:100%;aspect-ratio:1100/780;overflow:hidden;overscroll-behavior:contain;border:1px solid #b8cce7;border-radius:12px;background:#eef2f8}#screen{display:block;width:100%;height:100%;border:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}