.wie-panel-advance-color-settings{
  color:#eaf1ff !important;
}
.wie-panel-advance-color-settings *{
  box-sizing:border-box;
}
.wie-panel-advance-color-settings h4,
.wie-panel-advance-color-settings summary,
.wie-panel-advance-color-settings label,
.wie-panel-advance-color-settings strong,
.wie-panel-advance-color-settings small,
.wie-panel-advance-color-settings div,
.wie-panel-advance-color-settings span{
  color:inherit;
}
.wie-panel-advance-color-settings .wie-acs-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:12px 14px;
  margin-bottom:12px;
  border:1px solid rgba(124,255,234,.16);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(20,31,56,.92) 0%, rgba(12,18,33,.92) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 8px 24px rgba(0,0,0,.18);
}
.wie-panel-advance-color-settings .wie-acs-card strong{
  color:#f2f7ff !important;
  font-size:14px;
}
.wie-panel-advance-color-settings .wie-acs-card small{
  color:#aebfe6 !important;
  line-height:1.45;
  font-size:12px;
}
.wie-panel-advance-color-settings .wie-acs-pending{
  min-height:18px;
  color:#7cffea !important;
  font-size:12px;
  font-weight:700;
}
.wie-panel-advance-color-settings .wie-acs-group{
  margin:0 0 12px;
  border:1px solid rgba(111,140,255,.14);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(19,28,50,.96) 0%, rgba(11,17,31,.96) 100%);
  overflow:hidden;
  color:#eaf1ff !important;
}
.wie-panel-advance-color-settings .wie-acs-group > summary{
  cursor:pointer;
  padding:13px 15px;
  font-weight:800;
  font-size:13px;
  letter-spacing:.01em;
  list-style:none;
  user-select:none;
  color:#f4f7ff !important;
  background:linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.01) 100%);
}
.wie-panel-advance-color-settings .wie-acs-group > summary::-webkit-details-marker{ display:none; }
.wie-panel-advance-color-settings .wie-acs-group[open] > summary{
  border-bottom:1px solid rgba(111,140,255,.12);
}
.wie-panel-advance-color-settings .wie-acs-group > :not(summary){
  padding-left:14px;
  padding-right:14px;
}
.wie-panel-advance-color-settings .wie-field-row{
  margin-bottom:12px;
}
.wie-panel-advance-color-settings .wie-field-row label{
  display:block;
  margin-bottom:7px;
  font-weight:700;
  font-size:12px;
  line-height:1.35;
  color:#cfe0ff !important;
}
.wie-panel-advance-color-settings .wie-grid-2,
.wie-panel-advance-color-settings .wie-grid-3{
  display:grid;
  gap:12px;
}
.wie-panel-advance-color-settings .wie-grid-2{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
.wie-panel-advance-color-settings .wie-grid-3{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
.wie-panel-advance-color-settings .wie-input,
.wie-panel-advance-color-settings select,
.wie-panel-advance-color-settings input[type="number"],
.wie-panel-advance-color-settings input[type="text"],
.wie-panel-advance-color-settings input[type="color"]{
  width:100%;
}
.wie-panel-advance-color-settings input[type="color"]{
  min-height:40px;
  border-radius:12px;
  padding:4px;
  background:#11192c;
  border:1px solid #2a3d64;
}
.wie-panel-advance-color-settings .wie-output{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:58px;
  min-height:32px;
  padding:6px 10px;
  margin-top:6px;
  border-radius:999px;
  font-weight:800;
  color:#dff2ff !important;
  background:#0f1930;
  border:1px solid rgba(111,140,255,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.wie-panel-advance-color-settings .wie-btn-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:8px 0 14px;
}
.wie-panel-advance-color-settings .wie-acs-actions{
  margin-top:14px;
  margin-bottom:8px;
}
.wie-panel-advance-color-settings .wie-acs-actions .button{
  min-width:120px;
}
.wie-panel-advance-color-settings .wie-acs-check{
  display:flex !important;
  align-items:center;
  gap:8px;
  font-weight:600 !important;
  margin-bottom:0 !important;
  color:#dbe7ff !important;
}
.wie-panel-advance-color-settings .wie-acs-check input{
  flex:0 0 auto;
}
.wie-panel-advance-color-settings .wie-acs-histogram{
  width:100%;
  max-width:100%;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.06);
  display:block;
  margin-bottom:8px;
  background:#101827;
}
.wie-panel-advance-color-settings .wie-acs-hist-legend,
.wie-panel-advance-color-settings .wie-acs-pixel-info,
.wie-panel-advance-color-settings .wie-acs-footnote{
  font-size:12px;
  color:#9fb4de !important;
  line-height:1.45;
}
.wie-panel-advance-color-settings .wie-acs-footnote{
  margin-top:6px;
}
.wie-panel-advance-color-settings .wie-acs-samples{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:8px;
}
.wie-panel-advance-color-settings .wie-acs-sample{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid rgba(111,140,255,.14);
  border-radius:12px;
  background:rgba(255,255,255,.03);
}
.wie-panel-advance-color-settings .wie-acs-swatch{
  width:18px;
  height:18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  flex:0 0 18px;
}
.wie-panel-advance-color-settings .wie-acs-sample-text{
  flex:1 1 auto;
  min-width:0;
  font-size:12px;
  line-height:1.35;
  word-break:break-word;
  color:#dfe9ff !important;
}
.wie-panel-advance-color-settings .wie-acs-remove-sample{
  flex:0 0 auto;
  color:#ff8f8f !important;
  font-size:18px;
  text-decoration:none;
}
.wie-panel-advance-color-settings .wie-acs-sample-empty{
  padding:8px 0;
  font-size:12px;
  color:#8fa7d7 !important;
}
.wie-panel-advance-color-settings .button,
.wie-panel-advance-color-settings .button.button-primary{
  color:#edf5ff !important;
}
.wie-panel-advance-color-settings input[type="range"]{
  width:100%;
}
@media (max-width: 640px){
  .wie-panel-advance-color-settings .wie-grid-2,
  .wie-panel-advance-color-settings .wie-grid-3{
    grid-template-columns:1fr;
  }
  .wie-panel-advance-color-settings .wie-btn-row .button{
    width:100%;
  }
}