/* image-upscale 전용 스타일 */

.options select {
  padding: 0.4rem 0.6rem;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
  color: var(--text);
  font-size: 0.875rem;
}

/* 백엔드 안내 — GPU/CPU 여부는 처리 시간을 좌우하므로 힌트보다 눈에 띄게 */
.backend-note {
  margin: 0.5rem 0 0;
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  font-size: 0.8rem;
  background: color-mix(in srgb, var(--primary) 8%, transparent);
  color: var(--text);
}
.backend-note[data-backend="wasm"] {
  background: color-mix(in srgb, var(--error) 10%, transparent);
}
.backend-note:empty { display: none; }

/* 진행 상황 한 줄 — 완료되면 원본→결과 크기·용량·걸린 시간으로 바뀐다 */
.result-item .status-line {
  font-size: 0.8rem;
  color: var(--text-sub);
  margin-top: 0.15rem;
}
.result-item.processing .status-line { color: var(--primary); }
.result-item.done .status-line { color: var(--success); }

.license-note {
  font-size: 0.75rem;
  margin: 1rem 0;
  color: var(--text-sub);
}

@media (max-width: 480px) {
  .options { flex-direction: column; gap: 1rem; align-items: stretch; }
  .options select { width: 100%; }
}