.templates-preview-container{--radius:.625rem;--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--destructive-foreground:#fafafa;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;background-color:var(--background)!important;color:var(--foreground)!important}@supports (color:lab(0% 0 0)){.templates-preview-container{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--destructive-foreground:lab(98.26% 0 0);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209)}}.templates-preview-container *{border-color:var(--border)}.glass-card{background:color-mix(in srgb,var(--card)60%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border)}.glass-card-light{background:color-mix(in srgb,var(--foreground)5%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.counter-btn{background:var(--card);border:1px solid var(--border);transition:all .2s}.counter-btn:hover{background:var(--secondary);border-color:var(--primary)}.option-btn{background:var(--card);border:1px solid var(--border);transition:all .2s}.option-btn.selected{background:color-mix(in srgb,var(--primary)10%,var(--card));border-color:var(--primary);box-shadow:0 0 15px color-mix(in srgb,var(--primary)20%,transparent)}.btn-primary{background:var(--primary);color:var(--primary-foreground);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 12px color-mix(in srgb,var(--primary)30%,transparent);transform:translateY(-1px)}.glow-text{text-shadow:0 0 20px color-mix(in srgb,var(--primary)40%,transparent)}.shimmer{animation:2s linear infinite shimmer}@keyframes shimmer{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}.result-highlight{background:linear-gradient(135deg,color-mix(in srgb,var(--primary)10%,transparent),color-mix(in srgb,var(--primary)5%,transparent));border:1.5px solid color-mix(in srgb,var(--primary)20%,transparent);box-shadow:0 8px 32px color-mix(in srgb,var(--primary)10%,transparent)}.progress-bar{background:var(--primary)}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}