:root {
  --accent: #f97316;
  --accent-bg: #fff7ed;
  --accent-border: rgba(249,115,22,0.25);
}

/* Quality buttons */
.quality-btns { display: flex; gap: 0.5rem; }
.qbtn {
  flex: 1; background: var(--off); border: 1px solid var(--border); border-radius: 10px;
  padding: 0.7rem; cursor: pointer; font-family: var(--display);
  font-size: 0.85rem; font-weight: 700; color: var(--sub);
  transition: all 0.15s; text-align: center;
}
.qbtn span { display: block; font-size: 0.7rem; font-weight: 400; font-family: var(--body); color: var(--sub); margin-top: 0.2rem; }
.qbtn:hover { border-color: var(--accent); color: var(--accent); }
.qbtn.active { background: var(--accent-bg); border-color: var(--accent); color: var(--accent); }

/* Upload progress bar (thin bar above main progress) */
.upload-prog { height: 3px; background: var(--off); border-radius: 3px; overflow: hidden; margin-top: 0.4rem; }
.upload-fill { height: 100%; background: rgba(249,115,22,0.4); border-radius: 3px; width: 0%; transition: width 0.2s; }

/* Result stats */
.result-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 0.8rem; margin-bottom: 1rem; }
.stat { background: white; border-radius: 10px; padding: 0.8rem; text-align: center; }
.stat-val { font-family: var(--display); font-size: 1.2rem; font-weight: 800; color: var(--accent); }
.stat-key { font-size: 0.68rem; color: var(--sub); margin-top: 0.2rem; text-transform: uppercase; letter-spacing: 0.05em; }

/* Transition override for progress fill */
.prog-fill { transition: width 0.4s; }