.font-display{font-family:"Aeonik", var(--font-dm-sans), "DM Sans", system-ui, sans-serif;letter-spacing:-.045em;font-weight:700}.font-sans-dm{font-family:var(--font-dm-sans), "DM Sans", system-ui, sans-serif}.font-mono-jb{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}body[data-scroll-locked]{margin-right:0!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #0062ff00}50%{box-shadow:0 0 0 6px #0062ff0f}}@keyframes floatDot{0%,to{opacity:.4;transform:translateY(0)scale(1)}50%{opacity:.7;transform:translateY(-8px)scale(1.1)}}@keyframes borderGlow{0%,to{border-color:#0062ff33}50%{border-color:#0062ff80}}.animate-fade-up{animation:.75s cubic-bezier(.32,.72,0,1) both fadeUp}.animate-fade-up-1{animation:.75s cubic-bezier(.32,.72,0,1) 60ms both fadeUp}.animate-fade-up-2{animation:.75s cubic-bezier(.32,.72,0,1) .14s both fadeUp}.animate-fade-up-3{animation:.75s cubic-bezier(.32,.72,0,1) .24s both fadeUp}.animate-fade-up-4{animation:.75s cubic-bezier(.32,.72,0,1) .34s both fadeUp}.animate-fade-in{animation:.9s cubic-bezier(.32,.72,0,1) .45s both fadeIn}@media (prefers-reduced-motion:reduce){.animate-fade-up,.animate-fade-up-1,.animate-fade-up-2,.animate-fade-up-3,.animate-fade-up-4,.animate-fade-in{opacity:1;animation:none;transform:none}.hero-popout{opacity:0;animation:none}}.hero-shell{isolation:isolate;position:relative;overflow:hidden}.hero-stage{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-height:min(100dvh - 4.5rem,820px);padding:2.5rem 1.25rem 2.75rem;display:flex;position:relative}@media (min-width:640px){.hero-stage{min-height:min(100dvh - 5.25rem,860px);padding:3.5rem 1.5rem 3.75rem}}@media (min-width:1024px){.hero-stage{padding-top:4.75rem;padding-bottom:5rem}}.hero-popout-layer{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:visible}.hero-popout{aspect-ratio:16/9;border:1px solid hsl(var(--border) / .8);background:hsl(var(--muted) / .35);width:clamp(120px,16vw,196px);box-shadow:0 16px 40px -22px #0f172a61, 0 0 0 1px hsl(var(--background));pointer-events:auto;cursor:pointer;will-change:transform, opacity;border-radius:14px;padding:0;line-height:0;transition:box-shadow .18s,border-color .18s;animation:3.6s cubic-bezier(.32,.72,0,1) forwards heroPopoutLife;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.hero-popout:hover,.hero-popout:focus-visible{z-index:4;border-color:hsl(var(--primary) / .45);box-shadow:0 20px 44px -18px #0f172a6b, 0 0 0 1px hsl(var(--primary) / .18)}.dark .hero-popout{box-shadow:0 18px 44px -20px #000000b8, 0 0 0 1px hsl(var(--border) / .45)}.dark .hero-popout:hover,.dark .hero-popout:focus-visible{box-shadow:0 22px 48px -16px #000000d1, 0 0 0 1px hsl(var(--primary) / .28)}.hero-popout-image-wrap{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.hero-popout-image{pointer-events:none;object-fit:cover;object-position:top center;display:block}@keyframes heroPopoutLife{0%{opacity:0;filter:blur(6px);transform:translate(-50%, -50%) translate(var(--popout-entry-x,0px), var(--popout-entry-y,16px)) scale(calc(.76 * var(--popout-scale,1))) rotate(calc(var(--popout-rotate,0deg) - 5deg))}10%{opacity:0;filter:blur(4px)}18%{opacity:.98;filter:blur();transform:translate(-50%, -50%) translate(0, 0) scale(var(--popout-scale,1)) rotate(var(--popout-rotate,0deg))}68%{opacity:.98;filter:blur();transform:translate(-50%, -50%) translate(calc(var(--popout-drift-x,0px) * .55), var(--popout-drift-y,-8px)) scale(calc(1.06 * var(--popout-scale,1))) rotate(calc(var(--popout-rotate,0deg) + 1.5deg))}to{opacity:0;filter:blur(3px);transform:translate(-50%, -50%) translate(var(--popout-drift-x,0px), calc(var(--popout-drift-y,-8px) - 12px)) scale(calc(.84 * var(--popout-scale,1))) rotate(calc(var(--popout-rotate,0deg) - 2deg))}}.hero-copy{z-index:3;text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:42rem;padding-top:clamp(1rem,4vh,2.5rem);display:flex;position:relative}@media (min-width:640px){.hero-copy{gap:1.15rem}}.hero-brand{font-family:"Aeonik", var(--font-dm-sans), "DM Sans", system-ui, sans-serif;letter-spacing:-.06em;color:hsl(var(--foreground));text-wrap:balance;font-size:clamp(2.85rem,8.5vw,4.75rem);font-weight:700;line-height:.9;display:block}.hero-headline{font-family:"Aeonik", var(--font-dm-sans), "DM Sans", system-ui, sans-serif;letter-spacing:-.035em;color:hsl(var(--foreground) / .9);text-wrap:balance;margin-top:.15rem;font-size:clamp(1.45rem,3.8vw,2.15rem);font-weight:500;line-height:1.15;display:block}.hero-headline em{color:#0062ff;font-style:italic;font-weight:500}.dark .hero-headline em{color:#0ca8ff}.hero-support{letter-spacing:-.011em;max-width:38ch;color:hsl(var(--muted-foreground) / .82);text-wrap:pretty;margin-inline:auto;font-size:.95rem;line-height:1.6}@media (min-width:640px){.hero-support{font-size:1.0625rem;line-height:1.65}}.starter-groups{flex-direction:column;align-items:center;gap:.65rem;width:100%;margin-top:1.25rem;display:flex}@media (min-width:640px){.starter-groups{margin-top:1.5rem}}.starter-group{justify-content:center;align-items:center;gap:.35rem;width:100%;display:flex}.starter-label{color:#0062ff;font-family:var(--font-dm-sans), "DM Sans", system-ui, sans-serif;letter-spacing:.055em;text-transform:uppercase;flex-shrink:0;margin-right:.15rem;font-size:.625rem;font-weight:650;line-height:1}.dark .starter-label{color:#0ca8ff}.starter-rail{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;min-width:0;display:flex}.starter-link{color:hsl(var(--muted-foreground) / .92);font-family:var(--font-dm-sans), "DM Sans", system-ui, sans-serif;letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;padding:.45rem .8rem;font-size:12.5px;font-weight:500;transition:color .25s cubic-bezier(.32,.72,0,1),background-color .25s cubic-bezier(.32,.72,0,1),transform .25s cubic-bezier(.32,.72,0,1),box-shadow .25s cubic-bezier(.32,.72,0,1);display:inline-flex}.starter-link:hover{color:hsl(var(--foreground));background:hsl(var(--muted) / .6);transform:translateY(-1px)}.starter-link:active{transform:translateY(0)scale(.98)}.starter-link:focus-visible{box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 4px #0062ff8c;outline:none}.starter-link.is-active{color:#0062ff;background:#0062ff14;box-shadow:inset 0 0 0 1px #0062ff2e}.dark .starter-link.is-active{color:#0ca8ff;background:#0ca8ff1a;box-shadow:inset 0 0 0 1px #0ca8ff38}@media (max-width:639px){.starter-group{flex-direction:column;gap:.25rem}.starter-label{margin-right:0}}.compose-shell{z-index:3;background:linear-gradient(160deg, hsl(var(--border) / .55), hsl(var(--border) / .15) 45%, hsl(var(--border) / .4));width:100%;max-width:42rem;box-shadow:0 1px 0 hsl(var(--background) / .65) inset, 0 28px 60px -36px #0062ff47, 0 14px 36px -20px #0f172a33;border-radius:24px;padding:5px;position:relative}.dark .compose-shell{background:linear-gradient(160deg, hsl(var(--border) / .7), hsl(var(--border) / .2) 45%, hsl(var(--border) / .45));box-shadow:inset 0 1px #ffffff0a,0 28px 60px -32px #0062ff59,0 14px 36px -18px #0000008c}.compose-box{border-radius:19px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.compose-box:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:0;background:linear-gradient(135deg,#0000 0%,#0062ff2e 50%,#0000 100%);border-radius:20px;padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.compose-box:focus-within:before{opacity:1}.compose-box-inner{background:hsl(var(--background) / .9);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid hsl(var(--border) / .45);border-radius:19px;transition:border-color .25s,box-shadow .25s,min-height .28s cubic-bezier(.22,1,.36,1)}.compose-box-inner:focus-within{border-color:#0062ff66;box-shadow:0 0 0 3px #0062ff0d,inset 0 1px #ffffff59}.compose-box-inner:hover:not(:focus-within){border-color:hsl(var(--border) / .75)}.dark .compose-box-inner{background:hsl(var(--card) / .82)}.dark .compose-box-inner:focus-within{box-shadow:0 0 0 3px #0062ff14,inset 0 1px #ffffff0f}.toolbar-divider{background:hsl(var(--border) / .6);width:1px;height:16px}.compose-toolbar{flex-wrap:wrap;align-items:center;gap:4px;padding:4px 12px 12px;display:flex}.compose-toolbar-leading{display:contents}.compose-toolbar-actions{flex:none;align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.compose-secondary-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.prompt-enhance-action,.integration-modal-trigger{border:1px solid hsl(var(--border) / .55);background:hsl(var(--background) / .72);min-height:36px;color:hsl(var(--muted-foreground));font-family:var(--font-dm-sans), "DM Sans", system-ui, sans-serif;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;font-weight:500;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.prompt-enhance-action:hover,.integration-modal-trigger:hover{border-color:hsl(var(--border));background:hsl(var(--muted) / .55);color:hsl(var(--foreground))}.prompt-enhance-action:focus-visible,.integration-modal-trigger:focus-visible{box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 4px #0062ff80;outline:none}@media (min-width:640px){.compose-toolbar{flex-wrap:nowrap;gap:0}.compose-toolbar-leading{align-items:center;gap:6px;min-width:0;display:flex}.compose-toolbar-actions{display:contents}.compose-upload-control{margin-left:6px}.build-btn{margin-left:auto}}.compose-prompt-slot{min-height:118px;transition:min-height .28s cubic-bezier(.22,1,.36,1)}@media (min-width:640px){.compose-prompt-slot{min-height:90px}}.compose-prompt-slot.is-template{min-height:220px}.compose-prompt-enter{animation:.28s cubic-bezier(.22,1,.36,1) compose-prompt-enter}@keyframes compose-prompt-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.template-editor{padding:14px 16px 10px}.template-editor-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.template-editor-heading{align-items:flex-start;gap:10px;min-width:0;display:flex}.template-editor-icon{color:#0062ff;background:#0062ff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.dark .template-editor-icon{color:#0ca8ff}.template-editor-title{letter-spacing:-.02em;color:hsl(var(--foreground));font-size:13px;font-weight:600}.template-editor-description{color:hsl(var(--muted-foreground) / .85);margin-top:2px;font-size:12px;line-height:1.45}.template-editor-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.template-research-badge{letter-spacing:.02em;color:#0062ff;background:#0062ff0f;border:1px solid #0062ff38;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.dark .template-research-badge{color:#0ca8ff}.template-exit-btn{border:1px solid hsl(var(--border) / .65);background:hsl(var(--background) / .7);color:hsl(var(--muted-foreground));border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;transition:all .18s;display:inline-flex}.template-exit-btn:hover{color:hsl(var(--foreground));border-color:hsl(var(--border))}.template-editor-body{color:hsl(var(--foreground) / .92);padding-top:4px;font-size:15px;line-height:1.85}.template-editor-text{white-space:pre-wrap}.template-field{vertical-align:baseline;align-items:baseline;max-width:100%;margin:0;padding-bottom:2px;transition:padding-bottom .28s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.template-field.is-focused,.template-field.has-value{padding-bottom:18px}.template-field-measure{z-index:-1;visibility:hidden;white-space:pre;font:inherit;pointer-events:none;padding:0 4px 2px;font-weight:400;position:absolute;top:0;left:0}.template-field.has-value .template-field-measure{font-weight:500}.template-field.is-url .template-field-measure{font-size:14px;font-weight:400}.template-field-input{box-sizing:border-box;vertical-align:baseline;width:8ch;min-width:4ch;max-width:min(100%,52ch);font:inherit;line-height:inherit;color:hsl(var(--foreground));field-sizing:content;background:#0062ff0d;border:0;border-bottom:1.5px dashed #0062ff59;border-radius:6px 6px 0 0;outline:none;margin:0;padding:0 4px 2px;transition:background-color .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1);display:inline-block}.template-field.is-url .template-field-input{max-width:min(100%,56ch);font-size:14px}.template-field-input::placeholder{color:hsl(var(--muted-foreground) / .55)}.template-field.is-focused .template-field-input,.template-field-input:focus{background:#0062ff1a;border-bottom-style:solid;border-bottom-color:#0062ffbf;box-shadow:0 0 0 3px #0062ff14}.template-field.has-value .template-field-input{background:#0062ff12;border-bottom-color:#0062ff8c;font-weight:500}.template-field-punct{color:inherit;white-space:nowrap;margin:0;padding:0;display:inline}.template-field.has-trailing-punct .template-field-input{border-bottom-right-radius:0;margin-right:0}.template-field-mirror{color:hsl(var(--foreground));white-space:nowrap;border-bottom:1.5px solid #0062ff47;margin:0;padding:0 2px 1px;font-weight:500;display:inline}.template-field-mirror.has-trailing-punct{padding-right:0}.template-field-caption{z-index:2;letter-spacing:.07em;text-transform:uppercase;color:#0062ff;background:hsl(var(--background) / .92);white-space:nowrap;pointer-events:none;opacity:0;border:1px solid #0062ff2e;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:600;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s;position:absolute;bottom:1px;left:0;transform:translateY(6px)scale(.98);box-shadow:0 4px 12px #0062ff14}.template-field-caption.is-visible{opacity:1;transform:translateY(0)scale(1)}.dark .template-field-caption{color:#0ca8ff;background:hsl(var(--card) / .95)}.template-editor-footer{border-top:1px solid hsl(var(--border) / .45);flex-direction:column;gap:6px;margin-top:14px;padding-top:10px;display:flex}.template-field-hints{flex-wrap:wrap;gap:8px 14px;display:flex}.template-field-hint{color:hsl(var(--muted-foreground) / .8);font-size:11px;line-height:1.4}.template-field-hint strong{color:hsl(var(--foreground) / .75);font-weight:600}.template-status{font-size:11px;font-weight:500}.template-status.is-pending{color:hsl(var(--muted-foreground) / .75)}.template-status.is-ready{color:#0062ff}.dark .template-status.is-ready{color:#0ca8ff}.url-strip{border:1px solid hsl(var(--border) / .45);background:hsl(var(--background) / .55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;transition:border-color .25s cubic-bezier(.32,.72,0,1),box-shadow .25s cubic-bezier(.32,.72,0,1),background-color .25s cubic-bezier(.32,.72,0,1)}.url-strip:focus-within{border-color:#0062ff59;box-shadow:0 0 0 3px #0062ff0d}.build-btn{isolation:isolate;color:#fff;font-family:var(--font-dm-sans), "DM Sans", system-ui, sans-serif;letter-spacing:-.01em;border-radius:12px;font-weight:500;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s,filter .24s;position:relative;overflow:hidden}.build-btn:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 34%,#ffffff14 42%,#ffffff85 50%,#93c5fd42 56%,#0000 67%);position:absolute;inset:-80% -30%;transform:translate(-62%)rotate(-8deg)}.build-btn:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 60%);position:absolute;inset:0}.build-btn:hover:not(:disabled){filter:brightness(1.025);transform:translateY(-1px)scale(1.01);box-shadow:0 6px 18px #0062ff3d,inset 0 1px #ffffff2e}.build-btn:active:not(:disabled){transform:translateY(1px)scale(.97)}.build-btn.is-launching{animation:1.65s cubic-bezier(.22,1,.36,1) both build-button-launch}.build-btn.is-launching:before{animation:1.65s cubic-bezier(.22,1,.36,1) both build-launch-sweep}.build-launch-stage{z-index:1;width:24px;height:14px;margin-left:1px;display:block;position:relative}.build-launch-stage:before,.build-launch-stage:after{content:"";z-index:0;opacity:0;pointer-events:none;background:#fff;border-radius:999px;width:3px;height:3px;position:absolute;top:6px;left:8px}.build-launch-stage:before{box-shadow:-5px -5px 0 -.5px #ffffffd1,-8px 4px 0 -.75px #bfdbfeb8,-12px 0 0 -1px #ffffff9e}.build-launch-stage:after{box-shadow:-4px 5px 0 -.5px #ffffffc2,-9px -3px 0 -.75px #bfdbfead}.build-launch-arrow{z-index:2;color:#fff;filter:drop-shadow(0 1px 2px #0000004d);transform-origin:50%;will-change:transform, opacity;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:1.5px;left:1px;width:22px!important;height:11px!important}.build-launch-arrow-main{z-index:3}.build-launch-arrow-trail{z-index:1;opacity:0}.build-btn:hover:not(:disabled) .build-launch-arrow-main,.build-btn:focus-visible:not(:disabled) .build-launch-arrow-main{transform:translate(2px)}.build-btn.is-launching .build-launch-arrow-main{animation:1.65s cubic-bezier(.22,1,.36,1) both build-arrow-launch}.build-btn.is-launching .build-launch-arrow-trail-one{animation:1.45s cubic-bezier(.22,1,.36,1) 80ms both build-arrow-trail}.build-btn.is-launching .build-launch-arrow-trail-two{animation:1.45s cubic-bezier(.22,1,.36,1) .18s both build-arrow-trail}.build-btn.is-launching .build-launch-stage:before{animation:1.3s cubic-bezier(.22,1,.36,1) .24s both build-launch-particles}.build-btn.is-launching .build-launch-stage:after{animation:1.3s cubic-bezier(.22,1,.36,1) .34s both build-launch-particles}@keyframes build-button-launch{0%{transform:translateY(0)scale(1)}18%{transform:translateY(1px)scale(.97)}48%{transform:translateY(-2px)scale(1.035)}to{transform:translateY(0)scale(1)}}@keyframes build-launch-sweep{0%{opacity:0;transform:translate(-62%)rotate(-8deg)}18%{opacity:.9}64%{opacity:.58}to{opacity:0;transform:translate(68%)rotate(-8deg)}}@keyframes build-arrow-launch{0%,14%{opacity:1;transform:translate(0)scaleX(1)}30%{transform:translate(-4px)scaleX(.84)scaleY(1.08)}52%{opacity:1;transform:translate(8px)scaleX(1.16)scaleY(.9)}61%{opacity:0;transform:translate(14px)scaleX(1.2)scaleY(.86)}62%{opacity:0;transform:translate(-12px)scale(.76)}80%{opacity:1;transform:translate(-1px)scale(1.025)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes build-arrow-trail{0%,22%{opacity:0;transform:translate(-10px)scaleX(.52)}42%{opacity:.3;transform:translate(-5px)scaleX(.78)}68%{opacity:0;transform:translate(7px)scaleX(1.06)}to{opacity:0;transform:translate(5px)scaleX(1)}}@keyframes build-launch-particles{0%,28%{opacity:0;transform:translate(-4px)scale(.45)}42%{opacity:.88}64%,to{opacity:0;transform:translate(13px)scale(1.1)}}@media (prefers-reduced-motion:reduce){.build-btn,.build-btn:before,.build-launch-arrow,.build-launch-stage:before,.build-launch-stage:after{transition-duration:.01ms!important;animation:none!important}.build-btn:hover:not(:disabled),.build-btn:active:not(:disabled){transform:none}}.select-trigger-custom{color:hsl(var(--muted-foreground));font-size:13px;font-weight:450;font-family:var(--font-dm-sans), "DM Sans", system-ui, sans-serif;cursor:pointer;letter-spacing:-.01em;border-radius:8px;align-items:center;gap:5px;padding:4px 8px;transition:all .15s;display:inline-flex}.select-trigger-custom:hover{background:hsl(var(--muted) / .7);color:hsl(var(--foreground))}.stat-dot{background:#22c55e;border-radius:50%;width:5px;height:5px;animation:2.4s ease-in-out infinite floatDot;box-shadow:0 0 6px #22c55e80}.screenshot-thumb{border-radius:10px;transition:transform .2s;overflow:hidden;box-shadow:0 2px 12px #00000026}.screenshot-thumb:hover{transform:scale(1.03)}.or-divider{color:hsl(var(--muted-foreground) / .55);font-size:12px;font-family:var(--font-dm-sans), "DM Sans", system-ui, sans-serif;letter-spacing:-.01em;align-items:center;gap:12px;font-weight:500;display:flex}.or-divider:before,.or-divider:after{content:"";background:hsl(var(--border) / .4);flex:1;height:1px}.upload-btn{width:30px;height:30px;color:hsl(var(--muted-foreground));cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.upload-btn:hover{background:hsl(var(--muted) / .7);color:hsl(var(--foreground))}.pro-badge{color:#0062ff;letter-spacing:.03em;font-size:9px;font-weight:600;font-family:var(--font-dm-sans), "DM Sans", system-ui, sans-serif;background:linear-gradient(120deg,#0062ff29,#0ca8ff24);border:1px solid #0062ff40;border-radius:5px;align-items:center;gap:2px;padding:1px 5px 1px 3px;display:inline-flex}.dark .pro-badge{color:#93c5fd;background:linear-gradient(120deg,#0062ff38,#0ca8ff2e);border-color:#0ca8ff4d}.premium-badge{color:#b45309;letter-spacing:.03em;font-size:9px;font-weight:650;font-family:var(--font-dm-sans), "DM Sans", system-ui, sans-serif;background:linear-gradient(120deg,#f59e0b2e,#facc152e);border:1px solid #f59e0b52;border-radius:5px;align-items:center;gap:2px;padding:1px 5px 1px 3px;display:inline-flex}.dark .premium-badge{color:#facc15;background:linear-gradient(120deg,#f59e0b3d,#facc152e);border-color:#facc1557}.model-trigger{background:hsl(var(--muted) / .45);min-width:0;font-family:var(--font-dm-sans), "DM Sans", system-ui, sans-serif;cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:6px;padding:4px 8px 4px 7px;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.model-trigger-value{flex:auto;min-width:0;overflow:hidden}.model-trigger:hover{background:hsl(var(--muted) / .75);border-color:hsl(var(--border) / .7)}.model-trigger[data-state=open]{background:hsl(var(--background));border-color:#0062ff59;box-shadow:0 0 0 3px #0062ff12}.model-status-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 0 2px #22c55e2e}.model-trigger-label{min-width:0;color:hsl(var(--foreground));text-overflow:ellipsis;white-space:nowrap;flex:auto;max-width:88px;font-size:11.5px;font-weight:500;display:block;overflow:hidden}.model-select-content{background:hsl(var(--popover));border:1px solid hsl(var(--border) / .6);transform-origin:var(--radix-select-content-transform-origin);will-change:transform, opacity;border-radius:12px;animation:.16s cubic-bezier(.16,1,.3,1) selectContentIn;overflow:hidden;box-shadow:0 16px 36px -14px #00000047,0 3px 12px #0000000f}.model-select-content[data-state=closed]{animation:.12s ease-in selectContentOut}.model-select-header{border-bottom:1px solid hsl(var(--border) / .5);background:linear-gradient(#0062ff0d,#0000);padding:8px 10px 7px}.model-select-header-title{font-family:var(--font-dm-sans), "DM Sans", system-ui, sans-serif;color:hsl(var(--foreground));font-size:11.5px;font-weight:600}.model-select-header-sub{font-family:var(--font-dm-sans), "DM Sans", system-ui, sans-serif;color:hsl(var(--muted-foreground));margin-top:0;font-size:9.5px}.model-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 6px 7px;font-size:12px;line-height:1.2;transition:background .14s;display:flex;position:relative}.model-item[data-highlighted]{background:linear-gradient(90deg,#0062ff14,#0ca8ff08);outline:none}@keyframes selectContentIn{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes selectContentOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(4px)scale(.98)}}.model-item[data-disabled]{opacity:.45;cursor:not-allowed}.model-item-tier-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.model-item-tier-dot.is-free{background:#22c55e;box-shadow:0 0 0 2px #22c55e24}.model-item-tier-dot.is-pro{background:linear-gradient(135deg,#0062ff,#0ca8ff);box-shadow:0 0 0 2px #0062ff24}.model-item-tier-dot.is-premium{background:linear-gradient(135deg,#f59e0b,#facc15);box-shadow:0 0 0 2px #f59e0b2e}.model-credit-pill{background:hsl(var(--muted) / .6);border-radius:99px;align-items:center;gap:2px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9.5px;font-weight:600;display:inline-flex}.plan-mode-toggle{background:hsl(var(--muted) / .5);font-family:var(--font-dm-sans), "DM Sans", system-ui, sans-serif;letter-spacing:-.01em;color:hsl(var(--muted-foreground));cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:12.5px;font-weight:500;transition:color .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.plan-mode-toggle:hover{color:hsl(var(--foreground))}.plan-mode-toggle.is-active{color:#0062ff;background:#0062ff14;border-color:#0062ff38;box-shadow:0 0 0 1px #0062ff0a}.dark .plan-mode-toggle.is-active{color:#0ca8ff}@media (max-width:639px){.hero-stage{min-height:auto;padding:1.5rem 1rem 2.75rem}.hero-copy{gap:.75rem;padding-top:.5rem}.hero-brand{font-size:clamp(2.65rem,13vw,3.4rem)}.hero-headline{max-width:18ch;margin-inline:auto;font-size:clamp(1.3rem,6.2vw,1.65rem);line-height:1.12}.hero-support{max-width:34ch;font-size:.9rem;line-height:1.55}#builder{padding-top:1.75rem}.compose-shell{border-radius:20px;padding:4px}.compose-box,.compose-box-inner{border-radius:16px}.template-editor{min-width:0;padding:14px 13px 10px}.template-editor-header{flex-direction:column;gap:10px;margin-bottom:14px}.template-editor-heading{width:100%}.template-editor-title{font-size:14px}.template-editor-description{max-width:34ch;font-size:11.5px;line-height:1.4}.template-editor-actions{justify-content:flex-start;width:100%;padding-left:38px}.template-research-badge,.template-exit-btn{min-height:32px;padding:6px 10px}.template-editor-body{overflow-wrap:anywhere;min-width:0;font-size:14px;line-height:1.75}.template-field,.template-field-input{max-width:calc(100vw - 4.75rem)}.template-field-mirror{white-space:normal;overflow-wrap:anywhere}.template-field-hints{flex-direction:column;gap:5px}.toolbar-divider{display:none}.compose-toolbar{gap:6px;padding-inline:10px}.compose-toolbar-leading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6px;width:100%;min-width:0;display:grid}.compose-toolbar-actions{gap:6px;width:100%;margin-left:0}.select-trigger-custom{min-height:34px;padding:6px 8px}.model-trigger{flex:none;width:100%;min-width:72px;max-width:none;min-height:44px;padding-inline:6px}.api-selection-trigger{flex:0 0 44px;justify-content:center;width:44px;height:44px;padding:0}.plan-mode-toggle{flex:none;justify-content:center;gap:4px;width:100%;min-width:76px;height:44px;padding:0 8px;font-size:11px}.prompt-enhance-action,.integration-modal-trigger{width:100%;min-height:44px}.compose-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.upload-btn{flex-shrink:0;width:44px;height:44px}.build-btn{flex:auto;min-width:0;min-height:44px;padding-inline:8px}.model-trigger-label{max-width:none}}.workflow-rail{background:0 0;overflow:visible}.workflow-rail-path{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.workflow-rail-line,.workflow-rail-glow{fill:none;vector-effect:non-scaling-stroke}.workflow-rail-line{stroke:hsl(var(--border));stroke-width:1px}.workflow-rail-glow{stroke:#0062ff1a;stroke-width:12px;filter:blur(5px)}.workflow-beam-path{fill:none;stroke:#bae6fd;stroke-width:2.8px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #fffc)drop-shadow(0 0 8px #0ca8fff2)drop-shadow(0 0 22px #0062ff8c);opacity:0;pointer-events:none;will-change:stroke-width, opacity}.workflow-beam-path-glow{fill:none;stroke:#0062ff80;stroke-width:12px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:blur(6px)drop-shadow(0 0 28px #0062ff80);opacity:0;pointer-events:none;will-change:stroke-width, opacity}.workflow-beam{--beam-energy:0;--beam-position:0%;--beam-offset-x:0px;--beam-angle:0deg;left:calc(50% + var(--beam-offset-x));top:var(--beam-position);z-index:2;width:3.5px;height:clamp(58px,8vh,92px);transform:translate(-50%, -50%) rotate(var(--beam-angle)) scaleY(calc(1 + var(--beam-energy) * .55));transform-origin:50%;filter:drop-shadow(0 0 6px #0062fff2);opacity:0;pointer-events:none;will-change:top, left, transform, opacity;background:linear-gradient(#0000 0%,#0062ff59 22%,#0062ffeb 62%,#0ca8ff 80%,#dbeafefa 90%,#0000 100%);border-radius:999px;position:absolute}.workflow-beam:before{content:"";background:inherit;filter:blur(12px);width:28px;opacity:calc(.35 + var(--beam-energy) * .55);border-radius:999px;position:absolute;inset:8% 50%;transform:translate(-50%)}.workflow-beam:after{content:"";background:#fffffffa;border-radius:999px;width:8px;height:8px;position:absolute;top:82%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #fffffff2,0 0 16px #0ca8fff2,0 0 34px #0062ffcc}.workflow-beam[data-direction=up]{background:linear-gradient(#0000 0%,#dbeafefa 10%,#0ca8ff 20%,#0062ffeb 38%,#0062ff59 78%,#0000 100%)}.workflow-beam[data-direction=up]:after{top:18%}.workflow-media-card{aspect-ratio:127/76;isolation:isolate;transition:translate .28s cubic-bezier(.22,1,.36,1),border-color .28s,background-color .28s,box-shadow .28s}.workflow-media-card>video,.workflow-media-card>img{object-fit:cover;width:100%;height:100%}.workflow-node{transition:translate .26s cubic-bezier(.22,1,.36,1),border-color .26s,box-shadow .26s}.workflow-node[data-zigzag-side=left]{translate:-16px}.workflow-node[data-zigzag-side=right]{translate:16px}@media (hover:hover) and (pointer:fine){.workflow-media-card:hover{background-color:hsl(var(--background) / .92);border-color:#0062ff3d;translate:0 -3px;box-shadow:0 24px 58px -38px #000000b8,0 0 0 1px #0062ff09,0 10px 36px -28px #0062ff6b}.workflow-step:hover .workflow-node{box-shadow:0 0 0 6px hsl(var(--background)), 0 0 32px #0062ff59;border-color:#0062ff7a}}@media (prefers-reduced-motion:reduce){.workflow-beam,.workflow-beam-path,.workflow-beam-path-glow{opacity:.45!important}.workflow-media-card,.workflow-node{transition:none}.workflow-media-card:hover{translate:none}}.flow-rail-track,.flow-rail-progress,.flow-rail-trace{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.flow-rail-track{stroke:hsl(var(--border));stroke-width:1.5px}.flow-rail-trace{stroke:#3b82f647;stroke-width:1.5px;stroke-dasharray:10 8;stroke-dashoffset:54px;animation:2.4s linear infinite flow-rail-trace}.flow-rail-progress{stroke:#3b82f6;stroke-width:2.75px}.flow-rail-progress-glow{fill:none;stroke:#3b82f62e;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.flow-rail-marker{fill:#fff;stroke:#3b82f6;stroke-width:3px;filter:drop-shadow(0 0 10px #3b82f6e6)}.flow-rail-pulse{fill:#3b82f624;stroke:#3b82f647;stroke-width:1px;transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite flow-rail-pulse}.flow-node{position:absolute;transform:translate(-50%,-50%)}.flow-node[data-active=true] .flow-node-ring{animation:3.2s ease-in-out infinite flow-node-pulse}.flow-node[data-complete=true] .flow-node-dot{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.flow-active-card{animation:.36s cubic-bezier(.22,1,.36,1) flow-card-enter}.flow-artifact{opacity:0;animation:.32s forwards flow-artifact-enter}@keyframes flow-card-enter{0%{opacity:.45;transform:translateY(7px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes flow-artifact-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes flow-rail-trace{to{stroke-dashoffset:0}}@keyframes flow-rail-pulse{0%,to{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1.2)}}@keyframes flow-node-pulse{0%,72%,to{box-shadow:0 0 #3b82f600}18%,36%{box-shadow:0 0 0 8px #3b82f61f}}@media (max-width:767px){.flow-node,.flow-node:nth-child(n){position:static;transform:none}.flow-stage{min-height:auto;overflow:visible}.flow-nodes{scrollbar-width:none}.flow-nodes::-webkit-scrollbar{display:none}.flow-rail-trace{animation:none}}@media (prefers-reduced-motion:reduce){.flow-active-card,.flow-rail-marker,.flow-rail-pulse,.flow-rail-trace,.flow-node[data-active=true] .flow-node-ring{animation:none}.flow-artifact{opacity:1;animation:none}}.showcase-rail-viewport{margin-inline:-1rem;touch-action:pan-y;margin-top:.75rem;overflow:hidden}.showcase-rail{cursor:grab;-webkit-user-select:none;user-select:none;grid-auto-columns:min(82vw,22rem);grid-auto-flow:column;gap:1.25rem;width:max-content;max-width:none;padding:0 1rem .75rem;display:grid}.showcase-rail:active{cursor:grabbing}@media (min-width:640px){.showcase-rail{grid-auto-columns:min(76vw,24rem)}}@media (min-width:768px){.showcase-rail--landing{cursor:auto;-webkit-user-select:auto;user-select:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:1.5rem;width:100%;padding:0}.showcase-rail-viewport--landing{margin-inline:0;touch-action:auto;margin-top:3rem;overflow:visible}}@media (min-width:1024px){.showcase-rail--shipped{cursor:auto;-webkit-user-select:auto;user-select:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:3rem 1.5rem;width:100%;padding:0}.showcase-rail-viewport--shipped{margin-inline:0;touch-action:auto;margin-top:3rem;overflow:visible}}@media (prefers-reduced-motion:reduce){.showcase-capabilities{opacity:1;transform:none}.showcase-preview-hint{opacity:0}}