.demo-container[data-astro-cid-nkrtdbez]{background:var(--color-dark);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.demo-tabs[data-astro-cid-nkrtdbez]{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-4);background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto}.demo-tab[data-astro-cid-nkrtdbez]{padding:var(--spacing-2) var(--spacing-4);border:none;background:transparent;color:#fff9;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.demo-tab[data-astro-cid-nkrtdbez]:hover{color:var(--color-light);background:#ffffff1a}.demo-tab--active[data-astro-cid-nkrtdbez]{color:var(--color-light);background:var(--color-primary)}.demo-tab[data-astro-cid-nkrtdbez]:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.demo-fullscreen[data-astro-cid-nkrtdbez]{margin-left:auto;font-size:var(--font-size-xs);color:#ffffffa6;text-decoration:none;white-space:nowrap;transition:color var(--transition-base)}.demo-fullscreen[data-astro-cid-nkrtdbez]:hover{color:var(--color-light)}.demo-frame-wrapper[data-astro-cid-nkrtdbez]{position:relative;width:100%}.demo-frame[data-astro-cid-nkrtdbez]{width:100%;height:800px;border:none;background:var(--color-light);color:var(--surface-1-text)}.demo-loading[data-astro-cid-nkrtdbez]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);background:#000000b3;z-index:2;transition:opacity .3s ease,visibility .3s ease}.demo-loading--hidden[data-astro-cid-nkrtdbez]{opacity:0;visibility:hidden}.demo-loading__spinner[data-astro-cid-nkrtdbez]{width:40px;height:40px;border:3px solid var(--bg-white-glass);border-top-color:var(--color-primary-light);border-radius:50%;animation:spin .8s linear infinite}.demo-loading__text[data-astro-cid-nkrtdbez]{font-size:var(--font-size-sm);color:#ffffffb3}.demo-tab--visited[data-astro-cid-nkrtdbez]{position:relative}.demo-tab--visited[data-astro-cid-nkrtdbez]:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--color-emerald-500);border-radius:50%}.demo-tab--active[data-astro-cid-nkrtdbez].demo-tab--visited:after{background:var(--color-success-light)}.demo-guide[data-astro-cid-nkrtdbez]{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-5);margin-bottom:var(--spacing-6)}.demo-guide__header[data-astro-cid-nkrtdbez]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.demo-guide__title[data-astro-cid-nkrtdbez]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.demo-guide__toggle[data-astro-cid-nkrtdbez]{background:none;border:1px solid var(--bg-white-glass);color:#fff9;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.demo-guide__toggle[data-astro-cid-nkrtdbez]:hover{color:var(--color-light);border-color:#fff6}.demo-guide__toggle[data-astro-cid-nkrtdbez]:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.demo-guide__steps[data-astro-cid-nkrtdbez]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-3)}.demo-step[data-astro-cid-nkrtdbez]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:inherit;text-align:left}.demo-step[data-astro-cid-nkrtdbez]:hover{border-color:var(--color-primary);background:#ffffff14}.demo-step[data-astro-cid-nkrtdbez]:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.demo-step--visited[data-astro-cid-nkrtdbez]{opacity:.6}.demo-step--visited[data-astro-cid-nkrtdbez] .demo-step__number[data-astro-cid-nkrtdbez]{background:var(--color-emerald-500)}.demo-step__number[data-astro-cid-nkrtdbez]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--color-light);border-radius:50%;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0}.demo-step__title[data-astro-cid-nkrtdbez]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.demo-complete[data-astro-cid-nkrtdbez]{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-6);border:2px solid var(--color-emerald-500);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);background:#10b9810d}.demo-sticky-cta[data-astro-cid-nkrtdbez]{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-5);background:var(--color-dark);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);box-shadow:var(--shadow-xl);z-index:100;opacity:0;transform:translateY(20px);visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.demo-sticky-cta--visible[data-astro-cid-nkrtdbez]{opacity:1;transform:translateY(0);visibility:visible}.demo-sticky-cta__text[data-astro-cid-nkrtdbez]{font-size:var(--font-size-sm);color:#fffc;white-space:nowrap}.demo-sticky-cta__close[data-astro-cid-nkrtdbez]{background:none;border:none;color:#fff9;cursor:pointer;padding:var(--spacing-1);display:flex;transition:color var(--transition-fast)}.demo-sticky-cta__close[data-astro-cid-nkrtdbez]:hover{color:var(--color-light)}@media(max-width:1024px){.demo-guide__steps[data-astro-cid-nkrtdbez]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.demo-frame[data-astro-cid-nkrtdbez]{height:500px}.demo-guide__steps[data-astro-cid-nkrtdbez]{grid-template-columns:repeat(2,1fr)}.demo-sticky-cta[data-astro-cid-nkrtdbez]{left:var(--spacing-4);right:var(--spacing-4);bottom:var(--spacing-4);bottom:calc(var(--spacing-4) + env(safe-area-inset-bottom,0px));justify-content:center;border-radius:var(--radius-xl)}}@media(max-width:480px){.demo-guide__steps[data-astro-cid-nkrtdbez]{grid-template-columns:1fr}}