*{box-sizing:border-box}body{margin:0;background:#071018;color:#e9fbff;font:15px Arial,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#0b1723;border-bottom:1px solid #23d9ff}h1{font-size:20px;margin:0}.panel{max-width:620px;margin:35px auto;padding:22px;background:#0d1d2b;border:1px solid #238ba3;border-radius:16px}input,button{padding:11px;border-radius:9px;border:1px solid #2f7080;background:#102634;color:#fff;margin:5px}button{cursor:pointer}.row{display:flex}.row input{flex:1}.modes{display:grid;grid-template-columns:1fr 1fr}#app{display:grid;grid-template-columns:310px 1fr;min-height:calc(100vh - 57px)}aside{padding:16px;background:#0b1723;overflow:auto}#devices .device{padding:9px;margin:7px 0;background:#102634;border-radius:9px}.stats{display:flex;gap:8px}.stats b{background:#153344;padding:7px;border-radius:8px}.wall{padding:12px;display:grid;gap:12px;align-content:start}.wall.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.wall.cascade{grid-template-columns:1fr}.wall.compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cam{background:#0b1723;border:1px solid #245f70;border-radius:14px;overflow:hidden}.cam video{width:100%;aspect-ratio:16/9;background:#000;display:block;object-fit:cover}.cam .bar{padding:9px;display:flex;align-items:center;gap:8px}.cam .bar span{flex:1}.cam input[type=range]{width:90px}.empty{padding:40px;text-align:center;color:#82aeb8}#localVideo{width:100%;background:#000;border-radius:10px}pre{white-space:pre-wrap;color:#78e7ff;font-size:11px}@media(max-width:800px){#app{grid-template-columns:1fr}aside{max-height:none}.wall.grid{grid-template-columns:1fr}}