:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#1b2733;background:#f4f6f8;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:1px solid #d9e0e7;padding:18px 28px;display:flex;align-items:center;justify-content:space-between}header a{color:#345fce;text-decoration:none}h1{font-size:21px;margin:0}h2{font-size:18px;margin:0 0 16px}main{max-width:1120px;margin:24px auto;padding:0 20px}.layout{display:grid;grid-template-columns:300px 1fr;gap:20px}.panel{background:#fff;border:1px solid #d9e0e7;border-radius:4px;padding:22px;margin-bottom:18px}.muted{color:#617080;font-size:14px;line-height:1.7}.pin{font:700 34px ui-monospace,monospace;letter-spacing:4px;margin:20px 0;overflow-wrap:anywhere}label{display:block;font-size:14px;margin:14px 0 6px}input,select,button{font:inherit;border-radius:3px}input,select{width:100%;padding:11px;border:1px solid #b9c4ce;background:#fff}button{cursor:pointer;padding:11px 16px;border:1px solid #254fa9;color:#fff;background:#315fc2;margin:8px 8px 0 0}button.secondary{background:#fff;color:#324558;border-color:#bbc5cf}button:disabled{opacity:.5;cursor:default}button.danger{background:#fff;color:#b12c30;border-color:#d7afb0}.screen{height:560px;background:#111820;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #263440;border-radius:4px;overflow:hidden}.screen video,.screen img{height:100%;width:100%;object-fit:contain}.screen .empty{color:#b7c5d2;text-align:center;padding:24px;line-height:1.9}.screen:fullscreen{height:100vh;width:100vw}.status{font-size:14px;line-height:1.6;padding:10px 0;min-height:42px;color:#245d45}.error{color:#ac2930}.row{display:flex;gap:8px;align-items:center}.row>*{flex:1}.badge{font-size:12px;border:1px solid #c2cbd4;padding:4px 8px;border-radius:3px;color:#536272}.preview{width:100%;max-height:260px;background:#111820;margin-top:18px}a{color:#315fc2}code{overflow-wrap:anywhere}p{line-height:1.65}.hidden,[hidden]{display:none!important}@media(max-width:760px){header{padding:16px}.layout{grid-template-columns:1fr}.screen{height:52vh}.panel{padding:18px}main{margin-top:18px}.pin{font-size:30px}}
.qr{margin:14px 0 6px;display:flex;justify-content:center}.qr svg{width:190px;height:190px;max-width:100%;background:#fff;border:8px solid #fff}.screen canvas{max-width:100%;max-height:100%;background:#111820}