.pixel-button[data-v-4ad68ac6]{background:#0f172a;border:none;border-radius:12px;box-shadow:0 10px 30px #8b5cf64d;cursor:pointer;display:flex;flex-wrap:wrap;height:50px;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s;width:100px}.pixel-button[data-v-4ad68ac6]:hover{transform:scale(1.05)}.palette-selector[data-v-4ad68ac6]{border:2px solid transparent;border-radius:50%;cursor:pointer;height:24px;transition:all .3s;width:24px}.palette-selector[data-v-4ad68ac6]:hover{border-color:#fff;transform:scale(1.2)}.palette-selector.active[data-v-4ad68ac6]{border-color:#fff;box-shadow:0 0 10px #ffffff80}.button-content[data-v-4ad68ac6]{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;left:50%;pointer-events:none;position:absolute;text-shadow:0 2px 8px rgba(0,0,0,.8);top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:10}.pixel[data-v-4ad68ac6]{animation:expand-4ad68ac6 4s ease-in-out infinite both;background:var(--base-color);height:8.33333%;transition:background .5s;width:8.33333%}@keyframes expand-4ad68ac6{0%,to{background:var(--base-color)}10%,20%{background:var(--color-1)}30%,40%{background:var(--color-2)}50%,60%{background:var(--color-3)}70%,80%{background:var(--color-4)}90%{background:var(--color-5)}}.fade-slide-enter-active[data-v-9bc262de],.fade-slide-leave-active[data-v-9bc262de]{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-slide-enter-from[data-v-9bc262de],.fade-slide-leave-to[data-v-9bc262de]{opacity:0;transform:translateY(20px) scale(.95)}@keyframes gradient-rotate-9bc262de{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient-rotate[data-v-9bc262de]{animation:gradient-rotate-9bc262de 3s ease infinite;background-size:200% 200%}@keyframes gradient-border-9bc262de{0%{background-position:0 50%}25%{background-position:50% 0}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0 50%}}.animate-gradient-border[data-v-9bc262de]{animation:gradient-border-9bc262de 6s ease infinite;background-size:400% 400%}@keyframes rotating-gradient-9bc262de{0%{background-position:0 50%;filter:hue-rotate(0deg)}25%{background-position:100% 50%}50%{background-position:100% 50%;filter:hue-rotate(90deg)}75%{background-position:0 50%}to{background-position:0 50%;filter:hue-rotate(1turn)}}.animate-rotating-gradient[data-v-9bc262de]{animation:rotating-gradient-9bc262de 4s linear infinite;background-size:300% 300%}@media (max-width:640px){.max-h-\[60vh\][data-v-9bc262de]{max-height:50vh}}