.highlight-panel{box-shadow:0 0 0 4px rgba(59,130,246,.5);transform:scale(1.02);z-index:10}.highlight-panel,.panel-animation{transition:all .3s ease-in-out}.panel-new-animation{animation:fadeInScale .5s ease-in-out}.color-selected-animation{animation:subtlePulse .3s ease-in-out}@keyframes subtlePulse{0%{transform:scale(1);box-shadow:0 0 0 rgba(59,130,246,0)}50%{transform:scale(1.05);box-shadow:0 0 5px rgba(59,130,246,.5)}to{transform:scale(1);box-shadow:0 0 0 rgba(59,130,246,0)}}@keyframes fadeInScale{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.canvas-segment.selected{outline:2px solid rgba(59,130,246,.7);outline-offset:2px}.panel-animation{transition:all .3s ease-out}.panel-animation:hover{transform:scale(1.02);box-shadow:0 0 15px rgba(0,0,0,.1);z-index:10}.panel-animation.highlighted{animation:highlight-pulse 1.5s ease-in-out}.panel-number{opacity:.8;transition:opacity .2s ease}.panel-animation:hover .panel-number{opacity:1}@keyframes highlight-pulse{0%{transform:scale(1);box-shadow:0 0 0 rgba(59,130,246,0)}25%{transform:scale(1.03);box-shadow:0 0 15px rgba(59,130,246,.6)}50%{transform:scale(1.01);box-shadow:0 0 5px rgba(59,130,246,.3)}75%{transform:scale(1.02);box-shadow:0 0 10px rgba(59,130,246,.5)}to{transform:scale(1);box-shadow:0 0 0 rgba(59,130,246,0)}}.panel-new-animation{animation:new-panel 1s ease-out}@keyframes new-panel{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes shine{0%{transform:translateX(-100%) skewX(20deg)}to{transform:translateX(150%) skewX(20deg)}}.animate-shine{animation:shine 2s infinite}@keyframes color-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.color-pulse{animation:color-pulse .5s ease-in-out}.height-input{transition:all .3s ease}.highlight-pulse{animation:highlight-border 2s ease-in-out}@keyframes highlight-border{0%{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.5)}50%{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.8)}to{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.5)}}.height-button,.width-button{transition:all .15s ease;transform-origin:center}.height-button:active,.width-button:active{transform:scale(.95)}.configuration-canvas ::-webkit-scrollbar{height:8px;width:8px}.configuration-canvas ::-webkit-scrollbar-track{background:rgba(229,231,235,.5);border-radius:4px}.configuration-canvas ::-webkit-scrollbar-thumb{background:rgba(156,163,175,.6);border-radius:4px}.configuration-canvas ::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,.7)}.dark .configuration-canvas ::-webkit-scrollbar-track{background:rgba(55,65,81,.5)}.dark .configuration-canvas ::-webkit-scrollbar-thumb{background:rgba(75,85,99,.7)}.dark .configuration-canvas ::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,.8)}.configuration-canvas [ref=scrollContainerRef]{scrollbar-width:none;-ms-overflow-style:none}.configuration-canvas [ref=scrollContainerRef]::-webkit-scrollbar{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}