#mfvg-controls{position:fixed;right:18px;bottom:18px;z-index:2147483000;display:flex;gap:7px;align-items:center;font-family:Arial,sans-serif}
#mfvg-controls button{box-sizing:border-box;border:0;border-radius:999px;padding:10px 14px;font-size:13px;line-height:1.2;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.18);background:#fff;color:#222!important;min-height:38px}
#mfvg-controls #mfvg-toggle{background:#fff!important;color:#222!important}
#mfvg-controls #mfvg-toggle.active{background:#1677ff!important;color:#fff!important}
#mfvg-controls #mfvg-stop{background:#222!important;color:#fff!important;border:0!important}
#mfvg-controls button:hover,#mfvg-controls button:focus{opacity:.95}
#mfvg-training-panel{position:fixed;right:18px;top:88px;width:360px;max-width:calc(100vw - 28px);z-index:2147482999;background:#fff;color:#222;border:1px solid rgba(0,0,0,.12);border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.22);font-family:Arial,sans-serif;overflow:hidden}
#mfvg-training-panel .mfvg-tr-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:#111;color:#fff;font-size:14px}
#mfvg-training-panel .mfvg-tr-head button{border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer;line-height:1}
#mfvg-training-panel .mfvg-tr-body{padding:12px}
#mfvg-training-panel.collapsed .mfvg-tr-body{display:none}
.mfvg-tr-note{font-size:12px;line-height:1.45;margin:0 0 10px;color:#555}
.mfvg-tr-check{display:block;font-size:12px;margin:7px 0}
.mfvg-tr-check input{margin-right:6px}
#mfvg-training-panel input[type=text],#mfvg-training-panel textarea,#mfvg-training-panel select{width:100%;box-sizing:border-box;border:1px solid #ccc;border-radius:8px;padding:8px;margin:6px 0;font-size:13px;background:#fff;color:#222}
#mfvg-training-panel textarea{resize:vertical}
.mfvg-tr-primary,.mfvg-tr-stop,.mfvg-tr-row button{border:0;border-radius:8px;padding:9px 10px;font-size:12px;cursor:pointer;font-weight:600}
.mfvg-tr-primary{width:100%;background:#d21f3c;color:#fff;margin-top:8px}
.mfvg-tr-stop{width:100%;background:#222;color:#fff;margin-top:10px}
.mfvg-tr-row{display:flex;gap:6px}.mfvg-tr-row button{flex:1;background:#eee;color:#222}
.mfvg-tr-status{font-size:12px;font-weight:700;margin-bottom:8px;color:#c00}.mfvg-tr-status span{float:right;color:#222}
.mfvg-tr-stepitem{border:1px solid #ddd;border-radius:8px;padding:7px 8px;margin-top:7px;background:#fafafa}.mfvg-tr-stepitem b{display:block;font-size:12px}.mfvg-tr-stepitem small{display:block;font-size:11px;line-height:1.35;margin-top:3px;color:#666}
.mfvg-tr-done{border:1px solid #cfe8d4;border-radius:9px;padding:9px;background:#f5fff7}.mfvg-tr-done strong{display:block;font-size:13px}.mfvg-tr-done span{display:block;font-size:11px;color:#666;margin-top:3px}.mfvg-tr-downloads{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.mfvg-tr-link{display:inline-block;padding:7px 8px;border-radius:7px;background:#1677ff;color:#fff!important;text-decoration:none;font-size:11px}.mfvg-tr-preview{width:100%;margin-top:9px;border-radius:8px;background:#000}
#mfvg-training-panel.recording{border:2px solid #d21f3c}
#mfvg-training-panel.capture-hidden{display:none!important}
@media(max-width:600px){#mfvg-controls{right:10px;bottom:92px;gap:6px}#mfvg-controls button{padding:9px 11px;font-size:12px;min-height:36px;white-space:nowrap}#mfvg-training-panel{right:10px;top:70px;width:340px;max-width:calc(100vw - 20px)}}

/* 1.2.1 mobile safety: keep the Training Recorder from covering the site's menus. */
@media(max-width:600px){
  #mfvg-training-panel{
    top:64px;
    right:8px;
    width:292px;
    max-width:calc(100vw - 16px);
    max-height:46vh;
    overflow:hidden;
  }
  #mfvg-training-panel .mfvg-tr-body{
    max-height:calc(46vh - 46px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  #mfvg-training-panel.mobile-collapsed .mfvg-tr-body{display:none!important;}
  #mfvg-training-panel.mobile-collapsed{width:auto;max-width:calc(100vw - 16px);}
  #mfvg-training-panel.mobile-collapsed .mfvg-tr-head{padding:8px 10px;font-size:12px;}
}