.color-picker-empty-preview[hidden]{display:none!important}
.color-picker-workspace .palette-analysis-section,
.color-picker-workspace [data-color-recommendations]{display:none!important}

.color-picker-history-copy-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end
}
.color-picker-history-copy-actions button{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px 11px;
  white-space:nowrap
}
.color-picker-history-copy-actions button b{
  font:inherit
}

.color-picker-palette-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:14px;
  border:1px solid rgba(37,99,235,.16);
  border-radius:9px;
  background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(236,254,255,.84))
}
.color-picker-palette-cta__copy strong{
  display:flex;
  align-items:center;
  gap:8px;
  color:#102a43;
  font-weight:900
}
.color-picker-palette-cta__copy strong i{color:#2563eb}
.color-picker-palette-cta__copy span{
  display:block;
  margin-top:5px;
  color:#526b86;
  font-size:12px;
  font-weight:700;
  line-height:1.45
}
.color-picker-palette-cta a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 13px;
  border:1px solid rgba(37,99,235,.18);
  border-radius:6px;
  background:linear-gradient(135deg,#0ea5e9,#2563eb);
  color:#fff;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap
}
.color-picker-palette-cta a.is-preparing{opacity:.72;pointer-events:none}

body.theme-dark .color-picker-palette-cta{
  border-color:rgba(96,165,250,.24);
  background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(8,47,73,.7))
}
body.theme-dark .color-picker-palette-cta__copy strong{color:#f8fafc}
body.theme-dark .color-picker-palette-cta__copy span{color:#cbd5e1}

@media(max-width:760px){
  .color-picker-panel-header{align-items:flex-start;flex-direction:column;padding-top:10px;padding-bottom:10px}
  .color-picker-history-copy-actions{width:100%;justify-content:stretch}
  .color-picker-history-copy-actions button{flex:1}
  .color-picker-palette-cta{grid-template-columns:1fr}
  .color-picker-palette-cta a{width:100%}
}