.cta-button.astro-z6ybzav4{display:inline-flex;align-items:center;gap:.5rem}.cta-button.astro-z6ybzav4 i.astro-z6ybzav4{font-size:1rem}button.astro-z6ybzav4.cta-button.widget-builder-btn{--widget-btn-border:rgba(148, 163, 184, .35);--widget-btn-bg:rgba(15, 23, 42, .35);--widget-btn-hover-bg:rgba(15, 23, 42, .55);--widget-btn-text:var(--text, #f8fafc);appearance:none;border:1px solid var(--widget-btn-border);border-radius:999px;padding:.55rem 1.25rem;background:var(--widget-btn-bg);color:var(--widget-btn-text);font-size:.9rem;font-weight:500;letter-spacing:.02em;text-transform:none;box-shadow:inset 0 1px #ffffff14;backdrop-filter:blur(12px);transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}button.astro-z6ybzav4.cta-button.widget-builder-btn:hover{background:var(--widget-btn-hover-bg);border-color:#94a3b899;box-shadow:inset 0 1px #ffffff1f,0 8px 24px #0f172a33}button.astro-z6ybzav4.cta-button.widget-builder-btn:focus-visible{outline:0;border-color:#60a5fae6;box-shadow:0 0 0 3px #60a5fa59}button.astro-z6ybzav4.cta-button.widget-builder-btn i.astro-z6ybzav4{font-size:.95rem;opacity:.85}.widget-builder-modal.astro-z6ybzav4 .cta-button.astro-z6ybzav4.full-width{justify-content:center}.widget-builder-modal.astro-z6ybzav4{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem}.widget-builder-modal.astro-z6ybzav4.active{display:flex}.modal-overlay.astro-z6ybzav4{position:absolute;inset:0;background:#000c;backdrop-filter:blur(4px)}.modal-content.astro-z6ybzav4{position:relative;background:var(--background);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-lg);max-width:1400px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;margin:auto;overflow:hidden}.modal-header.astro-z6ybzav4{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header.astro-z6ybzav4 h2.astro-z6ybzav4{margin:0;color:var(--primary-light);display:flex;align-items:center;gap:.75rem;font-size:1.75rem}.modal-close.astro-z6ybzav4{background:0 0;border:0;color:var(--text);font-size:1.5rem;cursor:pointer;padding:.5rem;transition:color .2s}.modal-close.astro-z6ybzav4:hover{color:var(--primary)}.modal-body.astro-z6ybzav4{padding:2rem;overflow-y:auto;flex:1}.builder-layout.astro-z6ybzav4{display:grid;grid-template-columns:minmax(min(300px,100%),400px) 1fr;gap:2rem}.config-panel.astro-z6ybzav4{background:var(--card);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-md);padding:1.5rem;max-height:calc(90vh - 200px);overflow-y:auto;overflow-x:hidden;min-width:0}.config-panel.astro-z6ybzav4 h3.astro-z6ybzav4{margin:0 0 1.5rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.form-group.astro-z6ybzav4{margin-bottom:1.25rem}.form-group.astro-z6ybzav4 label.astro-z6ybzav4{display:block;margin-bottom:.5rem;color:var(--text);font-weight:600;font-size:.9rem}.form-control.astro-z6ybzav4{width:100%;background:var(--input-background);border:1px solid rgba(255,255,255,.1);color:var(--text);padding:.75rem;border-radius:var(--border-radius-md);font-size:.95rem;box-sizing:border-box}.form-control.astro-z6ybzav4:focus{outline:0;border-color:var(--primary);background:var(--input-focus)}.form-row.astro-z6ybzav4{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group.astro-z6ybzav4 small.astro-z6ybzav4{display:block;margin-top:.25rem;color:var(--text-disabled);font-size:.85rem}.checkbox-label.astro-z6ybzav4{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.checkbox-label.astro-z6ybzav4 input.astro-z6ybzav4[type=checkbox]{width:auto}.customization-details.astro-z6ybzav4{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--border-radius-md);padding:0;margin:1.5rem 0;overflow:hidden}.customization-details.astro-z6ybzav4 summary.astro-z6ybzav4{padding:1rem;cursor:pointer;font-weight:600;color:var(--primary-light);display:flex;align-items:center;gap:.5rem;user-select:none}.customization-details.astro-z6ybzav4[open]{padding-bottom:1rem}.customization-details.astro-z6ybzav4[open] summary.astro-z6ybzav4{border-bottom:1px solid rgba(59,130,246,.3);margin-bottom:1rem}.customization-details.astro-z6ybzav4 .form-group.astro-z6ybzav4{padding:0 1rem}.preview-panel.astro-z6ybzav4{display:flex;flex-direction:column;gap:1.5rem;min-width:0;overflow:hidden}.preview-header.astro-z6ybzav4 h3.astro-z6ybzav4{margin:0;color:var(--text);display:flex;align-items:center;gap:.5rem}.preview-container.astro-z6ybzav4{background:var(--card);border:2px dashed rgba(255,255,255,.1);border-radius:var(--border-radius-md);padding:2rem;min-height:300px;display:flex;align-items:center;justify-content:center;min-width:0;overflow:auto}.preview-container.astro-z6ybzav4 .error-msg.astro-z6ybzav4{color:#ef4444;text-align:center}.code-section.astro-z6ybzav4{background:var(--card);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-md);padding:1.5rem;min-width:0;overflow:hidden}.code-header.astro-z6ybzav4{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.code-header.astro-z6ybzav4 h4.astro-z6ybzav4{margin:0;color:var(--text);display:flex;align-items:center;gap:.5rem}.code-block.astro-z6ybzav4{background:#0a0a0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md);padding:1.5rem;overflow-x:auto;overflow-y:auto;margin:0;max-height:400px;text-align:left;word-break:break-word}.code-block.astro-z6ybzav4 code.astro-z6ybzav4{color:#e0e0e0;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-break:break-all}@media (max-width:1200px){.builder-layout.astro-z6ybzav4{gap:1.5rem}}@media (max-width:1024px){.builder-layout.astro-z6ybzav4{grid-template-columns:1fr}.config-panel.astro-z6ybzav4{max-height:none}.modal-body.astro-z6ybzav4{padding:1.5rem}}@media (max-width:768px){.modal-body.astro-z6ybzav4,.modal-header.astro-z6ybzav4{padding:1rem}.modal-header.astro-z6ybzav4 h2.astro-z6ybzav4{font-size:1.35rem}.builder-layout.astro-z6ybzav4{gap:1rem}.form-row.astro-z6ybzav4{grid-template-columns:1fr}.preview-container.astro-z6ybzav4{padding:1rem;min-height:200px}.code-section.astro-z6ybzav4{padding:1rem}.code-block.astro-z6ybzav4{padding:1rem;font-size:.85rem}}@media (max-width:480px){.widget-builder-modal.astro-z6ybzav4{padding:.5rem}.modal-content.astro-z6ybzav4{max-height:95vh;border-radius:var(--border-radius-md)}.modal-header.astro-z6ybzav4{padding:.75rem 1rem}.modal-header.astro-z6ybzav4 h2.astro-z6ybzav4{font-size:1.15rem;gap:.5rem}.modal-body.astro-z6ybzav4{padding:.75rem}.builder-layout.astro-z6ybzav4{gap:.75rem}.config-panel.astro-z6ybzav4,.code-section.astro-z6ybzav4{padding:1rem}.preview-container.astro-z6ybzav4{padding:.75rem}.form-control.astro-z6ybzav4{padding:.625rem;font-size:.9rem}.code-block.astro-z6ybzav4{padding:.75rem;font-size:.8rem;max-height:300px}.code-header.astro-z6ybzav4{flex-direction:column;align-items:stretch;gap:.75rem}.code-header.astro-z6ybzav4 .cta-button.astro-z6ybzav4{width:100%;justify-content:center}}@media (max-width:360px){.widget-builder-modal.astro-z6ybzav4{padding:.25rem}.modal-content.astro-z6ybzav4{max-height:98vh}.modal-header.astro-z6ybzav4 h2.astro-z6ybzav4{font-size:1rem}.modal-header.astro-z6ybzav4 h2.astro-z6ybzav4 i.astro-z6ybzav4{font-size:.9rem}.modal-close.astro-z6ybzav4{font-size:1.25rem}button.astro-z6ybzav4.cta-button.widget-builder-btn{padding:.5rem 1rem;font-size:.85rem}.config-panel.astro-z6ybzav4 h3.astro-z6ybzav4,.preview-header.astro-z6ybzav4 h3.astro-z6ybzav4,.code-header.astro-z6ybzav4 h4.astro-z6ybzav4{font-size:1rem}.form-group.astro-z6ybzav4 label.astro-z6ybzav4,.form-control.astro-z6ybzav4{font-size:.85rem}}.widgets-showcase.astro-gscbnsyj{max-width:1400px;margin:0 auto}.intro-section.astro-gscbnsyj{text-align:center;margin-bottom:3rem}.page-title.astro-gscbnsyj{font-size:3rem;font-weight:800;margin:0 0 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-description.astro-gscbnsyj{font-size:1.25rem;color:var(--text-disabled);margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.builder-highlight.astro-gscbnsyj{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:2px solid rgba(59,130,246,.3);border-radius:var(--border-radius-lg);padding:2rem;margin:2rem auto;max-width:800px;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.highlight-content.astro-gscbnsyj{display:flex;gap:1.5rem;align-items:flex-start;flex:1;min-width:300px}.highlight-icon.astro-gscbnsyj{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.highlight-icon.astro-gscbnsyj i.astro-gscbnsyj{font-size:1.75rem;color:#fff}.highlight-text.astro-gscbnsyj h3.astro-gscbnsyj{margin:0 0 .5rem;color:var(--primary-light);font-size:1.5rem}.highlight-text.astro-gscbnsyj p.astro-gscbnsyj{margin:0;color:var(--text);line-height:1.6}.features-grid.astro-gscbnsyj{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.feature-card.astro-gscbnsyj{background:var(--card);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-md);padding:1.5rem;text-align:center}.feature-card.astro-gscbnsyj i.astro-gscbnsyj{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}.feature-card.astro-gscbnsyj h3.astro-gscbnsyj{font-size:1.25rem;margin:0 0 .5rem;color:var(--text)}.feature-card.astro-gscbnsyj p.astro-gscbnsyj{margin:0;color:var(--text-disabled)}.steps-grid.astro-gscbnsyj{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.step-card.astro-gscbnsyj{background:var(--card);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-md);padding:2rem;text-align:center;position:relative}.step-number.astro-gscbnsyj{width:50px;height:50px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.step-card.astro-gscbnsyj h3.astro-gscbnsyj{font-size:1.25rem;margin:0 0 .5rem}.step-card.astro-gscbnsyj p.astro-gscbnsyj{margin:0;color:var(--text-disabled)}.section.astro-gscbnsyj{margin-bottom:4rem}.section-header.astro-gscbnsyj{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-header-with-action.astro-gscbnsyj{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.header-actions.astro-gscbnsyj{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.section-title.astro-gscbnsyj{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:var(--primary-light)}.section-description.astro-gscbnsyj{font-size:1.125rem;color:var(--text-disabled);margin:0}.copy-code-btn.astro-gscbnsyj{padding:.75rem 1.5rem;background-color:var(--primary-container);color:var(--primary-container-text);border:0;cursor:pointer;border-radius:var(--border-radius-pill);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:.5rem}.copy-code-btn.astro-gscbnsyj:hover{background-color:var(--primary-hover)}.cta-button.astro-gscbnsyj{display:inline-flex;align-items:center;gap:.5rem}.cta-button.astro-gscbnsyj i.astro-gscbnsyj{font-size:1rem}.widget-demo-section.astro-gscbnsyj{background:var(--card);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-lg);padding:2rem}.widget-demo.astro-gscbnsyj{margin-bottom:2rem}.demo-label.astro-gscbnsyj,.code-label.astro-gscbnsyj{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.demo-container.astro-gscbnsyj{background:var(--background);border:2px dashed rgba(255,255,255,.1);border-radius:var(--border-radius-md);padding:2rem;display:flex;justify-content:center}.code-section.astro-gscbnsyj{margin-bottom:2rem}.code-block.astro-gscbnsyj{background:#0a0a0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md);padding:1.5rem;overflow-x:auto;margin:0;text-align:left}.code-block.astro-gscbnsyj code.astro-gscbnsyj{color:#e0e0e0;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;white-space:pre}.features-list.astro-gscbnsyj{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--border-radius-md);padding:1.5rem}.features-list.astro-gscbnsyj h3.astro-gscbnsyj{margin:0 0 1rem;color:var(--primary-light)}.features-list.astro-gscbnsyj ul.astro-gscbnsyj{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.features-list.astro-gscbnsyj li.astro-gscbnsyj{display:flex;align-items:center;gap:.75rem;color:var(--text)}.features-list.astro-gscbnsyj i.astro-gscbnsyj{color:var(--primary);font-size:1.125rem}.info-box.astro-gscbnsyj{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--border-radius-md);padding:1.5rem;margin-top:1.5rem}.info-box.astro-gscbnsyj h4.astro-gscbnsyj{margin:0 0 1rem;color:#fbbf24;display:flex;align-items:center;gap:.5rem}.info-box.astro-gscbnsyj p.astro-gscbnsyj{margin:0 0 .75rem}.info-box.astro-gscbnsyj ul.astro-gscbnsyj{margin:0;padding-left:1.5rem}.info-box.astro-gscbnsyj li.astro-gscbnsyj{margin-bottom:.5rem}.info-box.astro-gscbnsyj a.astro-gscbnsyj{color:var(--primary-light);text-decoration:underline}.customization-grid.astro-gscbnsyj{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.custom-card.astro-gscbnsyj{background:var(--card);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-md);padding:1.5rem}.custom-card.astro-gscbnsyj h3.astro-gscbnsyj{margin:0 0 1rem;color:var(--primary-light);display:flex;align-items:center;gap:.5rem}.custom-card.astro-gscbnsyj ul.astro-gscbnsyj{list-style:none;padding:0;margin:0}.custom-card.astro-gscbnsyj li.astro-gscbnsyj{margin-bottom:.75rem;color:var(--text-disabled)}.custom-card.astro-gscbnsyj code.astro-gscbnsyj{background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;color:var(--primary-light);font-size:.9rem}.examples-grid.astro-gscbnsyj{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.example-card.astro-gscbnsyj{background:var(--card);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-md);padding:1.5rem}.example-card.astro-gscbnsyj h3.astro-gscbnsyj{margin:0 0 1rem;color:var(--text)}.example-demo.astro-gscbnsyj{margin-bottom:1rem;padding:1rem;background:var(--background);border-radius:var(--border-radius-md);border:1px dashed rgba(255,255,255,.1)}.example-code.astro-gscbnsyj{background:#0a0a0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md);padding:1rem;overflow-x:auto;margin:0}.example-code.astro-gscbnsyj code.astro-gscbnsyj{color:#e0e0e0;font-family:Courier New,monospace;font-size:.85rem;line-height:1.5}.cta-section.astro-gscbnsyj{text-align:center}.cta-card.astro-gscbnsyj{background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid rgba(59,130,246,.3);border-radius:var(--border-radius-lg);padding:3rem 2rem;margin-bottom:2rem}.cta-card.astro-gscbnsyj i.astro-gscbnsyj{font-size:3rem;color:var(--primary);margin-bottom:1rem}.cta-card.astro-gscbnsyj h2.astro-gscbnsyj{font-size:2rem;margin:0 0 1rem}.cta-card.astro-gscbnsyj p.astro-gscbnsyj{font-size:1.125rem;color:var(--text-disabled);margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-btn.astro-gscbnsyj{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:var(--border-radius-md);font-size:1.125rem;font-weight:600;transition:all .2s}.cta-btn.astro-gscbnsyj:hover{background:var(--primary-dark);transform:translateY(-2px)}.support-links.astro-gscbnsyj{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.support-link.astro-gscbnsyj{display:inline-flex;align-items:center;gap:.5rem;background:var(--card);color:var(--text);text-decoration:none;padding:.75rem 1.5rem;border-radius:var(--border-radius-md);border:1px solid rgba(255,255,255,.05);transition:all .2s}.support-link.astro-gscbnsyj:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.component-section.astro-gscbnsyj{margin-top:2rem}.component-info.astro-gscbnsyj{display:grid;gap:2rem}.info-card.astro-gscbnsyj{background:var(--card);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-md);padding:2rem}.info-card.astro-gscbnsyj.full-width{grid-column:1/-1}.info-card.astro-gscbnsyj h3.astro-gscbnsyj{margin:0 0 1.5rem;color:var(--primary-light);display:flex;align-items:center;gap:.75rem;font-size:1.5rem}.info-card.astro-gscbnsyj h4.astro-gscbnsyj{margin:1.5rem 0 .75rem;color:var(--text);font-size:1.125rem}.info-card.astro-gscbnsyj h4.astro-gscbnsyj:first-of-type{margin-top:0}.info-card.astro-gscbnsyj p.astro-gscbnsyj{margin:0 0 1rem;color:var(--text-disabled)}.path-code.astro-gscbnsyj{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--border-radius-md);padding:.75rem 1rem;margin:0 0 1rem}.path-code.astro-gscbnsyj code.astro-gscbnsyj{color:var(--primary-light);font-family:Courier New,monospace;font-size:.9rem}.features-checklist.astro-gscbnsyj{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.features-checklist.astro-gscbnsyj li.astro-gscbnsyj{display:flex;align-items:flex-start;gap:.75rem;color:var(--text);line-height:1.6}.features-checklist.astro-gscbnsyj i.astro-gscbnsyj{color:var(--primary);margin-top:.25rem;flex-shrink:0}@media (max-width:768px){.page-title.astro-gscbnsyj{font-size:2rem}.page-description.astro-gscbnsyj{font-size:1rem}.builder-highlight.astro-gscbnsyj{padding:1.5rem;flex-direction:column;text-align:center}.highlight-content.astro-gscbnsyj{flex-direction:column;align-items:center;text-align:center;min-width:100%}.builder-highlight.astro-gscbnsyj .cta-button.astro-gscbnsyj{width:100%;justify-content:center}.section-header.astro-gscbnsyj{flex-direction:column;align-items:stretch}.header-actions.astro-gscbnsyj{flex-direction:column}.header-actions.astro-gscbnsyj .cta-button.astro-gscbnsyj,.copy-code-btn.astro-gscbnsyj{width:100%;justify-content:center}.examples-grid.astro-gscbnsyj{grid-template-columns:1fr}.demo-container.astro-gscbnsyj{padding:1rem}.widget-demo-section.astro-gscbnsyj{padding:1.5rem}}