/* 공통 아이콘 : https://www.svgrepo.com/ */
.model-icon {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  background-color: #000; /* 기본: 검정 = 심볼 색상 */
  -webkit-mask: no-repeat center / contain;
          mask: no-repeat center / contain;
  vertical-align: -.21em;   /* ← 핵심: 기준선 대비 약간 내려서 정렬 */
}

/* 다크 모드에서는 하양 */
html[data-bs-theme="dark"] .model-icon {
  background-color: #fff; /* 심볼 색상만 흰색 */
}


/* 모델별 아이콘 지정 */
.model-icon.imagen4, .model-icon.imagen4_fast, .model-icon.imagen4_ultra, .model-icon.veo3_fast_text, .model-icon.veo3_fast_image {
  -webkit-mask-image: url('/assets/img/model/imagen.svg');
          mask-image: url('/assets/img/model/imagen.svg');
}

.model-icon.flux, .model-icon.flux_pro_kontext , .model-icon.flux_pro_01{
  -webkit-mask-image: url('/assets/img/model/flux.svg');
          mask-image: url('/assets/img/model/flux.svg');
}

.model-icon.suno, .model-icon.suno_v4 , .model-icon.suno_v45_plus, .model-icon.suno_v5 {
  -webkit-mask-image: url('/assets/img/model/suno.svg');
          mask-image: url('/assets/img/model/suno.svg');
}

.model-icon.minimax, .model-icon.hailuo_02_standard , .model-icon.hailuo_02_pro{
  -webkit-mask-image: url('/assets/img/model/minimax.svg');
          mask-image: url('/assets/img/model/minimax.svg');
}

.model-icon.minimax_speech_02, .model-icon.minimax_speech_02_hd , .model-icon.minimax_speech_025 , .model-icon.minimax_speech_025_hd{
  -webkit-mask-image: url('/assets/img/model/speech.svg');
          mask-image: url('/assets/img/model/speech.svg');
}

.model-icon.nano_banana{
  -webkit-mask-image: url('/assets/img/model/nano_banana.svg');
          mask-image: url('/assets/img/model/nano_banana.svg');
}

.model-icon.recraft_upscale_crisp{
  -webkit-mask-image: url('/assets/img/model/recraft.svg');
          mask-image: url('/assets/img/model/recraft.svg');
}

.model-icon.kling_video_021_pro, .model-icon.kling_video_021_master, .model-icon.kling_avatar_01, .model-icon.kling_image_to_video_025_pro, .model-icon.kling_text_to_video_025_pro{
  -webkit-mask-image: url('/assets/img/model/kling.svg');
          mask-image: url('/assets/img/model/kling.svg');
}

.model-icon.bria_background_replace, .model-icon.imageediting_background_change{
  -webkit-mask-image: url('/assets/img/model/replace.svg');
          mask-image: url('/assets/img/model/replace.svg');
}

.model-icon.bria_background_remove, .model-icon.photoroom_background_remove{
  -webkit-mask-image: url('/assets/img/model/remove.svg');
          mask-image: url('/assets/img/model/remove.svg');
}

.model-icon.bria_expand {
-webkit-mask-image: url('/assets/img/model/expand.svg');
          mask-image: url('/assets/img/model/expand.svg');
}


.model-icon.hedra{
  -webkit-mask-image: url('/assets/img/model/hedra.svg');
          mask-image: url('/assets/img/model/hedra.svg');
}

.model-icon.topaz_upscale{
  -webkit-mask-image: url('/assets/img/model/topaz.svg');
          mask-image: url('/assets/img/model/topaz.svg');
}

.model-icon.ideogram{
  -webkit-mask-image: url('/assets/img/model/ideogram.svg');
          mask-image: url('/assets/img/model/ideogram.svg');
}

.model-icon.wan_i2v{
  -webkit-mask-image: url('/assets/img/model/wan.svg');
          mask-image: url('/assets/img/model/wan.svg');
}

.model-icon.text_effect_video{
  -webkit-mask-image: url('/assets/img/model/text_effect_video.svg');
          mask-image: url('/assets/img/model/text_effect_video.svg');
}
.model-icon.minimax_voice_clone{
  -webkit-mask-image: url('/assets/img/model/minimax_voice_clone.svg');
          mask-image: url('/assets/img/model/minimax_voice_clone.svg');
}

.model-icon.bytedance_seedream_04{
  -webkit-mask-image: url('/assets/img/model/bytedance.svg');
          mask-image: url('/assets/img/model/bytedance.svg');
}

.model-icon.sora_image_to_video_02,  .model-icon.sora_text_to_video_02 {
  -webkit-mask-image: url('/assets/img/model/openai.svg');
          mask-image: url('/assets/img/model/openai.svg');  
}

.model-icon.fabric_01{
  -webkit-mask-image: url('/assets/img/model/fabric.svg');
          mask-image: url('/assets/img/model/fabric.svg');  
}

.model-icon.minimax_voiceclone{
  -webkit-mask-image: url('/assets/img/model/clone.svg');
          mask-image: url('/assets/img/model/clone.svg');  
}