/* TH826_TAB3_STEP6_MEDIA_CSS_V2 */

.th826-step6-block{
  display:grid;
  gap:11px;
}

.th826-step6-inherit-note{
  display:grid;
  gap:3px;
  padding:8px 10px;
  border:1px solid rgba(44,166,234,.28);
  border-radius:9px;
  background:rgba(8,64,103,.24);
}

.th826-step6-inherit-note b{
  color:#7ed7ff;
  font-size:10.5px;
}

.th826-step6-inherit-note span{
  color:#a8cce6;
  font-size:9.5px;
  line-height:1.4;
}

.th826-step6-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.th826-step6-audio-card{
  grid-column:1 / -1;
}

.th826-step6-ratio-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-bottom:10px;
}

.th826-step6-ratio-grid label{
  min-height:48px;
  display:grid;
  grid-template-columns:15px minmax(0,1fr);
  gap:7px;
  align-items:center;
  padding:6px 8px;
  border:1px solid rgba(52,126,195,.25);
  border-radius:8px;
  background:rgba(5,23,42,.72);
  cursor:pointer;
}

.th826-step6-ratio-grid label:hover{
  border-color:rgba(42,164,248,.52);
  background:rgba(10,61,104,.60);
}

.th826-step6-ratio-grid label:has(input:checked){
  border-color:#2da8fa;
  background:rgba(13,93,162,.48);
}

.th826-step6-ratio-grid input{
  width:13px;
  height:13px;
  margin:0;
}

.th826-step6-ratio-grid b{
  display:block;
  color:#f3faff;
  font-size:10px;
}

.th826-step6-ratio-grid small{
  display:block;
  margin-top:2px;
  color:#8db9d8;
  font-size:8.6px;
  line-height:1.3;
}

.th826-step6-settings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.th826-step6-wide-field{
  grid-column:1 / -1;
}

.th826-step6-info-note{
  display:grid;
  gap:3px;
  margin-top:10px;
  padding:8px 9px;
  border:1px solid rgba(48,140,214,.25);
  border-radius:9px;
  background:rgba(7,44,78,.38);
}

.th826-step6-info-note b{
  color:#85d5ff;
  font-size:9.5px;
}

.th826-step6-info-note span{
  color:#9cc5e3;
  font-size:8.8px;
  line-height:1.4;
}

.th826-step6-audio-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}

.th826-step6-audio-grid
.th826-step6-wide-field{
  grid-column:1 / -1;
}

.th826-step6-audio-rules{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}

.th826-step6-audio-rules label{
  min-height:34px;
  display:grid;
  grid-template-columns:15px minmax(0,1fr);
  gap:7px;
  align-items:center;
  padding:6px 8px;
  border:1px solid rgba(48,132,205,.24);
  border-radius:8px;
  background:rgba(5,29,53,.58);
}

.th826-step6-audio-rules input{
  width:13px;
  height:13px;
  margin:0;
}

.th826-step6-audio-rules span{
  color:#ddecf7;
  font-size:9.5px;
  line-height:1.3;
  font-weight:700;
}

.th826-step6-summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:10px;
  padding:9px 10px;
  border:1px solid rgba(40,199,139,.32);
  border-radius:9px;
  background:rgba(9,89,63,.20);
}

.th826-step6-summary b{
  display:block;
  color:#70edb6;
  font-size:10px;
}

.th826-step6-summary span{
  display:block;
  margin-top:3px;
  color:#a4d8c7;
  font-size:8.8px;
  line-height:1.35;
}

.th826-step6-summary strong{
  color:#f4fff9;
  font-size:10px;
  line-height:1.3;
  text-align:right;
}

#th826Step6Media select,
#th826Step6Media input[type="text"]{
  min-height:36px;
}

#th826Step6Media
.th826-ai-field.is-disabled{
  opacity:.46;
}

@media(max-width:1280px){
  .th826-step6-grid{
    grid-template-columns:1fr;
  }

  .th826-step6-audio-card{
    grid-column:auto;
  }

  .th826-step6-audio-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:900px){
  .th826-step6-ratio-grid,
  .th826-step6-settings-grid,
  .th826-step6-audio-grid,
  .th826-step6-audio-rules{
    grid-template-columns:1fr;
  }

  .th826-step6-wide-field,
  .th826-step6-audio-grid
  .th826-step6-wide-field{
    grid-column:auto;
  }

  .th826-step6-summary{
    align-items:flex-start;
    flex-direction:column;
  }

  .th826-step6-summary strong{
    text-align:left;
  }
}

/* END_TH826_TAB3_STEP6_MEDIA_CSS_V2 */