.navbar-bar{z-index:50;pointer-events:none;align-items:center;width:100%;padding:1.25rem 1.75rem;display:flex;position:fixed;top:0;left:0}.navbar-logo{pointer-events:auto;align-items:center;gap:.5rem;text-decoration:none;display:flex}.navbar-logo__icon{background-image:var(--gradient-coral);width:1.75rem;height:1.75rem;box-shadow:var(--shadow-pop);border-radius:.5rem;justify-content:center;align-items:center;display:inline-flex;position:relative}.navbar-logo__wordmark{color:hsl(var(--foreground));letter-spacing:-.03em;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700;line-height:1}.hamburger-wrap{z-index:100;flex-direction:row;align-items:center;gap:.6rem;display:flex;position:fixed;top:1.1rem;right:1.5rem}.navbar-signin-pill{border:1.5px solid hsl(var(--border)/.7);background:hsl(var(--card)/.8);-webkit-backdrop-filter:blur(14px)saturate(140%);color:hsl(var(--foreground));white-space:nowrap;border-radius:9999px;align-items:center;padding:.45rem 1rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:border-color .22s,background .22s,box-shadow .22s,color .22s;display:inline-flex;box-shadow:0 2px 12px #0d101c14}.navbar-signin-pill:hover{border-color:hsl(var(--primary)/.45);background:hsl(var(--card));color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.1),0 4px 18px #0d101c1f}.hamburger-group{justify-content:center;align-items:center;display:flex;position:relative}.hamburger-glow{background:hsl(var(--primary)/.35);filter:blur(16px);pointer-events:none;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hamburger-btn{border:1.5px solid hsl(var(--border)/.7);background:hsl(var(--card)/.85);-webkit-backdrop-filter:blur(16px)saturate(150%);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;width:44px;height:44px;transition:border-color .25s,box-shadow .25s,background .25s;display:flex;position:relative;box-shadow:0 4px 20px #0d101c1f,0 1px 2px #0d101c14}.hamburger-btn:hover{border-color:hsl(var(--primary)/.5);box-shadow:0 0 0 4px hsl(var(--primary)/.12),0 8px 28px #0d101c2e;background:hsl(var(--card)/.95)}.hamburger-btn--open{border-color:hsl(var(--primary)/.6);background:hsl(var(--card));box-shadow:0 0 0 4px hsl(var(--primary)/.15),0 8px 28px #0d101c33}.hamburger-icon{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:18px;display:flex}.hamburger-icon span{background:hsl(var(--foreground));transform-origin:50%;border-radius:2px;width:18px;height:1.75px;transition:background .2s;display:block}.hamburger-btn:hover .hamburger-icon span{background:hsl(var(--primary))}.menu-panel{background:hsl(var(--card)/.92);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid hsl(var(--border)/.8);border-radius:1.25rem;width:260px;padding:1rem .5rem .75rem;position:absolute;top:calc(100% + .6rem);right:0;overflow:hidden;box-shadow:inset 0 2px #ffffff8c,0 24px 60px -12px #0d101c47,0 4px 16px #0d101c1a}.menu-panel__header{border-bottom:1px solid hsl(var(--border)/.6);align-items:center;margin-bottom:.4rem;padding:0 .75rem .75rem;display:flex}.menu-panel__label{letter-spacing:.1em;color:hsl(var(--muted-foreground));text-transform:uppercase;font-size:.68rem;font-weight:600}.menu-panel__list{flex-direction:column;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.menu-panel__link{color:hsl(var(--foreground));letter-spacing:-.01em;border-radius:.85rem;justify-content:space-between;align-items:center;padding:.7rem .85rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s,padding-left .18s;display:flex}.menu-panel__link:hover{background:hsl(var(--muted)/.7);padding-left:1.1rem}.menu-panel__link--active{color:hsl(var(--muted-foreground))}.menu-panel__dot{background:hsl(var(--muted-foreground));border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.menu-panel__signin-wrap{border-top:1px solid hsl(var(--border)/.6);margin-top:.6rem;padding:.6rem .5rem .15rem}.menu-panel__signin-btn{width:100%;color:hsl(var(--muted-foreground));letter-spacing:.01em;border-radius:.85rem;justify-content:space-between;align-items:center;padding:.55rem .85rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s;display:flex}.menu-panel__signin-btn:hover{background:hsl(var(--muted)/.7);color:hsl(var(--foreground))}.menu-panel__signin-icon{opacity:.5;width:14px;height:14px}.wip-step{opacity:0;transform:translateY(30px)}.step-1,.step-2,.step-3,.step-4,.step-5{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.hero-main-title,.hero-main-desc{opacity:1;transition:opacity .5s ease-out,transform .5s ease-out}.canvas-container{transition:all .7s ease-out}.tool-btn{cursor:pointer;color:hsl(var(--foreground)/.7);background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.tool-btn:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.tool-btn--active{background:hsl(var(--primary)/.15);color:hsl(var(--primary));font-weight:600}.lottie-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.editor-toolbar,.editor-menu{flex-direction:column;gap:.375rem;display:flex}.editor-menu-item{text-transform:uppercase;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.375rem .75rem;font-size:.625rem;font-weight:600;transition:all .18s;display:flex}.editor-menu-item:hover{background:hsl(var(--muted)/.7)}.editor-menu-item--active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.property-panel{flex-direction:column;gap:.625rem;display:flex}.property-panel__tab{background:hsl(var(--muted)/.4);border-radius:.7rem;gap:.25rem;padding:.3rem;display:flex}.property-panel__tab-btn{text-transform:uppercase;cursor:pointer;color:hsl(var(--muted-foreground));background:0 0;border:none;border-radius:.5rem;flex:1;padding:.375rem;font-size:.5rem;font-weight:600;transition:all .18s}.property-panel__tab-btn--active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.property-panel__row{justify-content:space-between;align-items:center;padding:.375rem 0;font-size:.5rem;display:flex}.property-panel__label{color:hsl(var(--muted-foreground));text-transform:uppercase;align-items:center;gap:.375rem;font-weight:600;display:flex}.property-panel__input{border:1px solid hsl(var(--border)/.6);background:hsl(var(--background));border-radius:.375rem;width:3rem;padding:.25rem .375rem;font-family:JetBrains Mono,monospace;font-size:.5rem}.timeline-controls{align-items:center;gap:.375rem;display:flex}.timeline-play-btn{background:hsl(var(--primary));width:2rem;height:2rem;color:hsl(var(--primary-foreground));cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.timeline-play-btn:hover{background:hsl(var(--primary)/.85);transform:scale(1.05)}.timeline-scrubber{background:hsl(var(--muted));cursor:pointer;border-radius:2px;flex:1;height:4px;position:relative}.timeline-scrubber:before{content:"";background:hsl(var(--primary));cursor:grab;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%)}.icon-small{stroke-width:1.5px;width:12px;height:12px}.animate-scroll-pill{animation:1.8s cubic-bezier(.16,1,.3,1) infinite scroll-pill}@keyframes scroll-pill{0%{transform-origin:top;transform:scaleY(0)}35%{transform-origin:top;transform:scaleY(1)}36%{transform-origin:bottom;transform:scaleY(1)}70%,to{transform-origin:bottom;transform:scaleY(0)}}.perspective-2000{perspective:2000px;perspective-origin:50%}.preserve-3d{transform-style:preserve-3d}.tablet-lying{transform:rotateX(30deg)rotateY(15deg)rotate(-30deg);box-shadow:-10px 20px 40px #0000000d,-20px 40px 80px #00000008}.grid-paper-fine{background-image:linear-gradient(hsl(var(--grid)/.45)1px,transparent 1px),linear-gradient(90deg,hsl(var(--grid)/.45)1px,transparent 1px);background-size:16px 16px}.float-y{animation:6s ease-in-out infinite floatY}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sticker{z-index:0;pointer-events:none;filter:drop-shadow(0 20px 40px #00000014);transition:all 1s;position:absolute}.bottom-pill{background-color:#0003;border-radius:9999px;width:50px;height:5px}.dark .bottom-pill{background-color:#fff3}