/* „გული" under the text-size panel — same pill, divided by a hairline (plugins/genx-studio/heart.php) */
.gxht{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:4px;padding-top:9px;border-top:1px solid rgba(255,255,255,.12);width:100%}
.gxht-b{width:32px;height:32px;border-radius:50%;border:1px solid transparent;background:none;color:var(--tx);cursor:pointer;display:grid;place-items:center;padding:0;transition:transform .5s var(--spring,cubic-bezier(.34,1.56,.64,1)),background .35s ease-out,color .35s ease-out}
.gxht-b svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;transition:fill .3s ease-out,stroke .3s ease-out,transform .5s var(--spring,cubic-bezier(.34,1.56,.64,1))}
.gxht-b:hover{background:rgba(220,197,162,.14);color:var(--a)}.gxht-b:active{transform:scale(.86);transition-duration:.16s}
.gxht.on .gxht-b{color:#ff5a6e}.gxht.on .gxht-b svg{fill:#ff5a6e;stroke:#ff5a6e;filter:drop-shadow(0 0 6px rgba(255,90,110,.55))}
.gxht.pop .gxht-b svg{animation:gxhtPop .55s cubic-bezier(.2,.9,.3,1.4)}
@keyframes gxhtPop{0%{transform:scale(1)}30%{transform:scale(.7)}65%{transform:scale(1.35)}100%{transform:scale(1)}}
.gxht-n{font:700 10px/1 "Inter",system-ui,sans-serif;letter-spacing:.04em;color:var(--tx2);font-variant-numeric:tabular-nums;min-height:10px}
.gxht.on .gxht-n{color:#ff8a98}
.gxht-p{position:absolute;left:50%;top:25px;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:#ff5a6e;pointer-events:none;animation:gxhtP .7s ease-out forwards}
.gxht-p:nth-child(odd){background:var(--a)}
@keyframes gxhtP{from{transform:translate(0,0) scale(1);opacity:1}to{transform:translate(var(--x),var(--y)) scale(.2);opacity:0}}
.gxht-tip{position:absolute;left:calc(100% + 14px);top:12px;white-space:nowrap;padding:7px 11px;border-radius:9px;background:rgba(8,11,15,.92);border:1px solid rgba(255,255,255,.14);color:var(--tx);font:500 12.5px/1.2 "GX Text","Inter",system-ui,sans-serif;opacity:0;transform:translateX(-6px);pointer-events:none;transition:opacity .25s ease-out,transform .25s ease-out}
.gxht.tip .gxht-tip{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.gxht.pop .gxht-b svg,.gxht-p{animation:none}}
@media print{.gxht{display:none}}