:root {
  --accent: #eab308;
  --accent-bg: #fefce8;
  --accent-border: rgba(234,179,8,0.25);
}

/* Option buttons (language + format) */
.opt-btns { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.obtn {
  flex: 1; min-width: 0; background: var(--off); border: 1px solid var(--border);
  border-radius: 10px; padding: 0.75rem 0.5rem; cursor: pointer;
  font-family: var(--display); font-size: 0.88rem; font-weight: 700;
  color: var(--sub); transition: all 0.15s; text-align: center;
}
.obtn span { display: block; font-size: 0.7rem; font-weight: 400; font-family: var(--body); color: var(--sub); margin-top: 0.2rem; }
.obtn:hover { border-color: var(--accent); color: var(--accent); }
.obtn.active { background: var(--accent-bg); border-color: var(--accent); color: var(--accent); }

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

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