/* GENUP canonical red button tokens: genup-mau.css, 01/10/2026. */
:is(.primary-btn,.b-primary,.cbm-primary,.cp-primary,.d-primary,.e-primary,.fc-primary,.i-primary,.m-primary,.p-primary,.primary,.sl-primary,.sh-primary,.s-primary,.uc-primary,.u-primary,.v-primary,.activation button,button[id*="download" i]){background-color:var(--gu-btn-primary-bg,var(--genup-red,#DB1920))!important;background-image:var(--gu-btn-primary-anh,linear-gradient(180deg,#DB1920 0%,#B0141A 40%,#6d0c10 100%))!important;color:#fff!important;border:1px solid var(--genup-red,#DB1920)!important;border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:filter .14s,transform .14s}
:is(.primary-btn,.b-primary,.cbm-primary,.cp-primary,.d-primary,.e-primary,.fc-primary,.i-primary,.m-primary,.p-primary,.primary,.sl-primary,.sh-primary,.s-primary,.uc-primary,.u-primary,.v-primary,.activation button,button[id*="download" i]):hover:not(:disabled){background-image:var(--gu-btn-primary-anh-hover)!important;filter:brightness(1.08)}
:is(.primary-btn,.b-primary,.cbm-primary,.cp-primary,.d-primary,.e-primary,.fc-primary,.i-primary,.m-primary,.p-primary,.primary,.sl-primary,.sh-primary,.s-primary,.uc-primary,.u-primary,.v-primary,.activation button,button[id*="download" i]):active{transform:translateY(1px)}

.generate-mark{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-inline-end:8px;border:3px dashed currentColor;border-radius:50%}



button[id*="download" i]:disabled{opacity:.45;cursor:not-allowed}button[id*="download" i]:active:not(:disabled){filter:brightness(.92);transform:translateY(1px)}

/* GENUP interaction: clean surfaces at rest, blue edge and gentle lift on interaction. */
html[data-theme] body #toolGrid .tool-card{
 border:0!important;outline:1px solid transparent;outline-offset:0;
 transition:transform .18s ease,box-shadow .18s ease,outline-color .18s ease;
}
html[data-theme] body #toolGrid .tool-card:is(:hover,:focus-visible){
 transform:translateY(-3px)!important;outline:1px solid #4DA6FF!important;outline-offset:0;
 box-shadow:0 10px 26px rgba(24,37,54,.16),0 0 12px rgba(77,166,255,.12)!important;
}
html[data-theme="dark"] body #toolGrid .tool-card:is(:hover,:focus-visible){
 box-shadow:0 14px 28px rgba(0,0,0,.36),0 0 14px rgba(77,166,255,.16)!important;
}
html[data-theme] body :is(.top-chip,.icon-chip,.activation button,.vth-tao,.vth-ten,.vth-cc button,.quick-link){
 transition:transform .18s ease,background-color .18s ease,outline-color .18s ease,filter .18s ease;
}
html[data-theme] body :is(.top-chip,.icon-chip,.activation button,.vth-tao,.vth-ten,.vth-cc button):is(:hover,:focus-visible):not(:disabled){
 transform:translateY(-2px);outline:1px solid #4DA6FF!important;outline-offset:0;
}
html[data-theme] body .quick-link:is(:hover,:focus-visible){transform:translateY(-2px);color:#4DA6FF!important}
html[data-theme] body .quick-link:is(:hover,:focus-visible)::after{left:0;right:0;background:#4DA6FF}
html[data-theme] body :is(.top-chip,.icon-chip,.activation button,.vth-tao,.vth-ten,.vth-cc button):active:not(:disabled){transform:translateY(0)}
@media(prefers-reduced-motion:reduce){
 html[data-theme] body #toolGrid .tool-card:is(:hover,:focus-visible),
 html[data-theme] body :is(.top-chip,.icon-chip,.activation button,.vth-tao,.vth-ten,.vth-cc button,.quick-link):is(:hover,:focus-visible,:active){transform:none!important}
}