.qr-generator{*{transition-duration:.15s;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tab-btn.active{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.tab-btn.active:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.size-btn.active{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.size-btn.active:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.size-btn.active:is(.dark *){--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.preset-btn:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#qr-preview canvas{border-radius:.5rem;--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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);height:auto;max-width:100%}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;overflow:hidden}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:.5rem}input[type=color]::-moz-color-swatch{border:none;border-radius:.5rem}input[type=file]::file-selector-button{margin-right:1rem}input[type=file]::file-selector-button{border-radius:.5rem}input[type=file]::file-selector-button{border-width:0}input[type=file]::file-selector-button{padding-bottom:.5rem;padding-top:.5rem}input[type=file]::file-selector-button{padding-left:1rem;padding-right:1rem}input[type=file]::file-selector-button{font-size:.875rem;line-height:1.25rem}input[type=file]::file-selector-button{font-weight:600}input[type=file]::file-selector-button{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}input[type=file]::file-selector-button{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}input[type=file]::file-selector-button:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}input[type=file]:is(.dark *)::file-selector-button{--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}input[type=file]:is(.dark *)::file-selector-button{--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}input[type=file]::file-selector-button{cursor:pointer}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.5rem;cursor:pointer;height:.5rem;width:100%;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}input[type=range]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:9999px;cursor:pointer;height:1.25rem;width:1.25rem;--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}input[type=range]::-webkit-slider-thumb:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}input[type=range]::-moz-range-thumb{border-radius:9999px;border-width:0;cursor:pointer;height:1.25rem;width:1.25rem;--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}input[type=range]::-moz-range-thumb:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}input[type=range]::-webkit-slider-runnable-track{border-radius:.5rem;height:.5rem;width:100%;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}input[type=range]:is(.dark *)::-webkit-slider-runnable-track{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}input[type=range]::-moz-range-track{border-radius:.5rem;height:.5rem;width:100%;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}input[type=range]:is(.dark *)::-moz-range-track{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}button:disabled{cursor:not-allowed;opacity:.5}.tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#download-section{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delete-template-btn{opacity:0}#templates-list>div:hover .delete-template-btn,.group:hover .delete-template-btn{opacity:1}#templates-list{max-height:24rem;overflow-y:auto;scrollbar-color:#9ca3af transparent;scrollbar-width:thin}#templates-list::-webkit-scrollbar{width:6px}#templates-list::-webkit-scrollbar-track{background-color:transparent}#templates-list::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}#templates-list:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}#templates-list::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}#templates-list:is(.dark *)::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}@media (max-width:1024px){#qr-preview{min-height:300px}}@media (max-width:640px){.grid.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.qr-generator{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#download-section,.tab-btn,.tab-content[data-tab]:not([data-tab=basic]){display:none}#qr-preview canvas{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (prefers-contrast:high){.qr-generator{border-width:2px;--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity,1))}.qr-generator:is(.dark *){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}button{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition-property:none}}}.qr-generator button:focus-visible,.qr-generator input:focus-visible,.qr-generator select:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.qr-generator button:focus-visible:is(.dark *),.qr-generator input:focus-visible:is(.dark *),.qr-generator select:focus-visible:is(.dark *){--tw-ring-offset-color:#1f2937}.qr-generator input[type=url]:invalid:not(:-moz-placeholder){--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(254 202 202/var(--tw-ring-opacity,1))}.qr-generator input[type=url]:invalid:not(:placeholder-shown){--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(254 202 202/var(--tw-ring-opacity,1))}.qr-generator input[type=url]:invalid:not(:-moz-placeholder):is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(127 29 29/var(--tw-ring-opacity,1))}.qr-generator input[type=url]:invalid:not(:placeholder-shown):is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(127 29 29/var(--tw-ring-opacity,1))}.qr-generator .copied{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.qr-generator .copied:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}