:root{--default-x:0px;--default-y:0px}.animated-element{pointer-events:auto!important;transition-duration:.3s;transition-property:transform,opacity,background-color;transition-timing-function:ease-out;-webkit-user-select:none;user-select:none}@keyframes pulse-animation{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.pulse-animation{animation:pulse-animation 1.5s ease-in-out infinite;transform-origin:center center}@keyframes drop-in-animation{0%{opacity:0;transform:translate(-50%,-50%) translateZ(0);transform:translate(-50%,-50%) translate3d(var(--final-position-x,0),var(--start-position-y,0),0);visibility:visible}60%{opacity:1;transform:translate(-50%,-50%) translate3d(0,10px,0);transform:translate(-50%,-50%) translate3d(var(--final-position-x,0),calc(var(--final-position-y, 0) + 10px),0)}80%{transform:translate(-50%,-50%) translate3d(0,-5px,0);transform:translate(-50%,-50%) translate3d(var(--final-position-x,0),calc(var(--final-position-y, 0) - 5px),0)}to{transform:translate(-50%,-50%) translateZ(0);transform:translate(-50%,-50%) translate3d(var(--final-position-x,0),var(--final-position-y,0),0)}}.drop-in-animation{animation:drop-in-animation 1s ease-out forwards}@keyframes slide-in-animation-left{0%{opacity:0;transform:translate(-50%,-50%) translateZ(0);transform:translate(-50%,-50%) translate3d(var(--start-position-x,0),var(--final-position-y,0),0);visibility:visible}to{opacity:1;transform:translate(-50%,-50%) translateZ(0);transform:translate(-50%,-50%) translate3d(var(--final-position-x,0),var(--final-position-y,0),0)}}@keyframes slide-in-animation-right{0%{opacity:0;transform:translate(-50%,-50%) translateZ(0);transform:translate(-50%,-50%) translate3d(var(--start-position-x,0),var(--final-position-y,0),0);visibility:visible}to{opacity:1;transform:translate(-50%,-50%) translateZ(0);transform:translate(-50%,-50%) translate3d(var(--final-position-x,0),var(--final-position-y,0),0)}}.slide-in-animation-left{animation:slide-in-animation-left 1s ease-out forwards}.slide-in-animation-right{animation:slide-in-animation-right 1s ease-out forwards}@keyframes fade-in-animation{0%{opacity:0;visibility:visible}to{opacity:1}}.fade-in-animation{animation:fade-in-animation 1s ease-in-out forwards}@keyframes flip-coin-animation{0%{opacity:0;transform:translate(-50%,-50%) translateZ(0) rotateY(0deg);transform:translate(-50%,-50%) translate3d(var(--final-position-x,0),var(--start-position-y,0),0) rotateY(0deg);visibility:visible}20%{opacity:1}to{opacity:1;transform:translate(-50%,-50%) translateZ(0) rotateY(2turn);transform:translate(-50%,-50%) translate3d(var(--final-position-x,0),var(--final-position-y,0),0) rotateY(2turn)}}.flip-coin-animation{animation:flip-coin-animation 1.5s ease-out forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}@keyframes video-slide-up-animation{0%{height:10%;transform:translate(-50%,-50%) translateZ(0);transform:translate(-50%,-50%) translate3d(var(--final-position-x,0),var(--start-position-y,0),0);visibility:visible}to{height:100%;transform:translate(-50%,-50%) translateZ(0);transform:translate(-50%,-50%) translate3d(var(--final-position-x,0),var(--final-position-y,0),0)}}.video-slide-up-animation{animation:video-slide-up-animation 1s ease-out forwards}@media (max-width:768px){.app-container{font-size:14px}.editor-canvas{touch-action:none}button{min-height:44px!important;padding:8px 12px!important}.timeline-tracks{font-size:12px}.form-group{margin-bottom:8px}.form-group input,.form-group select{font-size:16px}}@media (max-width:480px){.app-container{font-size:12px}.element-item{padding:8px 4px}}.editor-canvas{-webkit-touch-callout:none;touch-action:none;-webkit-user-select:none;user-select:none}@media (max-width:768px){.element{min-height:44px;min-width:44px}.selection-handles .handle{height:12px;width:12px}}