.animation-controls{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.animation-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:30px;background:#0f0f14d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff1a}.animation-toggle:hover{background:#191923f2;transform:translateY(-2px);box-shadow:0 6px 25px #0006,inset 0 1px #ffffff26}.animation-toggle:active{transform:translateY(0)}.animation-toggle:disabled{opacity:.5;cursor:not-allowed}.animation-toggle:disabled:hover{transform:none}.animation-toggle.hidden{opacity:.4;pointer-events:none}.animation-toggle.playing{border:1px solid rgba(138,180,248,.3)}.animation-toggle.playing svg{color:#8ab4f8}.animation-toggle.paused{border:1px solid rgba(212,175,55,.4)}.animation-toggle.paused svg{color:#d4af37}.animation-toggle.enabled-anim{border:1px solid rgba(0,255,200,.4)}.animation-toggle.enabled-anim svg{color:#00ffc8}.animation-toggle.disabled-anim{border:1px solid rgba(255,100,100,.4);background:#280f0fd9}.animation-toggle.disabled-anim svg{color:#ff6464}.animation-toggle svg{transition:color .3s ease}.toggle-text{opacity:.9}@media (max-width: 768px){.animation-controls{bottom:15px;right:15px;gap:8px}.animation-toggle{padding:8px 12px;font-size:11px}.animation-toggle svg{width:14px;height:14px}}