.lr-body{align-items:stretch;gap:10px;display:flex}.lr-stage{background:#0b1220;border:1px solid #78aae629;border-radius:12px;flex:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-content:start;gap:10px;min-width:0;min-height:220px;padding:10px;display:grid;position:relative}.lr-video{aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:8px;width:100%;display:block}.lr-remote{position:relative}.lr-name{color:#fff;background:#0000008c;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;bottom:8px;left:8px}.lr-empty{color:#8ea4c4;text-align:center;place-items:center;min-height:200px;padding:0 16px;font-size:13px;display:grid}.lr-state{letter-spacing:.06em;text-transform:uppercase;color:#cfe0f5;background:#0000008c;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:800;position:absolute;top:14px;right:14px}.lr-connected{color:#fff;background:#c0293f}.lr-error{color:#fff;background:#7a1020}.lr-panel{background:#0b1220;border:1px solid #78aae629;border-radius:12px;flex:0 0 210px;max-height:460px;padding:12px;overflow-y:auto}.lr-panel h4{letter-spacing:.1em;text-transform:uppercase;color:#8ea4c4;justify-content:space-between;margin:0 0 10px;font-size:11px;font-weight:800;display:flex}.lr-panel h4 span{color:#cfe0f5}.lr-person{border-top:1px solid #78aae61a;align-items:center;gap:8px;padding:7px 0;display:flex}.lr-person:first-of-type{border-top:0}.lr-pav{color:#fff;background:linear-gradient(135deg,#2f7fd0,#17b3ad);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:10px;font-weight:800;display:grid}.lr-pname{color:#dbe8fa;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.lr-pname i{color:#8ea4c4;font-style:normal}.lr-pstate{flex:none;gap:4px;font-size:11px;display:flex}.lr-pstate .off{opacity:.45}.lr-pstate em{color:#8ea4c4;font-size:10.5px;font-style:normal}.lr-pnote{color:#8ea4c4;margin:10px 0 0;font-size:11px;line-height:1.45}.lr-controls{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.lr-err{color:#c0293f;margin:10px 0 0;font-size:12.5px}.lr-fs{background:#05080f;flex-direction:column;height:100%;padding:16px;display:flex}.lr-fs .lr-body{flex:1;min-height:0}.lr-fs .lr-stage{align-content:center}.lr-fs .lr-panel{max-height:none}.lr-fs .lr-video{aspect-ratio:auto;max-height:calc(100vh - 140px)}@media (max-width:700px){.lr-body{flex-direction:column}.lr-stage{grid-template-columns:1fr}.lr-panel{flex:none;max-height:200px}}