.demo-banner.svelte-18oq182{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,#3c83f6f2,#2474f5f2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid hsl(217 91% 70% / .3);padding:.5rem 1rem}.dark .demo-banner.svelte-18oq182{background:linear-gradient(135deg,#13356cf2,#0f2b57f2);border-bottom:1px solid hsl(217 50% 40% / .3)}.banner-content.svelte-18oq182{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.banner-left.svelte-18oq182{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.banner-left.svelte-18oq182 .menu-button{background:#ffffff26;color:#fff;gap:.375rem;font-weight:500;border:1px solid hsl(0 0% 100% / .2)}.banner-left.svelte-18oq182 .menu-button:hover{background:#ffffff40;color:#fff}.dark .banner-left.svelte-18oq182 .menu-button{background:#3c83f633;border-color:#3c83f64d}.dark .banner-left.svelte-18oq182 .menu-button:hover{background:#3c83f64d}.demo-badge.svelte-18oq182{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#fff3;border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.025em}.page-title-pill.svelte-18oq182{display:inline-flex;align-items:center;gap:.4375rem;padding:.25rem .75rem;background:#ffffff1f;border:1px solid hsl(0 0% 100% / .22);border-radius:9999px;font-size:.8125rem;font-weight:600;color:#fff;letter-spacing:.01em}.page-title-dot.svelte-18oq182{width:6px;height:6px;border-radius:50%;background:#47eb99;box-shadow:0 0 8px #47eb99b3}.dark .page-title-pill.svelte-18oq182{background:#3c83f62e;border-color:#3c83f659}.dark .demo-badge.svelte-18oq182{background:#3c83f64d}.user-info.svelte-18oq182{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#fffc}.dark .user-info.svelte-18oq182,.user-info.svelte-18oq182 .text-muted-foreground{color:#ffffffb3}.dark .user-info.svelte-18oq182 .text-muted-foreground{color:#fff9}.user-name.svelte-18oq182{font-weight:600;color:#fff}.banner-right.svelte-18oq182{display:flex;align-items:center;gap:.5rem}.banner-right.svelte-18oq182 .theme-toggle{color:#fff;background:#ffffff26;border:1px solid hsl(0 0% 100% / .2);height:2rem;width:2rem;position:relative}.banner-right.svelte-18oq182 .theme-toggle:hover{background:#ffffff40;color:#fff}.dark .banner-right.svelte-18oq182 .theme-toggle{background:#3c83f633;border-color:#3c83f64d}.dark .banner-right.svelte-18oq182 .theme-toggle:hover{background:#3c83f64d}.banner-right.svelte-18oq182 .signup-button{background:#fff;color:#0b64f4;font-weight:600;gap:.375rem}.banner-right.svelte-18oq182 .signup-button:hover{background:#fafafa}.dark .banner-right.svelte-18oq182 .signup-button{background:#3c83f6;color:#fff}.dark .banner-right.svelte-18oq182 .signup-button:hover{background:#5593f7}@media(max-width:640px){.demo-banner.svelte-18oq182{padding:.5rem .75rem}.banner-content.svelte-18oq182,.banner-left.svelte-18oq182{gap:.5rem}.user-info.svelte-18oq182{display:none}.page-title-pill.svelte-18oq182{padding:.1875rem .5rem;font-size:.75rem}.menu-text.svelte-18oq182{display:none}}.try-it-layout.svelte-jt8zae{height:100vh;display:flex;flex-direction:column;overflow:hidden}.try-it-main.svelte-jt8zae{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;overflow-x:hidden}