#video-preview-panel[hidden]{display:none}
#video-preview-panel{grid-area:1 / 2;background:#12171d;border:1px solid #34404e;border-radius:12px;padding:12px;margin:8px;min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column}
.chat-workspace:has(#video-preview-panel:not([hidden])){grid-template-columns:minmax(250px,1fr) minmax(360px,1fr)}
.video-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
#video-preview-form{display:flex;gap:8px;flex-wrap:wrap}
#video-bundle-path{flex:1;min-width:180px}
#video-preview-frame{width:100%;height: min(65vh,650px);min-height:180px;flex:1;border:0;background:#050505;border-radius:8px;margin-top:10px}
#video-preview-frame[hidden]{display:none}
#video-preview-status{font-size:12px;white-space:pre-wrap;max-height:100px;overflow:auto;color:#aebdca;margin:8px 0 0}
@media(max-width:700px){
  .chat-workspace:has(#video-preview-panel:not([hidden])){grid-template-columns:minmax(0,1fr)}
  #video-preview-panel{grid-area:1 / 1;z-index:3}
  .chat-workspace:has(#video-preview-panel:not([hidden])) > .chat{display:none}
}