html,body{margin:0;height:100%;background:#07080a;color:#d8d8d4;font:14px/1.4 system-ui,sans-serif;overflow:hidden}#view{display:block;width:100vw;height:100vh;touch-action:none}.panel{position:fixed;left:16px;top:16px;right:16px;max-width:560px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;background:#0c0d10c7;border:1px solid #262830;border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel button,.panel select,.panel label.btn{font:inherit;color:inherit;background:#1c1e24;border:1px solid #343744;border-radius:6px;padding:5px 10px;cursor:pointer}.panel button:hover,.panel label.btn:hover{background:#262934}.panel input[type=file]{display:none}#status{flex-basis:100%;font-size:12px;color:#9a9ca4}#status.error{color:#ff9a7a}body.client #sample,body.client .btn,body.client #camera,body.client #device{display:none}body.client #status:empty{display:none}