@keyframes shine-42bb7928{0%{transform:translate(-100%)}to{transform:translate(100%)}}.theme-card[data-v-42bb7928]{cursor:pointer}.theme-card[data-v-42bb7928]:disabled{cursor:not-allowed;opacity:.5}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-ed29c037],[data-v-ed29c037]::backdrop,[data-v-ed29c037]:after,[data-v-ed29c037]:before{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}:where(.background-pattern-picker[data-v-ed29c037]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing,.25rem)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing,.25rem)*4*var(--tw-space-y-reverse))}.intensity-btn[data-v-ed29c037],.intensity-selector[data-v-ed29c037]{display:flex;flex-direction:column}.intensity-btn[data-v-ed29c037]{align-items:center;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));border-radius:calc(var(--ui-radius)*2);border-style:var(--tw-border-style);border-width:1px;flex:1;gap:calc(var(--spacing,.25rem)*1.5);padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*3)}.intensity-btn[data-v-ed29c037]:where(.dark,.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733))}.intensity-btn[data-v-ed29c037]{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.intensity-btn[data-v-ed29c037]:hover{border-color:var(--color-violet-300,oklch(81.1% .111 293.571))}.intensity-btn[data-v-ed29c037]:where(.dark,.dark *):hover{border-color:var(--color-violet-600,oklch(54.1% .281 293.009))}}.intensity-btn.active[data-v-ed29c037]{background-color:var(--color-violet-50,oklch(96.9% .016 293.756));border-color:var(--color-violet-500,oklch(60.6% .25 292.717))}.intensity-btn.active[data-v-ed29c037]:where(.dark,.dark *){background-color:#4d179a4d}@supports (color:color-mix(in lab,red,red)){.intensity-btn.active[data-v-ed29c037]:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-violet-900,oklch(38% .189 293.745))30%,transparent)}}.intensity-btn.active[data-v-ed29c037]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-violet-500,oklch(60.6% .25 292.717))}.intensity-preview[data-v-ed29c037]{background-color:var(--color-violet-500,oklch(60.6% .25 292.717));border-radius:3.40282e+38px;height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*8)}.intensity-label[data-v-ed29c037]{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));--tw-font-weight:var(--font-weight-medium,500);color:var(--color-gray-600,oklch(44.6% .03 256.802));font-weight:var(--font-weight-medium,500)}.intensity-label[data-v-ed29c037]:where(.dark,.dark *){color:var(--color-gray-400,oklch(70.7% .022 261.325))}.intensity-btn.active .intensity-label[data-v-ed29c037]{color:var(--color-violet-600,oklch(54.1% .281 293.009))}.intensity-btn.active .intensity-label[data-v-ed29c037]:where(.dark,.dark *){color:var(--color-violet-400,oklch(70.2% .183 293.541))}.theme-color-toggle[data-v-ed29c037]{background-color:var(--color-gray-50,oklch(98.5% .002 247.839));border-radius:calc(var(--ui-radius)*3);padding:calc(var(--spacing,.25rem)*3)}.theme-color-toggle[data-v-ed29c037]:where(.dark,.dark *){background-color:#1e293980}@supports (color:color-mix(in lab,red,red)){.theme-color-toggle[data-v-ed29c037]:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-800,oklch(27.8% .033 256.848))50%,transparent)}}.toggle-track[data-v-ed29c037]{height:calc(var(--spacing,.25rem)*6);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));width:calc(var(--spacing,.25rem)*11);--tw-duration:.2s;border-radius:3.40282e+38px;transition-duration:.2s}.toggle-thumb[data-v-ed29c037]{background-color:var(--color-white,#fff);height:calc(var(--spacing,.25rem)*5);left:calc(var(--spacing,.25rem)*.5);top:calc(var(--spacing,.25rem)*.5);width:calc(var(--spacing,.25rem)*5);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.2s;border-radius:3.40282e+38px;position:absolute;transition-duration:.2s}.category-tabs[data-v-ed29c037]{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));border-radius:calc(var(--ui-radius)*3);display:flex;gap:calc(var(--spacing,.25rem)*1);overflow-x:auto;padding:calc(var(--spacing,.25rem)*1)}.category-tabs[data-v-ed29c037]:where(.dark,.dark *){background-color:var(--color-gray-800,oklch(27.8% .033 256.848))}.category-tab[data-v-ed29c037]{align-items:center;border-radius:calc(var(--ui-radius)*2);font-size:var(--text-sm,.875rem);gap:calc(var(--spacing,.25rem)*1.5);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*3);--tw-font-weight:var(--font-weight-medium,500);color:var(--color-gray-600,oklch(44.6% .03 256.802));display:flex;font-weight:var(--font-weight-medium,500);white-space:nowrap}.category-tab[data-v-ed29c037]:where(.dark,.dark *){color:var(--color-gray-400,oklch(70.7% .022 261.325))}.category-tab[data-v-ed29c037]{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.category-tab[data-v-ed29c037]:hover{color:var(--color-gray-900,oklch(21% .034 264.665))}.category-tab[data-v-ed29c037]:where(.dark,.dark *):hover{color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.category-tab.active[data-v-ed29c037]{background-color:var(--color-white,#fff);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.category-tab.active[data-v-ed29c037]:where(.dark,.dark *){background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}.category-tab.active[data-v-ed29c037]{color:var(--color-violet-600,oklch(54.1% .281 293.009))}.category-tab.active[data-v-ed29c037]:where(.dark,.dark *){color:var(--color-violet-400,oklch(70.2% .183 293.541))}.pattern-grid[data-v-ed29c037]{display:grid;gap:calc(var(--spacing,.25rem)*3);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:calc(var(--spacing,.25rem)*4)}@media(min-width:40rem){.pattern-grid[data-v-ed29c037]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:64rem){.pattern-grid[data-v-ed29c037]{grid-template-columns:repeat(4,minmax(0,1fr))}}.pattern-card[data-v-ed29c037]{border-radius:calc(var(--ui-radius)*3);border-style:var(--tw-border-style);cursor:pointer;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.2s;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));border-width:2px;overflow:hidden;position:relative;transition-duration:.2s}.pattern-card[data-v-ed29c037]:where(.dark,.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733))}@media(hover:hover){.pattern-card[data-v-ed29c037]:hover{border-color:var(--color-gray-300,oklch(87.2% .01 258.338));--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pattern-card[data-v-ed29c037]:where(.dark,.dark *):hover{border-color:var(--color-gray-600,oklch(44.6% .03 256.802))}}.pattern-card[data-v-ed29c037]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-violet-500,oklch(60.6% .25 292.717));--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.pattern-card[data-v-ed29c037]{display:flex;flex-direction:column}.pattern-card.selected[data-v-ed29c037]{border-color:var(--color-violet-500,oklch(60.6% .25 292.717));--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-violet-500,oklch(60.6% .25 292.717));--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.pattern-card.is-none .pattern-preview[data-v-ed29c037]{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}.pattern-card.is-none .pattern-preview[data-v-ed29c037]:where(.dark,.dark *){background-color:var(--color-gray-800,oklch(27.8% .033 256.848))}.pattern-preview[data-v-ed29c037]{background-color:var(--color-gray-50,oklch(98.5% .002 247.839));flex:1;min-height:calc(var(--spacing,.25rem)*24);position:relative;width:100%}.pattern-preview[data-v-ed29c037]:where(.dark,.dark *){background-color:var(--color-gray-900,oklch(21% .034 264.665))}.pattern-preview[data-v-ed29c037]{border-top-left-radius:10px;border-top-right-radius:10px;margin:-1px -1px 0;width:calc(100% + 2px)}:root.dark .pattern-preview[data-v-ed29c037]{background-color:var(--color-gray-900,oklch(21% .034 264.665))}.none-icon[data-v-ed29c037]{inset:calc(var(--spacing,.25rem)*0)}.none-icon[data-v-ed29c037],.selected-check[data-v-ed29c037]{align-items:center;display:flex;justify-content:center;position:absolute}.selected-check[data-v-ed29c037]{background-color:var(--color-violet-500,oklch(60.6% .25 292.717));height:calc(var(--spacing,.25rem)*6);right:calc(var(--spacing,.25rem)*2);top:calc(var(--spacing,.25rem)*2);width:calc(var(--spacing,.25rem)*6);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);border-radius:3.40282e+38px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pattern-info[data-v-ed29c037]{background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*2)}.pattern-info[data-v-ed29c037]:where(.dark,.dark *){background-color:var(--color-gray-800,oklch(27.8% .033 256.848))}.pattern-name[data-v-ed29c037]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-medium,500);color:var(--color-gray-900,oklch(21% .034 264.665));display:block;font-weight:var(--font-weight-medium,500)}.pattern-name[data-v-ed29c037]:where(.dark,.dark *){color:var(--color-gray-100,oklch(96.7% .003 264.542))}.pattern-desc[data-v-ed29c037]{color:var(--color-gray-500,oklch(55.1% .027 264.364));font-size:var(--text-xs,.75rem);-webkit-line-clamp:1;line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));-webkit-box-orient:vertical;display:block;overflow:hidden}.pattern-desc[data-v-ed29c037]:where(.dark,.dark *){color:var(--color-gray-400,oklch(70.7% .022 261.325))}.pattern-card:hover .pattern-preview[data-v-ed29c037]{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y);transition:transform .3s}.pattern-card.selected .pattern-preview[data-v-ed29c037]:after{background:linear-gradient(135deg,#8b5cf61a,#0000);content:"";inset:calc(var(--spacing,.25rem)*0);position:absolute}.category-tabs[data-v-ed29c037]::-webkit-scrollbar{height:4px}.category-tabs[data-v-ed29c037]::-webkit-scrollbar-track{background-color:#0000}.category-tabs[data-v-ed29c037]::-webkit-scrollbar-thumb{background-color:var(--color-gray-300,oklch(87.2% .01 258.338));border-radius:3.40282e+38px}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}.animate-fade-in[data-v-f5152970]{animation:fadeIn-f5152970 .2s ease-out}@keyframes fadeIn-f5152970{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}