/* kz-r44 (task 8682a412): calmer, livelier motion — transform/opacity only (no layout shift), off for reduced motion */
@keyframes kz44in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes kz44up{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
@keyframes kz44pop{0%{transform:scale(.92);opacity:0}60%{transform:scale(1.02);opacity:1}100%{transform:none}}
.kz4:not([hidden])>*{animation:kz44in .26s cubic-bezier(.2,.8,.2,1) both}
.kz4-dlg .kz4-sheet{animation:kz44up .28s cubic-bezier(.2,.8,.2,1) both}
.kz4-dlg{animation:kz43fade .2s ease-out both}
#kz4-bar button{transition:transform .14s ease,background-color .2s ease,color .2s ease}
#kz4-bar button:active,.kzax-card:active,.kzax-tpl:active,.kzax-btn:active,.kzax-new:active,.kz43-lang:active{transform:scale(.96)}
#kz4-bar button[aria-selected=true] svg{animation:kz44pop .32s cubic-bezier(.2,.8,.2,1)}
.kzax-tpls-first .kzax-tpl{animation:kz44in .3s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 35ms)}
.kzax-wa{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(16,24,40,.14);text-decoration:none;color:inherit;font-weight:600;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.kz4:not([hidden])>*,.kz4-dlg,.kz4-dlg .kz4-sheet,#kz4-bar button[aria-selected=true] svg,.kzax-tpls-first .kzax-tpl{animation:none!important}#kz4-bar button,.kzax-card,.kzax-tpl,.kzax-btn{transition:none!important}}
.kzax-share{flex-wrap:wrap}.kzax-share .kzax-wa{flex:1 1 100%}
/* home column never runs under the suggestion dock: it scrolls inside its own box, and phones get a tighter top */
.kz43-home{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;flex-shrink:1!important;scrollbar-width:none}.kz43-home::-webkit-scrollbar{display:none}:has(>.kz43-home){min-height:0!important}
@media (max-width:600px){.kz43-home{padding-top:6px!important}.kz43-home>:first-child{margin-top:0!important;margin-bottom:8px!important}}
/* settings selects: the chevron is drawn by the wrapper, not as a background image on the field */
html .kz4 .kz44-sw>select{background-image:none!important}
.kz44-sw{position:relative;display:block;width:100%}
.kz44-sw>select{width:100%;padding-inline-end:42px!important}
.kz44-sw::after{content:'';position:absolute;top:50%;right:auto;left:auto;inset-inline-end:16px;width:7px;height:7px;margin-top:-6px;border-right:2px solid #6B5FA8;border-bottom:2px solid #6B5FA8;transform:rotate(45deg);pointer-events:none}
/* agents: every word in IBM Plex Sans Arabic (Latin included); template blurbs show whole, clamped to 3 lines */
.kzag-ov,.kzag-ov *{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif!important}
.kzax-tpl>span.d{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}