/* FineME v280 — reliable, user-facing video upload progress. */
.fm-v280 [data-fm-qc-progress][hidden]{display:none!important}
.fm-v280 .fm-qc-progress{
  display:grid!important;
  gap:10px!important;
  margin:2px 0 10px!important;
  padding:12px 13px!important;
  border:1px solid #dfe5f2!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#f8faff 0%,#f5f7ff 52%,#fff8fc 100%)!important;
  box-shadow:0 8px 24px rgba(63,79,128,.06)!important;
  overflow:hidden!important;
}
.fm-v280 .fm-qc-progress-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.fm-v280 .fm-qc-progress-copy{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
.fm-v280 .fm-qc-progress-copy>i{
  width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:10px!important;
  background:linear-gradient(135deg,#5d9df8,#7b7bf4 55%,#ef72b0)!important;
  box-shadow:0 7px 16px rgba(94,112,242,.18)!important;position:relative!important
}
.fm-v280 .fm-qc-progress-copy>i:before{content:'▶';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:11px;transform:translateX(1px)}
.fm-v280 .fm-qc-progress-copy>span{display:grid!important;gap:2px!important;min-width:0!important}
.fm-v280 .fm-qc-progress-copy strong{font-size:11px!important;line-height:1.25!important;color:#26344d!important;font-weight:900!important}
.fm-v280 .fm-qc-progress-copy small{font-size:9.5px!important;line-height:1.25!important;color:#8793a8!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.fm-v280 .fm-qc-progress-head>b{
  min-width:48px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:999px!important;
  background:#fff!important;border:1px solid #e1e6f2!important;color:#5968e8!important;font-size:11px!important;font-weight:950!important;
  box-shadow:0 5px 14px rgba(55,70,113,.06)!important
}
.fm-v280 .fm-qc-progress-track{
  position:relative!important;height:9px!important;border-radius:999px!important;overflow:hidden!important;
  background:#e7ebf4!important;box-shadow:inset 0 1px 2px rgba(60,75,110,.08)!important
}
.fm-v280 .fm-qc-progress-track>span{
  position:absolute!important;inset:0 auto 0 0!important;width:0%;min-width:0!important;border-radius:inherit!important;
  background:linear-gradient(90deg,#5d9df8 0%,#767cf4 48%,#ef70b0 100%)!important;
  box-shadow:0 0 14px rgba(109,124,244,.28)!important;transition:width .2s ease!important
}
.fm-v280 .fm-qc-progress[data-fm-progress-state="active"] .fm-qc-progress-track>span:after{
  content:'';position:absolute;inset:0;width:38%;transform:translateX(-140%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:fm280ProgressShimmer 1.15s linear infinite
}
.fm-v280 .fm-qc-progress[data-fm-progress-state="done"]{border-color:#cfeadd!important;background:linear-gradient(145deg,#f7fffb,#f5fbff)!important}
.fm-v280 .fm-qc-progress[data-fm-progress-state="done"] .fm-qc-progress-copy>i{background:linear-gradient(135deg,#43c68c,#55b9d9)!important}
.fm-v280 .fm-qc-progress[data-fm-progress-state="done"] .fm-qc-progress-copy>i:before{content:'✓';transform:none;font-size:15px;font-weight:900}
.fm-v280 .fm-qc-progress[data-fm-progress-state="done"] .fm-qc-progress-head>b{color:#23865f!important;border-color:#cfeadd!important}
.fm-v280 .fm-qc-progress[data-fm-progress-state="error"]{border-color:#f0cbd6!important;background:#fff8fa!important}
.fm-v280 .fm-qc-progress[data-fm-progress-state="error"] .fm-qc-progress-copy>i{background:linear-gradient(135deg,#ed6a82,#d85776)!important}
.fm-v280 .fm-qc-progress[data-fm-progress-state="error"] .fm-qc-progress-copy>i:before{content:'!';transform:none;font-size:16px;font-weight:950}
.fm-v280 .fm-qc-progress[data-fm-progress-state="error"] .fm-qc-progress-head>b{color:#c84568!important;border-color:#f0cbd6!important}
.fm-v280 .fm-qc-progress[data-fm-progress-state="error"] .fm-qc-progress-track>span{background:linear-gradient(90deg,#e7728a,#d95877)!important}
@keyframes fm280ProgressShimmer{to{transform:translateX(360%)}}
@media(max-width:520px){
  .fm-v280 .fm-qc-progress{padding:10px 11px!important;border-radius:14px!important}
  .fm-v280 .fm-qc-progress-copy>i{width:28px!important;height:28px!important;flex-basis:28px!important}
  .fm-v280 .fm-qc-progress-head>b{min-width:44px!important;height:28px!important;font-size:10.5px!important}
  .fm-v280 .fm-qc-progress-copy strong{font-size:10.5px!important}.fm-v280 .fm-qc-progress-copy small{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){.fm-v280 .fm-qc-progress-track>span{transition:none!important}.fm-v280 .fm-qc-progress-track>span:after{animation:none!important}}
