/* Only storefront accent text changes; surfaces retain their brand color. */
body .text-hvred,
body .hover\:text-hvred:hover,
body .group:hover .group-hover\:text-hvred {
  color: var(--wn-highlight-color, var(--accent-color, #ff001f)) !important;
  -webkit-text-stroke: var(--wn-highlight-stroke, 0px) #000;
  paint-order: stroke fill;
  text-shadow: var(--wn-highlight-text-shadow, none);
  background-color: var(--wn-highlight-background, transparent);
  box-shadow: var(--wn-highlight-box-shadow, none);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
html[data-wn-highlight-font="display"] body .text-hvred,
html[data-wn-highlight-font="display"] body .hover\:text-hvred:hover,
html[data-wn-highlight-font="display"] body .group:hover .group-hover\:text-hvred { font-family:'Archivo Black',sans-serif!important; font-weight:400!important; }
/* Descendants of accent containers inherit color and outline. */
body .text-hvred *, body .hover\:text-hvred:hover *, body .group:hover .group-hover\:text-hvred * { paint-order: stroke fill; }
#wn-studio-root .wn-highlights-editor { max-width:620px; max-height:92dvh; padding:0; display:flex; flex-direction:column; overflow:hidden; }
#wn-highlights-form { display:flex; flex-direction:column; gap:20px; }
.wn-highlights-colors { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.wn-highlights-colors input { height:40px; width:48px; cursor:pointer; background:transparent; }
.wn-highlights-toggle { display:flex; align-items:center; gap:10px; font-size:13px; }
.wn-highlights-toggle input { width:18px; height:18px; accent-color:var(--wn-accent); }
.wn-highlights-samples { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:0; padding:12px 24px; flex-shrink:0; }
.wn-highlights-samples > div { padding:20px 12px; background:#efeee9; }
.wn-highlights-samples > div:last-child { background:#171717; }
.wn-highlight-example { font:700 12px/1.8 'JetBrains Mono',monospace; letter-spacing:.04em; overflow-wrap:anywhere; color:var(--sample-color); -webkit-text-stroke:var(--sample-stroke) #000; paint-order:stroke fill; }
.wn-highlight-price { font:700 11px/1.8 'JetBrains Mono',monospace; letter-spacing:0; paint-order:stroke fill; }
.wn-highlight-example { background:var(--sample-background); box-shadow:var(--sample-shadow); text-shadow:var(--sample-text-shadow,none); -webkit-box-decoration-break:clone; box-decoration-break:clone; }
[data-font="display"] .wn-highlight-example { font-family:'Archivo Black',sans-serif; font-weight:400; }
.wn-highlight-presets { display:flex; flex-wrap:wrap; gap:8px; padding:0; border:0; }
.wn-highlight-presets legend { margin-bottom:10px; }
.wn-highlight-presets [aria-pressed="true"] { border-color:var(--wn-accent); background:#27272a; }
#wn-highlights-settings { margin-top:24px; }
#wn-highlights-width { width:100%; }
.wn-outline-controls { display:flex; gap:12px; align-items:center; }
.wn-outline-controls button { flex:0 0 32px; font-size:18px; }
.wn-highlights-editor .wn-page-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
@media(max-width:450px) { .wn-highlights-samples { grid-template-columns:1fr; } }