/* Palette Studio guest-preview access layer. */
#generateButton,.palette-analysis-gate{position:relative}

#generateButton .hc-pro-badge{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:17px;
  margin-left:7px;
  padding:0 6px;
  border:0;
  border-radius:999px;
  background:#ede9fe;
  color:#5b21b6;
  font-size:.5rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.06em;
}

.palette-access-card{position:relative;overflow:hidden}
.palette-analysis-gate{
  display:none;
  width:100%;
  min-height:72px;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:14px;
  padding:15px 17px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#f8fafc;
  color:#111827;
  font:inherit;
  font-weight:800;
  text-align:left;
  cursor:pointer;
}
.palette-analysis-gate:hover{border-color:#c8d0d9;background:#f1f5f9}
.palette-analysis-gate b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:39px;
  height:22px;
  padding:0 8px;
  border-radius:999px;
  background:#ede9fe;
  color:#5b21b6;
  font-size:.6rem;
  letter-spacing:.07em;
}
.palette-analysis-gate>.hc-pro-badge{display:none!important}

html:not([data-hc-entitlement="pro"]):not([data-palette-local-full="true"]) .palette-access-card .matrix{
  opacity:.46;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
}
html:not([data-hc-entitlement="pro"]):not([data-palette-local-full="true"]) .palette-access-card .matrix-cell{
  color:transparent!important;
  text-shadow:none!important;
}
html:not([data-hc-entitlement="pro"]):not([data-palette-local-full="true"]) .palette-analysis-gate{display:flex}
html[data-hc-entitlement="pro"] .palette-analysis-gate,
html[data-palette-local-full="true"] .palette-analysis-gate{display:none!important}

html[data-hc-theme="dark"] #generateButton .hc-pro-badge,
html[data-hc-theme="dark"] .palette-analysis-gate b{
  background:#4c1d95;
  color:#f5f3ff;
}
html[data-hc-theme="dark"] .palette-analysis-gate{
  border-color:#2b374c;
  background:#131d2d;
  color:#f4f7fb;
}
html[data-hc-theme="dark"] .palette-analysis-gate:hover{background:#192438}

@media(max-width:520px){
  #generateButton .hc-pro-badge{margin-left:5px}
  .palette-analysis-gate{min-height:62px;padding:12px 14px}
}