.ati-icon{--ati-size:64px;--ati-speed:2s;--ati-delay:0s;--ati-iteration:infinite;--ati-direction:normal;--ati-color:currentColor;display:inline-flex;width:var(--ati-size);height:var(--ati-size);color:var(--ati-color);vertical-align:middle;transform-origin:center;will-change:transform,opacity,filter}.ati-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.ati-trigger-loop{animation-duration:var(--ati-speed);animation-delay:var(--ati-delay);animation-iteration-count:var(--ati-iteration);animation-direction:var(--ati-direction);animation-timing-function:ease-in-out}.ati-trigger-hover,.ati-trigger-click{animation-play-state:paused}.ati-trigger-hover:hover,.ati-trigger-click.ati-play{animation-play-state:running}.ati-hover-scale:hover{transform:scale(1.12)}.ati-hover-rotate:hover{transform:rotate(12deg)}.ati-hover-lift:hover{transform:translateY(-7px)}.ati-hover-glow:hover{filter:drop-shadow(0 0 12px currentColor)}
.ati-float{animation-name:atiFloat}.ati-bounce{animation-name:atiBounce}.ati-pulse{animation-name:atiPulse}.ati-shake{animation-name:atiShake}.ati-spin{animation-name:atiSpin;animation-timing-function:linear}.ati-swing{animation-name:atiSwing}.ati-wobble{animation-name:atiWobble}.ati-heartbeat{animation-name:atiHeartbeat}.ati-zoom{animation-name:atiZoom}.ati-fade{animation-name:atiFade}.ati-glow{animation-name:atiGlow}.ati-flip{animation-name:atiFlip}.ati-rubber{animation-name:atiRubber}.ati-jello{animation-name:atiJello}.ati-tada{animation-name:atiTada}.ati-roll{animation-name:atiRoll}.ati-light-speed{animation-name:atiLightSpeed}.ati-jack-in{animation-name:atiJack}.ati-swing-up{animation-name:atiSwingUp}.ati-rotate-in{animation-name:atiRotateIn}
@keyframes atiFloat{50%{transform:translateY(-12px)}}@keyframes atiBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes atiPulse{50%{transform:scale(1.13)}}@keyframes atiShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px) rotate(-3deg)}75%{transform:translateX(6px) rotate(3deg)}}@keyframes atiSpin{to{transform:rotate(360deg)}}@keyframes atiSwing{20%{transform:rotate(14deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-3deg)}}@keyframes atiWobble{25%{transform:translateX(-9px) rotate(-5deg)}75%{transform:translateX(9px) rotate(5deg)}}@keyframes atiHeartbeat{15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}60%{transform:scale(1)}}@keyframes atiZoom{50%{transform:scale(1.2)}}@keyframes atiFade{50%{opacity:.25}}@keyframes atiGlow{50%{filter:drop-shadow(0 0 14px currentColor)}}@keyframes atiFlip{50%{transform:rotateY(180deg)}}@keyframes atiRubber{30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}50%{transform:scaleX(1.15) scaleY(.85)}65%{transform:scaleX(.95) scaleY(1.05)}}@keyframes atiJello{30%{transform:skewX(-12deg) skewY(-12deg)}40%{transform:skewX(7deg) skewY(7deg)}50%{transform:skewX(-4deg) skewY(-4deg)}65%{transform:skewX(2deg) skewY(2deg)}}@keyframes atiTada{10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}}@keyframes atiRoll{0%{transform:translateX(-100%) rotate(-120deg)}100%{transform:translateX(0) rotate(0)}}@keyframes atiLightSpeed{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}100%{transform:skewX(0)}}@keyframes atiJack{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}100%{opacity:1;transform:scale(1)}}@keyframes atiSwingUp{0%{opacity:0;transform:rotateX(-80deg);transform-origin:top}100%{opacity:1;transform:rotateX(0)}}@keyframes atiRotateIn{0%{opacity:0;transform:rotate(-200deg) scale(.2)}100%{opacity:1;transform:rotate(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.ati-icon{animation:none!important;transition:none!important}}
.ati-admin{max-width:1500px}.ati-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 18px}.ati-head h1{margin-bottom:4px}.ati-head h1 small{font-size:12px;font-weight:400}.ati-head p{margin:0;color:#646970}.ati-builder{display:grid;grid-template-columns:250px minmax(360px,1fr) 310px;gap:16px;align-items:stretch}.ati-library,.ati-settings,.ati-stage-wrap{background:#fff;border:1px solid #dcdcde;border-radius:12px;overflow:hidden}.ati-library{min-height:650px}.ati-search{padding:12px;border-bottom:1px solid #eee}.ati-search input{width:100%}.ati-icons{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.ati-icon-item{min-height:90px;border:1px solid #e1e1e1;background:#fafafa;border-radius:9px;cursor:grab;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#333}.ati-icon-item:hover{border-color:#2271b1;background:#f5f9fc}.ati-icon-item svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.ati-icon-item span{font-size:11px}.ati-stage-wrap{display:flex;flex-direction:column}.ati-toolbar{height:50px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:14px;padding:0 14px}.ati-toolbar #ati-status{margin-right:auto;color:#646970;font-size:12px}.ati-stage{min-height:600px;display:flex;align-items:center;justify-content:center;position:relative;background-image:linear-gradient(#f3f4f6 1px,transparent 1px),linear-gradient(90deg,#f3f4f6 1px,transparent 1px);background-size:24px 24px;transition:.2s}.ati-stage.ati-over{background-color:#f0f7ff;outline:3px dashed #2271b1;outline-offset:-8px}.ati-drop{display:flex;flex-direction:column;align-items:center;color:#646970;gap:8px}.ati-drop span{font-size:42px;color:#2271b1}.ati-drop small{font-size:12px}.ati-settings{padding:18px}.ati-settings h2{margin-top:0}.ati-settings label{display:block;font-weight:600;margin:13px 0}.ati-settings select,.ati-settings input[type=text],.ati-settings input[type=number],.ati-settings input[type=color]{width:100%;margin-top:5px}.ati-settings input[type=color]{height:38px;padding:2px}.ati-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ati-codebox{margin-top:18px;padding-top:14px;border-top:1px solid #eee}.ati-codebox textarea{width:100%;height:110px;margin-top:6px;font-size:11px}.ati-stage>.ati-icon{cursor:pointer}
@media(max-width:1100px){.ati-builder{grid-template-columns:210px minmax(300px,1fr)}.ati-settings{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ati-settings h2,.ati-codebox{grid-column:1/-1}.ati-settings label{margin:0}}@media(max-width:700px){.ati-head{align-items:flex-start;flex-direction:column}.ati-builder{grid-template-columns:1fr}.ati-library,.ati-stage-wrap{min-height:auto}.ati-stage{min-height:420px}.ati-settings{display:block}.ati-settings label{margin:13px 0}}

/* v1.2 builder refinements */
.ati-stage .ati-icon{user-select:none}
.ati-stage .ati-icon.ati-trigger-hover{animation-play-state:paused}
.ati-stage .ati-icon.ati-trigger-click{animation-play-state:paused}
.ati-stage .ati-icon.ati-trigger-loop{animation-play-state:running}

.ati-elementor-positioned{position:relative;display:inline-flex}
.ati-pos-absolute{position:absolute!important}
.ati-pos-fixed{position:fixed!important}
.ati-pos-sticky{position:sticky!important}