.problem-section[data-astro-cid-kkenpw4h]{background:#fef2f2}.problem-demo[data-astro-cid-kkenpw4h]{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem;margin-top:2rem}.demo-card[data-astro-cid-kkenpw4h]{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 2px 12px #00000014}.problem-card[data-astro-cid-kkenpw4h]{border-left:4px solid #dc2626}.solution-card[data-astro-cid-kkenpw4h]{border-left:4px solid #16a34a}.demo-card[data-astro-cid-kkenpw4h] h3[data-astro-cid-kkenpw4h]{margin-bottom:1.5rem;font-size:1.125rem}.problem-card[data-astro-cid-kkenpw4h] h3[data-astro-cid-kkenpw4h]{color:#991b1b}.solution-card[data-astro-cid-kkenpw4h] h3[data-astro-cid-kkenpw4h]{color:#15803d}.problem-list[data-astro-cid-kkenpw4h],.solution-list[data-astro-cid-kkenpw4h]{list-style:none;padding:0;margin-top:1.5rem;color:#475569}.problem-list[data-astro-cid-kkenpw4h] li[data-astro-cid-kkenpw4h],.solution-list[data-astro-cid-kkenpw4h] li[data-astro-cid-kkenpw4h]{padding:.5rem 0 .5rem 1.5rem;position:relative}.problem-list[data-astro-cid-kkenpw4h] li[data-astro-cid-kkenpw4h]:before{content:"×";position:absolute;left:0;color:#dc2626;font-weight:700}.solution-list[data-astro-cid-kkenpw4h] li[data-astro-cid-kkenpw4h]:before{content:"✓";position:absolute;left:0;color:#16a34a;font-weight:700}.packages-section[data-astro-cid-kkenpw4h]{background:#fff}.packages-grid[data-astro-cid-kkenpw4h]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem}.package-card-link[data-astro-cid-kkenpw4h]{text-decoration:none;color:inherit;display:block}.package-card[data-astro-cid-kkenpw4h]{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:2rem;height:100%;transition:all .3s;display:flex;flex-direction:column}.package-card-link[data-astro-cid-kkenpw4h]:hover .package-card[data-astro-cid-kkenpw4h]{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#8b5cf6}.generator-card[data-astro-cid-kkenpw4h]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1}.package-header[data-astro-cid-kkenpw4h]{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.package-icon[data-astro-cid-kkenpw4h]{font-size:2.5rem;flex-shrink:0}.package-card[data-astro-cid-kkenpw4h] h3[data-astro-cid-kkenpw4h]{color:#1e293b;margin-bottom:.25rem;font-size:1.25rem}.package-name[data-astro-cid-kkenpw4h]{font-size:.85rem;color:#94a3b8;font-family:Courier New,monospace;margin:0}.package-size[data-astro-cid-kkenpw4h]{font-size:1.5rem;font-weight:700;color:#8b5cf6;margin-bottom:1rem}.package-desc[data-astro-cid-kkenpw4h]{color:#64748b;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.package-badges[data-astro-cid-kkenpw4h]{display:flex;gap:.5rem;flex-wrap:wrap}.badge[data-astro-cid-kkenpw4h]{background:#f1f5f9;color:#475569;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.generator-link[data-astro-cid-kkenpw4h]{color:#8b5cf6;font-weight:600;text-decoration:none;display:inline-block;margin-top:1rem}.generator-link[data-astro-cid-kkenpw4h]:hover{text-decoration:underline}.package-guide[data-astro-cid-kkenpw4h]{margin-top:3rem;padding:2rem;background:#f8fafc;border-radius:.75rem;border-left:4px solid #8b5cf6}.package-guide[data-astro-cid-kkenpw4h] h3[data-astro-cid-kkenpw4h]{color:#1e293b;margin-bottom:1rem}.package-guide[data-astro-cid-kkenpw4h] ul[data-astro-cid-kkenpw4h]{list-style:none;padding:0;margin:0}.package-guide[data-astro-cid-kkenpw4h] li[data-astro-cid-kkenpw4h]{padding:.75rem 0;color:#475569;line-height:1.6}.package-guide[data-astro-cid-kkenpw4h] code[data-astro-cid-kkenpw4h]{background:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.9rem;color:#7c3aed}.package-guide[data-astro-cid-kkenpw4h] a[data-astro-cid-kkenpw4h]{color:#8b5cf6;text-decoration:none}.package-guide[data-astro-cid-kkenpw4h] a[data-astro-cid-kkenpw4h]:hover{text-decoration:underline}.getting-started-section[data-astro-cid-kkenpw4h]{background:#f8fafc}.install-section[data-astro-cid-kkenpw4h]{margin-top:2rem;background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 2px 8px #00000014}.install-section[data-astro-cid-kkenpw4h] h3[data-astro-cid-kkenpw4h]{color:#334155;margin-bottom:1rem;font-size:1.25rem}.tabs-container[data-astro-cid-kkenpw4h]{margin-top:2rem}.tabs-header[data-astro-cid-kkenpw4h]{display:flex;gap:.5rem;background:#f8fafc;padding:.5rem;border-radius:.75rem .75rem 0 0;overflow-x:auto;scrollbar-width:none}.tabs-header[data-astro-cid-kkenpw4h]::-webkit-scrollbar{display:none}.tab-button[data-astro-cid-kkenpw4h]{background:transparent;border:none;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;border-radius:.5rem}.tab-button[data-astro-cid-kkenpw4h]:hover{color:#1e293b;background:#8b5cf61a}.tab-button[data-astro-cid-kkenpw4h].active{color:#fff;background:#8b5cf6;box-shadow:0 2px 8px #8b5cf64d}.tabs-content[data-astro-cid-kkenpw4h]{background:#fff;border-radius:0 0 .75rem .75rem;box-shadow:0 4px 16px #0000001a;overflow:hidden}.tab-panel[data-astro-cid-kkenpw4h]{display:none;padding:2rem}.tab-panel[data-astro-cid-kkenpw4h].active{display:block;animation:fadeIn .3s ease-in-out}.tab-panel[data-astro-cid-kkenpw4h] h4[data-astro-cid-kkenpw4h]{color:#1e293b;margin-bottom:.5rem}.tab-panel[data-astro-cid-kkenpw4h] p[data-astro-cid-kkenpw4h]{color:#64748b;margin-bottom:1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.github-link[data-astro-cid-kkenpw4h]{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.github-link[data-astro-cid-kkenpw4h] a[data-astro-cid-kkenpw4h]{color:#64748b;text-decoration:none;font-weight:500;transition:color .2s}.github-link[data-astro-cid-kkenpw4h] a[data-astro-cid-kkenpw4h]:hover{color:#8b5cf6}.benefits-section[data-astro-cid-kkenpw4h]{background:#fff}.card-grid[data-astro-cid-kkenpw4h]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.card[data-astro-cid-kkenpw4h]{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem;transition:all .3s}.card[data-astro-cid-kkenpw4h]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.card[data-astro-cid-kkenpw4h] h3[data-astro-cid-kkenpw4h]{color:#1e293b;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.card-icon[data-astro-cid-kkenpw4h]{font-size:1.5rem}.card[data-astro-cid-kkenpw4h] p[data-astro-cid-kkenpw4h]{color:#64748b;line-height:1.6}.cta-section[data-astro-cid-kkenpw4h]{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.cta-section[data-astro-cid-kkenpw4h] h2[data-astro-cid-kkenpw4h]{font-size:2.5rem;margin-bottom:1rem;color:#fff}.cta-description[data-astro-cid-kkenpw4h]{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.cta-buttons[data-astro-cid-kkenpw4h]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.problem-demo[data-astro-cid-kkenpw4h],.packages-grid[data-astro-cid-kkenpw4h],.card-grid[data-astro-cid-kkenpw4h]{grid-template-columns:1fr}.cta-section[data-astro-cid-kkenpw4h] h2[data-astro-cid-kkenpw4h]{font-size:2rem}}