@layer components{.g3-root .g3a-app{--g3a-panel-w:264px;--g3a-panel-bg:oklch(0.135 0.002 286);--g3a-bar-h:56px;display:grid;grid-template-columns:minmax(0,1fr);min-height:100svh}@media (min-width:1024px){.g3-root .g3a-app{grid-template-columns:var(--g3a-panel-w) minmax(0,1fr)}}.g3-root .g3a-panel{position:sticky;top:0;height:100svh;background:var(--g3a-panel-bg);box-shadow:inset -1px 0 0 oklch(var(--foreground)/.06);overflow:hidden;z-index:20}.g3-root .g3a-views{display:grid;grid-template-columns:100% 100%;overflow:hidden}.g3-root .g3a-view{min-height:0;min-width:0;grid-row:1;transition:transform .32s cubic-bezier(.2,.7,.2,1),opacity .24s ease}.g3-root .g3a-view:first-child{grid-column:1}.g3-root .g3a-view:nth-child(2){grid-column:2}.g3-root .g3a-views[data-view=chats] .g3a-view{transform:translateX(-100%)}.g3-root .g3a-views[data-view=build] .g3a-view:nth-child(2),.g3-root .g3a-views[data-view=chats] .g3a-view:first-child{opacity:0}@media (prefers-reduced-motion:reduce){.g3-root .g3a-view{transition:none}}.g3-root .g3a-search{display:flex;width:100%;height:34px;align-items:center;gap:8px;padding-inline:10px;border-radius:9px;background:oklch(var(--foreground)/.045);box-shadow:inset 0 0 0 1px oklch(var(--foreground)/.06);color:oklch(var(--muted-foreground));font-size:13.5px;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.g3-root button.g3a-search:hover{background:oklch(var(--foreground)/.07);color:oklch(var(--foreground))}.g3-root .g3a-search-field:focus-within{box-shadow:inset 0 0 0 1px oklch(var(--foreground)/.2)}@media (max-width:1023px){.g3-root .g3a-search-field input{font-size:16px}}.g3-root .g3a-kbd{display:inline-flex;height:20px;min-width:20px;align-items:center;justify-content:center;padding-inline:5px;border-radius:5px;background:oklch(var(--foreground)/.07);font-family:inherit;font-size:11px;color:oklch(var(--muted-foreground))}.g3-root .g3a-group{padding:18px 18px 6px;font-size:12px;font-weight:500;color:oklch(var(--muted-foreground)/.85)}.g3-root .g3a-row{display:flex;height:36px;align-items:center;gap:2px;padding-right:10px;border-radius:9px;font-size:14px;font-weight:500;color:oklch(var(--muted-foreground));outline:none;transition:background-color .16s ease,color .16s ease,scale .12s ease}.g3-root .g3a-row:hover{background:oklch(var(--foreground)/.045);color:oklch(var(--foreground))}.g3-root .g3a-row:active{scale:.985}.g3-root .g3a-row:focus-visible{box-shadow:inset 0 0 0 2px oklch(var(--ring))}.g3-root .g3a-row[aria-current=page]{background:oklch(var(--foreground)/.07);color:oklch(var(--foreground))}.g3-root .g3a-chev{opacity:.55;transition:transform .2s ease,opacity .16s ease}.g3-root .g3a-row:hover .g3a-chev{opacity:1;transform:translateX(2px)}.g3-root .g3a-badge{display:inline-flex;height:20px;align-items:center;padding-inline:7px;border-radius:999px;background:oklch(var(--g3-light)/.2);color:oklch(.82 .1 264);font-size:11.5px;font-weight:500;white-space:nowrap}.g3-root .g3a-icon-btn{display:inline-flex;width:32px;height:32px;flex-shrink:0;align-items:center;justify-content:center;border-radius:8px;color:oklch(var(--muted-foreground));outline:none;transition:background-color .16s ease,color .16s ease}.g3-root .g3a-icon-btn:hover{background:oklch(var(--foreground)/.06);color:oklch(var(--foreground))}.g3-root .g3a-icon-btn:focus-visible{box-shadow:inset 0 0 0 2px oklch(var(--ring))}.g3-root .g3a-foot-link{height:32px;padding-inline:8px;border-radius:8px;font-size:13px;font-weight:500;color:oklch(var(--muted-foreground));transition:background-color .16s ease,color .16s ease}.g3-root .g3a-foot-link:hover,.g3-root .g3a-foot-link[aria-expanded=true]{background:oklch(var(--foreground)/.05);color:oklch(var(--foreground))}.g3-root .g3a-chat{display:flex;align-items:center;border-radius:8px;color:oklch(var(--muted-foreground));transition:background-color .16s ease,color .16s ease}.g3-root .g3a-chat:focus-within,.g3-root .g3a-chat:hover{background:oklch(var(--foreground)/.045);color:oklch(var(--foreground))}.g3-root .g3a-chat[data-active=true]{background:oklch(var(--foreground)/.07);color:oklch(var(--foreground))}.g3-root .g3a-chat-link{display:flex;min-width:0;flex:1;align-items:center;gap:9px;height:32px;padding-left:9px;padding-right:6px;font-size:13.5px;outline:none}.g3-root .g3a-chat-tools{display:flex;gap:1px;padding-right:3px}.g3-root .g3a-mini-btn{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:6px;color:oklch(var(--muted-foreground));opacity:0;transition:opacity .14s ease,background-color .14s ease,color .14s ease}.g3-root .g3a-chat:focus-within .g3a-mini-btn,.g3-root .g3a-chat:hover .g3a-mini-btn,.g3-root .g3a-mini-btn:focus-visible{opacity:1}.g3-root .g3a-mini-btn:hover{background:oklch(var(--foreground)/.08);color:oklch(var(--foreground))}@media (hover:none){.g3-root .g3a-mini-btn{opacity:.7}}.g3-root .g3a-pop{z-index:50;border-radius:12px;background:oklch(.17 .003 286/.92);backdrop-filter:blur(24px);box-shadow:0 0 0 1px oklch(var(--foreground)/.09),0 24px 60px -20px rgb(0 0 0/.8);animation:g3a-pop .18s cubic-bezier(.2,.7,.2,1) both}@keyframes g3a-pop{0%{opacity:0;transform:translateY(4px) scale(.98)}}.g3-root .g3a-menu-item{display:flex;width:100%;height:34px;align-items:center;padding-inline:10px;border-radius:8px;font-size:13.5px;color:oklch(var(--muted-foreground));transition:background-color .14s ease,color .14s ease}.g3-root .g3a-menu-item:focus-visible,.g3-root .g3a-menu-item:hover{background:oklch(var(--foreground)/.06);color:oklch(var(--foreground));outline:none}.g3-root .g3a-drawer{position:fixed;inset:0;z-index:60;pointer-events:none}.g3-root .g3a-drawer[data-open=true]{pointer-events:auto}.g3-root .g3a-drawer-dim{position:absolute;inset:0;background:rgb(0 0 0/.6);opacity:0;transition:opacity .24s ease}.g3-root .g3a-drawer[data-open=true] .g3a-drawer-dim{opacity:1}.g3-root .g3a-drawer-panel{position:absolute;top:0;left:0;width:min(300px,86vw);transform:translateX(-102%);transition:transform .3s cubic-bezier(.2,.7,.2,1);box-shadow:24px 0 60px -20px rgb(0 0 0/.8)}.g3-root .g3a-drawer[data-open=true] .g3a-drawer-panel{transform:none}.g3-root .g3a-main{min-width:0;display:flex;flex-direction:column}.g3-root .g3a-bar{position:sticky;top:0;z-index:30;display:flex;height:var(--g3a-bar-h);align-items:center;gap:10px;padding-inline:16px;transition:background-color .2s ease,box-shadow .2s ease}@media (min-width:768px){.g3-root .g3a-bar{padding-inline:20px 16px}}.g3-root .g3a-bar[data-scrolled=true]{background:oklch(var(--background)/.82);backdrop-filter:blur(16px)}.g3-root .g3a-avatar{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,oklch(.55 .2 264),oklch(.42 .26 264));color:white;font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1px rgb(255 255 255/.18);outline:none;transition:box-shadow .16s ease}.g3-root .g3a-avatar:focus-visible,.g3-root .g3a-avatar[aria-expanded=true]{box-shadow:inset 0 0 0 1px rgb(255 255 255/.18),0 0 0 2px oklch(var(--ring))}.g3-root .g3a-body{width:100%;max-width:1120px;margin-inline:auto;padding-inline:16px}@media (min-width:768px){.g3-root .g3a-body{padding-inline:40px}}.g3-root .g3a-main .g-wide{max-width:1120px}@media (min-width:768px){.g3-root .g3a-main .g-wide{padding-inline:40px}}.g3-root .g3a-console{position:relative;overflow:hidden;border-radius:var(--g-r-card);background:oklch(.172 .003 286);box-shadow:0 1px 2px rgb(0 0 0/.5),0 40px 90px -40px rgb(0 0 0/.95)}.g3-root .g3a-console:after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px oklch(var(--foreground)/.12),inset 0 1px 0 oklch(var(--foreground)/.07)}.g3-root .g3a-console-head{background:oklch(var(--foreground)/.025);border-bottom:1px solid oklch(var(--foreground)/.09)}.g3-root .g3a-console-side{background:oklch(.155 .003 286);border-color:oklch(var(--foreground)/.09)}.g3-root .g3a-plate{position:relative;background:oklch(var(--card));border-radius:var(--g-r-card);box-shadow:inset 0 0 0 1px oklch(var(--foreground)/.075)}.g3-root .g3a-scene{animation:g3a-scene .36s cubic-bezier(.2,.7,.2,1) both}@keyframes g3a-scene{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.g3-root .g3a-pop,.g3-root .g3a-scene{animation:none}}.g3-root .g3a-caret{display:inline-block;width:.42em;height:.78em;margin-left:.06em;vertical-align:-.04em;background:oklch(var(--g3-light));animation:g3a-blink 1.1s step-end infinite}@keyframes g3a-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.g3-root .g3a-caret{animation:none}}.g3-root .g3a-starter{position:relative;display:flex;height:148px;flex-direction:column;overflow:hidden;border-radius:14px;background:oklch(var(--card));box-shadow:inset 0 0 0 1px oklch(var(--foreground)/.07);text-align:left;outline:none;transition:box-shadow .2s ease}.g3-root .g3a-starter:focus-visible,.g3-root .g3a-starter:hover{box-shadow:inset 0 0 0 1px oklch(var(--foreground)/.16)}.g3-root .g3a-starter img{position:absolute;width:62%;aspect-ratio:4/3;object-fit:cover;border-radius:7px;box-shadow:0 0 0 1px rgb(255 255 255/.1),0 10px 24px -8px rgb(0 0 0/.8);transition:transform .52s cubic-bezier(.34,1.56,.64,1)}.g3-root .g3a-starter img:first-of-type{left:8%;bottom:-20%;transform:rotate(-6deg)}.g3-root .g3a-starter img:nth-of-type(2){right:-8%;bottom:-12%;transform:rotate(5deg)}.g3-root .g3a-starter:hover img:first-of-type{transform:rotate(-2deg) translateY(-10px)}.g3-root .g3a-starter:hover img:nth-of-type(2){transform:rotate(1deg) translateY(-14px)}.g3-root .g3a-building{animation:g3a-breathe 1.6s ease-in-out infinite}@keyframes g3a-breathe{50%{opacity:.45}}.g3-root .g3p-plan{position:relative;background:oklch(var(--card));border-radius:var(--g-r-card);box-shadow:inset 0 0 0 1px oklch(var(--foreground)/.075);transition:box-shadow .32s cubic-bezier(.2,.7,.2,1)}.g3-root .g3p-plan[data-lit=true]{box-shadow:inset 0 0 0 1px oklch(var(--g3-light)/.95),0 18px 60px -18px oklch(var(--g3-light)/.5)}.g3-root .g3p-plan[data-lit=true]:before{content:"";position:absolute;inset-inline:18%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgb(150 175 255/.9),transparent);pointer-events:none}.g3-root .g3p-plan .g3-glow{--glow-x:4%;--glow-h:132px;--glow-blur:26px;--glow-o:0.95}.g3-root .g3p-plan-btn{transition:background-color .26s ease,color .26s ease,box-shadow .26s ease}.g3-root .g3p-plan-btn .g3p-arrow{width:0;opacity:0;margin-left:-8px;translate:-6px 0;transition:width .26s cubic-bezier(.2,.8,.2,1),opacity .2s ease,margin .26s cubic-bezier(.2,.8,.2,1),translate .26s cubic-bezier(.2,.8,.2,1)}.g3-root .g3p-plan-btn:is(:hover,:focus-visible) .g3p-arrow{width:16px;opacity:1;margin-left:0;translate:0 0}.g3-root .g3p-price{font-size:56px;line-height:.9;letter-spacing:-.02em;color:oklch(var(--foreground));font-variant-numeric:tabular-nums}@media (min-width:1024px) and (max-width:1279px){.g3-root .g3p-price{font-size:46px}}.g3-root.px-off .g3p-price{font-family:var(--g-font-display);font-weight:var(--g-h2-weight);letter-spacing:-.04em}.g3-root .g3p-price[data-counting=true]{font-variation-settings:"ELSH" 25}@media (hover:hover){.g3-root .g3p-plan:hover .g3p-price{font-variation-settings:"ELSH" 25}}.g3-root .g3p-stage{background:oklch(.13 .002 286);box-shadow:inset 0 0 0 1px oklch(var(--foreground)/.08),0 50px 120px -50px rgb(0 0 0/.9)}}