[data-color-picker-background][data-v-c023be39]{background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,#fff0)}[data-color-picker-track][data-v-c023be39]{background-image:linear-gradient(0deg,red,#f0f 17%,#00f 33%,#0ff,#0f0 67%,#ff0 83%,red)}.canvas-container[data-v-2c66db3d]{align-items:center;display:flex;justify-content:center;max-height:70vh;max-width:100%}.canvas-container canvas[data-v-2c66db3d]{height:100%!important;width:100%!important}.relative{position:relative}.absolute{position:absolute}.top-2{top:.5rem}.right-2{right:.5rem}@media (max-width:640px){.p-4{padding:.5rem!important}.mb-2,.mb-4{margin-bottom:.5rem!important}.md\:w-1\/3,.md\:w-2\/3,.sm\:w-1\/2,.w-1\/5,.w-3\/5,.w-full{min-width:0!important;width:100%!important}.flex-row{flex-direction:column!important}}.collapse-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem 0;transition:background .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.collapse-header:hover{background:#f3f4f6}.collapse-icon{transition:transform .2s}.collapse-icon.open{transform:rotate(90deg)}.canvas-container{align-items:center;display:flex;justify-content:center;max-height:70vh;max-width:100%}.canvas-container canvas{height:100%!important;width:100%!important}.collapse-content{overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.mobile-tabs [role=tablist]{background-color:#f9fafb;border-radius:.5rem;display:flex;gap:.25rem;justify-content:space-around;margin-bottom:1rem;padding:.5rem}.mobile-tabs button[role=tab]{align-items:center;border-radius:.375rem;display:flex;flex:1;justify-content:center;max-width:none;min-height:44px;min-width:44px;padding:.75rem}.mobile-tabs button[role=tab] svg{height:20px;width:20px}.dark .mobile-tabs [role=tablist]{background-color:#0f172a}@media (max-width:768px){.mobile-tabs button[role=tab]{min-height:48px;min-width:48px}}