.live-inspection-panel{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.65fr);overflow:hidden;margin-bottom:14px;background:#06152d;border-color:#18365e}.live-video-wrap{min-height:370px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 65%,#28445f,#081526 70%);cursor:grab}.live-video-wrap:active{cursor:grabbing}.live-video-wrap video,.live-video-wrap canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.live-video-wrap canvas{z-index:3;pointer-events:none}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#dceaff;z-index:2;background:linear-gradient(135deg,rgba(6,21,45,.9),rgba(10,51,88,.75));text-align:center}.camera-placeholder.hidden{display:none}.camera-placeholder strong{font:700 15px Manrope;margin:12px 0 5px}.camera-placeholder span{font-size:9px;color:#91aac8;margin-bottom:18px}.camera-symbol{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid #3d79b9;background:#0c3768;color:#64c2ff;font:800 17px Manrope;box-shadow:0 0 25px rgba(38,151,239,.25)}.stream-hud{position:absolute;z-index:5;background:rgba(3,13,28,.72);border:1px solid rgba(143,194,244,.22);color:white;border-radius:5px;padding:7px 9px;display:flex;gap:7px;align-items:center;font-size:7px;backdrop-filter:blur(5px)}.stream-hud strong{font-size:8px}.stream-hud span{color:#97b0cf}.top-left{top:12px;left:12px}.top-right{top:12px;right:12px;display:block;text-align:right}.top-right span{display:block;margin-top:3px}.record-dot{width:7px;height:7px;background:#ed4137!important;border-radius:50%;box-shadow:0 0 0 3px rgba(237,65,55,.2)}.scan-line{position:absolute;z-index:4;left:0;right:0;height:1px;background:#24b7ff;box-shadow:0 0 8px #24b7ff;top:0;opacity:0}.scan-line.active{opacity:.7;animation:scan 3s linear infinite}@keyframes scan{from{top:3%}to{top:97%}}.panorama-controls{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);z-index:6;border:1px solid rgba(255,255,255,.2);background:rgba(2,14,30,.72);border-radius:20px;padding:4px;display:flex;align-items:center;gap:10px;color:#9fb7d3;font-size:7px;letter-spacing:.6px}.panorama-controls button{border:0;background:#174a80;color:white;width:27px;height:27px;border-radius:50%;cursor:pointer}.inference-console{padding:18px;color:#dceaff;background:linear-gradient(180deg,#081d3b,#06152d)}.inference-console .panel-head h2{color:white}.inference-console .panel-head .eyebrow{color:#47aff8}.model-card{border:1px solid #1d426c;background:#0b274d;border-radius:7px;padding:12px;margin:16px 0}.model-card span,.model-card small{display:block;color:#7f9cbd;font-size:7px}.model-card strong{display:block;color:white;font:700 10px Manrope;margin:5px 0}.inference-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.inference-metrics div{background:#0a2447;border:1px solid #163b64;border-radius:5px;padding:9px}.inference-metrics span{display:block;color:#7292b7;font-size:6px}.inference-metrics strong{display:block;color:#5bc0ff;font-size:9px;margin-top:4px}.inference-console h3{font:600 9px Inter;margin:17px 0 8px}.inference-console h3 span{float:right;background:#174473;border-radius:10px;padding:2px 7px}.detection-feed{min-height:84px}.empty-detection{border:1px dashed #244768;color:#718aa8;text-align:center;padding:18px;border-radius:6px;font-size:8px}.detection-item{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;border-bottom:1px solid #173554;padding:7px 2px;font-size:8px}.detection-item i{width:7px;height:7px;border-radius:50%;background:#f1ad2b}.detection-item strong{display:block;color:#ecf5ff}.detection-item span{color:#7f9ab9;font-size:7px}.detection-item b{color:#57c3ff}.camera-actions{display:flex;gap:7px;margin-top:14px}.camera-actions button{flex:1;background:#0d294d;border-color:#31547b;color:#b9cee5}.camera-actions button:disabled{opacity:.45}.danger-button:not(:disabled){color:#ffaaa5;border-color:#864943}.inference-note{font-size:7px!important;line-height:1.5;color:#6684a6!important;margin:12px 0 0!important}@media(max-width:900px){.live-inspection-panel{grid-template-columns:1fr}.live-video-wrap{min-height:330px}}@media(max-width:600px){.live-video-wrap{min-height:250px}}