.lab-module{gap:20px;display:grid}.lab-module .welcome-row{margin-bottom:0}.lab-network-note{color:#436377;background:#f1f8fc;border:1px solid #dcebf2;border-radius:16px;gap:12px;padding:16px 20px;font-size:13px;line-height:1.65;display:flex}.lab-network-note svg{color:var(--blue);flex-shrink:0;margin-top:3px}.lab-network-note p{margin:0}.lab-layout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:20px;display:grid}.lab-camera-list{padding:18px}.lab-list-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.lab-list-title h2{margin:0}.lab-camera-item{border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}.lab-camera-item.selected{background:#f1f8fc;border-color:#97c4dc}.lab-camera-select{text-align:left;width:100%;color:var(--text);background:0 0;border:0;align-items:center;gap:12px;padding:14px;display:flex}.lab-camera-select>span:last-child{overflow-wrap:anywhere;gap:4px;min-width:0;display:grid}.lab-camera-select small{color:var(--muted);font-size:11px}.lab-camera-icon{color:#78909c;background:#e6edf1;border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.lab-camera-icon.online{color:var(--green);background:#e2f3eb}.lab-camera-tools{gap:8px;padding:0 12px 12px;display:flex}.lab-camera-tools .soft-button{padding:7px 10px;font-size:11px}.lab-monitor{overflow:hidden}.lab-monitor-head{justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.lab-monitor-head h2{overflow-wrap:anywhere}.lab-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.lab-screen{aspect-ratio:16/10;background:#071b29;place-items:center;display:grid;position:relative;overflow:hidden}.lab-screen img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0}.lab-screen .empty{color:#c8d9e3;max-width:540px;padding:64px 28px}.lab-screen .empty p{color:#a2bac8}.lab-screen .empty-icon{color:#a0bdcf;background:#ffffff0d}.lab-signal{color:#bacbd6;letter-spacing:1px;background:#05121fcc;border:1px solid #ffffff26;border-radius:7px;align-items:center;gap:7px;padding:7px 9px;font-size:9px;display:flex;position:absolute;top:16px;left:18px}.lab-signal i{background:#ab9a78;border-radius:50%;width:6px;height:6px}.lab-signal.receiving i{background:#53d3a3}.lab-monitor-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:14px 20px;font-size:11px;display:flex}.lab-monitor:fullscreen{color:#fff;background:#071b29;flex-direction:column;display:flex}.lab-monitor:fullscreen .lab-screen{aspect-ratio:auto;flex:1;min-height:0}.lab-last-seen{margin:12px 4px 0}.lab-empty{padding:42px 24px}.lab-form{gap:20px;display:grid}.lab-vta-shortcut{justify-self:start}@media (max-width:1000px){.lab-layout{grid-template-columns:230px minmax(0,1fr)}.lab-monitor-head{flex-wrap:wrap}}@media (max-width:760px){.lab-layout{grid-template-columns:1fr}.lab-camera-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.lab-list-title{grid-column:1/-1;margin:0}.lab-camera-item{margin:0}.lab-screen{aspect-ratio:4/3}.lab-module .welcome-row{align-items:flex-start;gap:14px}}