.diagnostic-layout .diag-layout-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr)}
.diagnostic-layout .energisa-step-preview{min-width:0;background:#101d2c;color:#eaf4ff}
.diagnostic-layout .energisa-step-preview h3{color:inherit}
.diagnostic-layout .energisa-step-preview-frame{background:#07101b;border-radius:6px;min-height:180px}
.diagnostic-layout .energisa-step-preview-frame img{object-fit:contain}
.diagnostic-video-quality{min-height:36px;border:1px solid #b9cbd8;border-radius:6px;padding:5px 8px;background:white;color:#173149;font-size:12px}
.diagnostic-layout .energisa-step-preview>p{color:#d6e6f2;font-variant-numeric:tabular-nums}
.diagnostic-layout.remote-window .energisa-step-preview{background:#101d2c}
.diagnostic-layout.remote-window .energisa-step-preview-frame{background:#07101b}
.diagnostic-layout.remote-window .robot-view-empty{color:#d6e6f2}
@media(max-width:750px){
 .diagnostic-layout .diag-layout-grid{grid-template-columns:minmax(0,1fr)}
 .diagnostic-layout .energisa-step-preview{margin:0 0 10px}
 .diagnostic-layout .diagnostic-preview-tools{gap:5px;flex-wrap:wrap}
 .diagnostic-layout .diagnostic-preview-tools h3{flex:1 0 100%;margin:0;font-size:14px}
 .diagnostic-video-quality{flex:1 1 120px;font-size:11px}
 .diagnostic-layout .energisa-step-preview-frame{min-height:150px}
}