/* heic-convert 전용 스타일 */

.format-group {
  display: flex;
  gap: 0.5rem;
}

.format-btn {
  padding: 0.4rem 1rem;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
  color: var(--text-sub);
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.format-btn:hover {
  border-color: var(--primary);
  color: var(--primary);
}

.format-btn.active {
  background: var(--primary);
  border-color: var(--primary);
  color: white;
}

.quality-group {
  transition: opacity 0.2s;
}

.quality-group.disabled {
  opacity: 0.4;
  pointer-events: none;
}

.result-item .format-badge {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  background: rgba(102, 126, 234, 0.1);
  color: var(--primary);
}

@media (max-width: 480px) {
  .options { flex-direction: column; gap: 1rem; align-items: stretch; }
  .format-group { flex-wrap: wrap; }
  .range-wrapper input[type="range"] { width: 100%; }
}