.background-modal[data-v-3cde6218]{align-items:center;display:flex;height:100%;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;width:100%;z-index:1000}.background-modal.modal-open[data-v-3cde6218]{opacity:1;pointer-events:auto}.modal-backdrop[data-v-3cde6218]{background-color:#00000080;inset:0;position:absolute;--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.modal-container[data-v-3cde6218]{margin-left:1rem;margin-right:1rem;max-width:56rem;position:relative;z-index:1001}.modal-box[data-v-3cde6218],.modal-container[data-v-3cde6218]{width:100%}.modal-box[data-v-3cde6218]{border-radius:.75rem;max-height:90vh;overflow-y:auto;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity,1)));padding:2rem;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transform:translateY(20px);transition:transform .3s ease}.modal-open .modal-box[data-v-3cde6218]{transform:translateY(0)}.template-card[data-v-3cde6218]{border-color:transparent;border-radius:.75rem;border-width:2px;padding:1rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.template-card[data-v-3cde6218]:hover{border-color:var(--fallback-p,oklch(var(--p)/.3));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.template-card.selected[data-v-3cde6218],.template-card[data-v-3cde6218]:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.template-card.selected[data-v-3cde6218]{background-color:var(--fallback-p,oklch(var(--p)/.05));border-color:var(--fallback-p,oklch(var(--p)/.5));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.background-edit-button[data-v-3cde6218]{animation:float-3cde6218 3s ease-in-out infinite}@keyframes float-3cde6218{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.background-info-badge[data-v-3cde6218]{animation:slideInRight-3cde6218 .3s ease-out}@keyframes slideInRight-3cde6218{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[data-v-3cde6218] .preview-pattern{inset:0;position:absolute}.modal-box[data-v-3cde6218]::-webkit-scrollbar{width:6px}.modal-box[data-v-3cde6218]::-webkit-scrollbar-track{border-radius:.25rem;--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity,1)))}.modal-box[data-v-3cde6218]::-webkit-scrollbar-thumb{background-color:var(--fallback-p,oklch(var(--p)/.3));border-radius:.25rem}.modal-box[data-v-3cde6218]::-webkit-scrollbar-thumb:hover{background-color:var(--fallback-p,oklch(var(--p)/.5))}.shape-divider svg[data-v-3cde6218]{transform-origin:center center;width:100%}.tab-content[data-v-3cde6218]{display:none}#tab-bg:checked~.p-6 #content-bg[data-v-3cde6218],#tab-shape:checked~.p-6 #content-shape[data-v-3cde6218]{display:block!important}.tabs-lifted .tab[data-v-3cde6218]:checked{--tw-border-opacity:1;border-bottom-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity,1)));--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity,1)))}.tabs-lifted .tab[data-v-3cde6218]{--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity,1)))}@media (hover:hover){.btn-outline .join input[type=radio]:checked+.btn[data-v-3cde6218]:hover,.btn-outline.join .btn[data-v-3cde6218]:checked:hover{--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.btn-outline .join input[type=radio]:checked+.btn[data-v-3cde6218]:hover,.btn-outline.join .btn[data-v-3cde6218]:checked:hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000)}}}@supports not (color:oklch(0% 0 0)){.join .btn[data-v-3cde6218]:checked,.join input[type=radio]:checked+.btn[data-v-3cde6218]{--btn-color:var(--fallback-p)}}@supports (color:color-mix(in oklab,black,black)){.btn-outline .join input[type=radio]:checked+.btn.btn-active[data-v-3cde6218],.btn-outline.join .btn:checked.btn-active[data-v-3cde6218]{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000)}}.join .btn[data-v-3cde6218]:checked,.join input[type=radio]:checked+.btn[data-v-3cde6218]{--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));outline-color:var(--fallback-p,oklch(var(--p)/1))}@supports (color:oklch(0% 0 0)){.join .btn[data-v-3cde6218]:checked,.join input[type=radio]:checked+.btn[data-v-3cde6218]{--btn-color:var(--p)}}.btn-outline .join input[type=radio]:checked+.btn[data-v-3cde6218],.btn-outline.join .btn[data-v-3cde6218]:checked{--tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}.btn-outline .join input[type=radio]:checked+.btn.btn-active[data-v-3cde6218],.btn-outline.join .btn:checked.btn-active[data-v-3cde6218]{--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.shape-divider[data-v-3cde6218]{left:0;line-height:0;overflow:hidden;position:absolute;transform-origin:center center;width:100%}.shape-divider.top[data-v-3cde6218]{top:0}.shape-divider.bottom[data-v-3cde6218]{bottom:0}.shape-divider svg[data-v-3cde6218]{display:block;height:auto;position:relative}.tab[data-v-3cde6218]{position:relative}.tab[data-v-3cde6218]:after{background:currentColor;bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease}.tab[data-v-3cde6218]:hover:after{transform:scaleX(.5)}.card[data-v-3cde6218]:hover{--tw-translate-y:-2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}input[type=color][data-v-3cde6218]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer}input[type=color][data-v-3cde6218]::-webkit-color-swatch-wrapper{border:none;border-radius:.75rem;padding:0}input[type=color][data-v-3cde6218]::-webkit-color-swatch{border:none;border-radius:.75rem}.range[data-v-3cde6218]::-webkit-slider-thumb{--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity,1)))}.range[data-v-3cde6218]::-moz-range-thumb{--tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity,1)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity,1)))}.modal-box[data-v-3cde6218]{animation:modalSlideIn-3cde6218 .3s ease-out}@keyframes modalSlideIn-3cde6218{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}