.webpage-typography{-webkit-font-smoothing:antialiased;font-feature-settings:"calt" 1, "liga" 1;--web-display-size:clamp(2rem, 1.375rem + 2.56vw, 3.75rem);--web-section-size:clamp(1.5rem, 1.36rem + .575vw, 1.875rem)}.webpage-typography .web-type-display{text-wrap:balance;font-size:var(--web-display-size);letter-spacing:-.03em;font-weight:500;line-height:1.14}.webpage-typography .web-type-section{text-wrap:balance;font-size:var(--web-section-size);letter-spacing:-.01em;font-weight:500;line-height:1.32}.webpage-typography .web-type-title{letter-spacing:-.01em;font-size:1.125rem;font-weight:500;line-height:1.32}.webpage-typography .web-type-body{color:var(--foreground);letter-spacing:-.01em;font-size:1.0625rem;font-weight:400;line-height:1.647}.webpage-typography .web-type-label{letter-spacing:normal;font-size:.875rem;font-weight:500;line-height:1.4}@media (width>=48rem){.webpage-typography .web-type-display{line-height:1.02}}.webpage-typography .webpage-sections{flex-direction:column;gap:5rem;padding-bottom:5rem;display:flex}@media (width>=48rem){.webpage-typography .webpage-sections{gap:7.5rem;padding-bottom:7.5rem}}.webpage-typography .webpage-sections.webpage-bands{gap:0;padding-bottom:0}.webpage-typography .webpage-band{background:var(--page);width:100%;padding-block:7.5rem}.webpage-typography .webpage-band-muted{background:var(--muted)}.webpage-typography .webpage-pricing-intro{padding-bottom:0}.webpage-typography .webpage-pricing-plans{padding-top:2rem}@media (width>=48rem){.webpage-typography .webpage-pricing-plans{padding-top:3rem}}.webpage-typography .web-type-intro{color:var(--foreground);text-wrap:pretty}.webpage-typography .webpage-directory-intro{padding-bottom:0}.webpage-typography .webpage-directory-content,.webpage-typography .webpage-use-case-content{padding-top:2rem}@media (width>=48rem){.webpage-typography .webpage-directory-content,.webpage-typography .webpage-use-case-content{padding-top:3rem}}.webpage-typography .webpage-use-case-intro{padding-bottom:4rem}@media (width>=48rem){.webpage-typography .webpage-use-case-intro{padding-bottom:5rem}}.webpage-typography .web-type-card-title{letter-spacing:-.02em;text-wrap:pretty;color:var(--foreground);font-size:1.375rem;font-weight:500;line-height:1.3}.webpage-typography .web-type-card-description{letter-spacing:-.01em;color:color-mix(in oklab, var(--foreground) 78%, var(--page));font-size:1rem;font-weight:400;line-height:1.625}.webpage-typography .webpage-program-intro{padding-bottom:2rem}.webpage-typography .webpage-program-content{padding-top:2rem}@media (width>=48rem){.webpage-typography .webpage-program-intro{padding-bottom:3rem}.webpage-typography .webpage-program-content{padding-top:3rem}}.webpage-typography .webpage-announcement-link{color:#06c}.dark .webpage-typography .webpage-announcement-link{color:#2997ff}.webpage-typography{--web-scene-height:28.25rem;--web-scene-compact-height:19.75rem;--web-scene-wide-height:24.75rem;--web-scene-phone-height:23.75rem;--web-publish-height:20.875rem;--web-blog-scene-height:30rem;--web-blog-scene-phone-height:31.25rem;--web-blog-document-height:17.5rem;--web-blog-document-phone-height:16.25rem;--web-blog-cover-height:8.75rem;--web-blog-cover-phone-height:6.875rem;--web-featured-shadow:0 19.2px 48px color-mix(in oklab, var(--foreground) 9%, transparent)}.webpage-typography:not(.webpage-home):not(.webpage-gallery){--page:var(--background)}.webpage-typography .webpage-dividers>:not(:last-child){border-color:color-mix(in oklab, var(--border) 50%, transparent)}.webpage-typography .webpage-card{corner-shape:round;border-radius:1.3rem}.webpage-typography .webpage-pill{corner-shape:round;border-radius:2.5rem}.webpage-typography .webpage-media,.webpage-typography .webpage-featured-preview{corner-shape:round;border-radius:6px}.webpage-typography .webpage-featured-preview{box-shadow:var(--web-featured-shadow)}.webpage-gallery main img[alt$=preview]{corner-shape:round;border-radius:6px}.webpage-typography.webpage-home h1,.webpage-typography .webpage-overview-hero h1{font-weight:500}.webpage-typography.webpage-home h1+p,.webpage-gallery main h1+p,.webpage-gallery main [data-slot=collapsible-content] p{color:var(--foreground)}.webpage-gallery main div:has(>div>h1)>p{color:var(--foreground)}.webpage-typography .pricing-faq-answer p,.webpage-typography #calculator-title+p{color:var(--foreground)}.webpage-gallery main h1,.webpage-typography main h2.truncate{font-weight:500}.webpage-typography .webpage-glass-nav{background:#fafafcf5;box-shadow:0 1px #0000000f}.dark .webpage-typography .webpage-glass-nav{background:#161617f5;box-shadow:0 1px #ffffff1f}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.webpage-typography .webpage-glass-nav{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#fafafccc}.dark .webpage-typography .webpage-glass-nav{background:#161617cc}}.webpage-nav-row{transition:height var(--motion-duration-slow) var(--motion-ease-standard)}@media (width>=900px){[data-nav-compact=true] .webpage-nav-row{height:48px}[data-nav-compact=true] .webpage-nav-row nav button,[data-nav-compact=true] .webpage-nav-row nav a{height:32px}}@media (width<=899px){[data-nav-compact=true] .webpage-nav-row{height:56px}}@media (prefers-reduced-motion:reduce){.webpage-nav-row{transition:none}}.webpage-nav-logo{transform-origin:0;transition:transform var(--motion-duration-slow) var(--motion-ease-standard)}.webpage-nav-row nav a,.webpage-nav-row nav button,.webpage-nav-actions>div>a{transition-property:height,font-size,padding,background-color,color;transition-duration:var(--motion-duration-slow);transition-timing-function:var(--motion-ease-standard)}[data-nav-compact=true] .webpage-nav-logo{transform:scale(.8)}[data-nav-compact=true] .webpage-nav-row nav a,[data-nav-compact=true] .webpage-nav-row nav button{padding-inline:12px;font-size:12px}[data-nav-compact=true] .webpage-nav-actions>div>a{height:32px;padding-inline:14px;font-size:12px}@media (width<=899px){[data-nav-compact=true] .webpage-nav-actions>div>a{height:36px}}@media (prefers-reduced-motion:reduce){.webpage-nav-logo,.webpage-nav-row nav a,.webpage-nav-row nav button,.webpage-nav-actions>div>a{transition:none}}.webpage-typography.webpage-glass-dropdown{background:#fafafcf5}.dark .webpage-typography.webpage-glass-dropdown{background:#161617f5}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.webpage-typography.webpage-glass-dropdown{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#fafafccc}.dark .webpage-typography.webpage-glass-dropdown{background:#161617cc}}.webpage-overview-hero[data-motion-paused=true] .landing-aurora *{animation-play-state:paused}.webpage-typography .webpage-capability-heading-words [data-name=authentication]{color:#06c}.dark .webpage-typography .webpage-capability-heading-words [data-name=authentication]{color:#68aaff}.webpage-typography .webpage-capabilities-rail{--capability-gutter:max(32px, calc((100vw - 1152px) / 2 + 32px));padding-inline:var(--capability-gutter);scroll-padding-inline:var(--capability-gutter);scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;display:flex;overflow-x:auto}.webpage-capabilities-rail::-webkit-scrollbar{display:none}.webpage-typography .webpage-capability-slide{scroll-snap-align:start;flex:0 0 372px}.webpage-typography .webpage-capability-scene{height:var(--web-scene-height);background:var(--muted);background:var(--muted);border-radius:24px;justify-content:center;align-items:center;padding:28px;display:flex;overflow:hidden}.webpage-typography .webpage-capability-example{background:var(--background);width:100%;max-width:340px;color:var(--foreground);border-radius:16px;padding:24px}.webpage-capability-symbol{margin-bottom:16px}.webpage-typography .webpage-capability-field{border:1px solid var(--border);color:var(--muted-foreground);border-radius:8px;padding:8px 12px;font-size:14px;line-height:20px}.webpage-capability-art{height:92px;color:var(--background);border-radius:10px;align-items:end;padding:12px;font-size:12px;display:flex}.webpage-capability-art-0{background:linear-gradient(155deg, var(--primary), var(--primary))}.webpage-capability-art-1{background:linear-gradient(30deg, var(--primary), var(--primary))}.webpage-capability-art-2{background:linear-gradient(140deg, var(--primary), var(--primary))}.webpage-capability-art-3{background:linear-gradient(40deg, var(--primary), var(--primary))}@media (width<=639px){.webpage-typography .webpage-capabilities-rail{--capability-gutter:20px}.webpage-typography .webpage-capability-scene{height:var(--web-scene-compact-height);padding:20px}.webpage-typography .webpage-capability-example{padding:20px}}.webpage-typography .webpage-capability-slide-wide{flex-basis:696px}.webpage-typography .webpage-capability-slide-wide>div:last-child{max-width:532px}.webpage-typography .webpage-capability-scene-database .webpage-capability-example,.webpage-typography .webpage-capability-scene-forms .webpage-capability-example,.webpage-typography .webpage-capability-scene-media .webpage-capability-example{max-width:500px}@media (width<=767px){.webpage-typography .webpage-capability-slide,.webpage-typography .webpage-capability-slide-wide{flex-basis:260px}.webpage-typography .webpage-capability-scene{height:var(--web-scene-compact-height);padding:14px}.webpage-typography .webpage-capability-example{padding:16px}}.webpage-typography .webpage-capability-ui-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.webpage-typography .webpage-capability-ui-title{letter-spacing:-.01em;font-size:18px;font-weight:500;line-height:24px}.webpage-typography .webpage-capability-ui-header svg{stroke-width:1.5px;flex-shrink:0}.webpage-typography .webpage-capability-slide{opacity:1}.webpage-typography .webpage-capability-slide[data-clipped=true]{opacity:.8}.webpage-typography .webpage-capability-slide-wide .webpage-capability-example{max-width:500px}.webpage-typography .webpage-capabilities-rail-full{gap:20px}.webpage-typography .webpage-capabilities-rail-full .webpage-capability-slide{flex-basis:100%}@media (width>=768px){.webpage-typography .webpage-capabilities-rail-full .webpage-capability-scene{aspect-ratio:1.85;height:auto;min-height:var(--web-scene-wide-height)}}@media (width<=767px){.webpage-typography .webpage-capabilities-rail-full .webpage-capability-slide{flex-basis:calc(100% - 20px)}.webpage-typography .webpage-capabilities-rail-full [data-capability=ai-image] .ai-demo{max-height:var(--web-blog-cover-height)}}.webpage-typography .webpage-capability-heading-words{vertical-align:bottom;display:inline-grid}.webpage-typography .webpage-capability-heading-words>span{opacity:0;transform:translateY(var(--motion-distance-sm));grid-area:1/1;justify-self:start}.webpage-typography .webpage-capability-heading-words>span[data-active=true]{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.webpage-typography .webpage-capability-heading-words>span{transform:none}}[data-reduced-motion=true] .webpage-typography .webpage-capability-heading-words>span{transform:none}.webpage-typography .webpage-capability-heading-words>span{color:var(--primary)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.webpage-typography .webpage-capability-heading-words>span{background:var(--capability-name-gradient,linear-gradient(110deg, var(--primary), var(--primary), var(--primary)));color:#0000;-webkit-background-clip:text;background-clip:text}}@media (forced-colors:active){.webpage-typography .webpage-capability-heading-words>span{color:canvastext;background:0 0}}.webpage-typography .webpage-capability-heading-words [data-name=database]{--capability-name-gradient:linear-gradient(110deg, var(--chart-1), var(--chart-1))}.webpage-typography .webpage-capability-heading-words [data-name=storage]{--capability-name-gradient:linear-gradient(110deg, var(--chart-2), var(--chart-2))}.webpage-typography .webpage-capability-heading-words [data-name=forms]{--capability-name-gradient:linear-gradient(110deg, var(--chart-3), var(--chart-3))}.webpage-typography .webpage-capability-heading-words [data-name=media]{--capability-name-gradient:linear-gradient(110deg, var(--chart-4), var(--chart-4))}.webpage-typography .webpage-capability-heading-words [data-name=publishing]{--capability-name-gradient:linear-gradient(110deg, var(--chart-5), var(--chart-5))}.webpage-typography .webpage-media-size-original{color:var(--destructive)}.webpage-typography .webpage-media-size-optimized{color:var(--success)}@media (forced-colors:active){.webpage-typography .webpage-media-size-original,.webpage-typography .webpage-media-size-optimized{color:canvastext}}.webpage-typography .webpage-build-selected{outline:1px solid var(--ring);outline-offset:2px}.webpage-typography .webpage-build-pointer{color:var(--ring)}.webpage-typography .webpage-design-canvas{border:1px solid color-mix(in oklab, var(--background) 14%, transparent);background:var(--foreground);color:var(--background);border-radius:12px;overflow:hidden}.webpage-typography .webpage-design-site-nav{border-bottom:1px solid color-mix(in oklab, var(--background) 12%, transparent);color:var(--muted-foreground);justify-content:space-between;padding:12px 20px;font-size:12px;font-weight:500;display:flex}.webpage-typography .webpage-design-page{grid-template-columns:minmax(0,1fr) 125px;align-items:center;gap:20px;padding:24px 20px;display:grid}.webpage-typography .webpage-design-heading{letter-spacing:-.025em;margin:0;font-size:28px;font-weight:500;line-height:1.12}.webpage-typography .webpage-design-selected{margin-top:54px;position:relative}.webpage-typography .webpage-design-selected>button{margin:0;font-size:12px;line-height:18px}.webpage-typography .webpage-design-annotation{width:min(300px,100% + 8px);height:40px;box-shadow:0 4px 12px color-mix(in oklab, var(--foreground) 12%, transparent);border-radius:999px;align-items:center;gap:6px;padding:6px 6px 6px 12px;display:flex;position:absolute;bottom:calc(100% + 12px);left:-4px}.webpage-typography .webpage-design-photo{object-fit:cover;border-radius:8px;width:100%;height:200px}.webpage-typography .webpage-design-site-cta{background:var(--background);color:var(--foreground);border-radius:999px;margin-top:18px;padding:7px 12px;font-size:12px;display:inline-block}@media (width<=767px){.webpage-typography .webpage-design-site-nav{padding:8px 12px}.webpage-typography .webpage-design-page{padding:16px 12px;display:block}.webpage-typography .webpage-design-heading{font-size:22px;line-height:24px}.webpage-typography .webpage-design-selected{margin-top:50px}.webpage-typography .webpage-design-photo{display:none}.webpage-typography .webpage-design-site-cta{margin-top:12px;padding:5px 10px}}@media (forced-colors:active){.webpage-typography .webpage-design-selected{outline-color:highlight}}@media (width<=767px){.webpage-typography .webpage-publish-toolbar{gap:8px}.webpage-typography .webpage-publish-toolbar [aria-label=Copy\ link],.webpage-typography .webpage-publish-toolbar [aria-label=Link\ copied]{display:none}.webpage-typography .webpage-publish-toolbar>div>div{grid-template-columns:minmax(0,1fr);padding-inline:8px}.webpage-typography .webpage-publish-toolbar>div>div>span{display:none}}.webpage-typography .webpage-design-selected>button{color:var(--muted-foreground)}.webpage-typography .webpage-design-annotation{background:var(--background);border-color:color-mix(in oklab, var(--foreground) 14%, transparent);color:var(--foreground)}.webpage-typography .webpage-design-annotation input{color:var(--foreground)}.webpage-typography .webpage-design-annotation input::placeholder{color:var(--muted-foreground)}.webpage-typography .webpage-design-annotation button{background:var(--foreground);color:var(--background)}.webpage-typography [data-design-preview] .webpage-design-annotation{cursor:default}@media (hover:hover) and (pointer:fine){.webpage-typography [data-design-preview]{cursor:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='26'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23FF0088'%20stroke='%23fff'%20stroke-width='1.25'%20stroke-linejoin='round'%20d='M7.9%2020A9%209%200%201%200%204%2016.1L2%2022Z'/%3E%3C/svg%3E") 3 23,auto;border-radius:12px}.webpage-typography [data-design-preview] [data-design-element]:hover{outline:2px solid var(--ring);outline-offset:-2px}.webpage-typography [data-design-preview]:hover:not(:has([data-design-element]:hover,.webpage-design-annotation:hover)){outline:2px solid var(--ring);outline-offset:-2px}}.webpage-typography .webpage-publish-scene{padding:24px 16px}.webpage-typography .webpage-publish-scene .webpage-product-demo{max-width:360px}.webpage-typography .webpage-publish-panel{justify-content:center}@keyframes webpage-publish-invitation{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.025)}}@media (prefers-reduced-motion:no-preference){.webpage-typography .webpage-publish-panel[data-ready] button.w-full:not(.webpage-publish-action){animation:webpage-publish-invitation calc(var(--motion-duration-reveal) * 4) var(--motion-ease-standard) 3}}.webpage-typography [data-design-preview] .webpage-design-annotation *{cursor:default}.webpage-typography .website-publish-state-body{gap:20px;padding:32px 24px 24px}.webpage-typography .website-publish-progress-body{gap:24px}.webpage-typography .website-publish-state-heading{gap:16px}.webpage-typography .website-publish-copy>div>p.border-t,.webpage-typography .website-publish-copy .mt-auto.border-t{padding:12px 24px;line-height:1.5}@media (width<=767px){.webpage-typography .webpage-publish-panel{zoom:.68;width:147.059%}}.webpage-typography .webpage-design-canvas{position:relative}.webpage-typography [data-design-chosen=true]{outline:2px solid var(--ring);outline-offset:2px}.webpage-typography [data-design-preview] .webpage-design-annotation input{cursor:text}.webpage-typography [data-design-preview] .webpage-design-annotation button{cursor:pointer}.webpage-typography .webpage-publish-panel .content-start{align-content:center}.webpage-typography .webpage-publish-scene,.webpage-typography .webpage-publish-scene button:not(:disabled),.webpage-typography .webpage-publish-scene a{cursor:pointer}.webpage-typography .webpage-publish-success{min-height:var(--web-publish-height)}@keyframes webpage-publish-cursor-arrive{0%{opacity:0;transform:translate(80px,45px)}15%{opacity:1}80%,to{opacity:1;transform:translate(0)}}@keyframes webpage-publish-cursor-click{0%{opacity:1;transform:scale(1)}20%{opacity:1;transform:scale(.8)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:translate(8px,8px)}}.webpage-publish-cursor{filter:drop-shadow(0 2px 2px #0000002e);animation:webpage-publish-cursor-arrive calc(var(--motion-duration-reveal) * 2) var(--motion-ease-standard) both;top:50%;left:55%}[data-publish-stage=hovering] .webpage-publish-cursor{opacity:1;animation:none}[data-publish-stage=pressing] .webpage-publish-cursor{animation:none;transform:scale(.85)}[data-publish-stage=hovering] .webpage-publish-action{opacity:.85}[data-publish-stage=pressing] .webpage-publish-action{opacity:.75;transform:scale(.97);box-shadow:inset 0 2px 4px #0003}[data-publish-stage=publishing] .webpage-publish-cursor{animation:webpage-publish-cursor-click var(--motion-duration-reveal) var(--motion-ease-standard) both}@media (prefers-reduced-motion:reduce){.webpage-publish-cursor{display:none}}.webpage-typography .webpage-publish-panel{transition:height var(--motion-duration-reveal) var(--motion-ease-enter)}@media (prefers-reduced-motion:reduce){.webpage-typography .webpage-publish-panel{transition:none}}.webpage-typography .webpage-analytics-example{max-width:500px;padding:20px}.webpage-typography .webpage-analytics-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.webpage-typography .webpage-analytics-traffic{margin-top:16px}.webpage-typography .webpage-analytics-bars{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.webpage-typography .webpage-analytics-day{text-align:center;color:var(--muted-foreground);gap:4px;font-size:12px;display:grid}.webpage-typography .webpage-analytics-bar-track{border-bottom:1px solid var(--border);justify-content:center;align-items:end;height:56px;display:flex}.webpage-typography .webpage-analytics-bar{background:var(--primary);border-radius:4px 4px 0 0;width:20px}@media (width<=767px){.webpage-typography .webpage-analytics-scene .webpage-analytics-example{zoom:.68;flex-shrink:0;width:147.059%;max-width:none;padding:16px}.webpage-typography .webpage-analytics-metrics dt{font-size:11px}.webpage-overview .webpage-band{padding-block:64px}.webpage-overview .web-type-section{text-wrap:balance;font-size:28px;line-height:1.18}.webpage-overview .webpage-capabilities-rail{--capability-gutter:20px;overscroll-behavior-x:contain;gap:16px;margin-top:32px}.webpage-overview .webpage-capabilities-rail .webpage-capability-slide{flex-basis:calc(100vw - 64px);min-width:0}.webpage-overview .webpage-capability-scene{height:var(--web-scene-phone-height);border-radius:20px;padding:16px}.webpage-overview .webpage-capability-example{min-width:0;padding:16px}.webpage-overview .webpage-capability-ui-header{gap:8px;margin-bottom:16px}.webpage-overview .webpage-capability-ui-title{font-size:16px;line-height:22px}.webpage-overview .webpage-capability-slide>div:last-child{padding-inline:0;padding-top:16px}.webpage-overview .webpage-capabilities-rail+div button{width:44px;height:44px}.webpage-overview .webpage-product-demo textarea,.webpage-overview .webpage-design-annotation input{font-size:16px}.webpage-overview .webpage-publish-panel,.webpage-overview .webpage-analytics-scene .webpage-analytics-example{zoom:1;width:100%}.webpage-overview .webpage-publish-panel button{min-height:36px}.webpage-overview .webpage-publish-panel button.w-full{min-height:44px}.webpage-overview .webpage-analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.webpage-overview .webpage-analytics-metrics dt{font-size:12px}.webpage-overview .webpage-capabilities-rail-full [data-capability=ai-image] .ai-demo{max-height:220px}.webpage-overview .webpage-design-annotation{z-index:2}.webpage-overview footer a,.webpage-overview footer button{min-height:32px}}@media (width>=360px) and (width<=767px){.webpage-overview .webpage-design-page{grid-template-columns:minmax(0,1fr) 80px;gap:12px;display:grid}.webpage-overview .webpage-design-photo{height:160px;display:block}}.webpage-typography .webpage-capability-heading-words [data-name=email]{--capability-name-gradient:linear-gradient(110deg, var(--chart-1), var(--ring))}@media (width<=359px){.webpage-overview .webpage-capability-scene-email .space-y-3{gap:8px;display:grid}.webpage-overview .webpage-capability-scene-email .space-y-3>div{margin-block:0;padding:8px}}.webpage-typography .webpage-blog-studio{border:1px solid var(--border);background:var(--background);width:100%;max-width:580px;color:var(--foreground);border-radius:16px;overflow:hidden}.webpage-typography .webpage-blog-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 20px;font-size:12px;display:flex}.webpage-typography .webpage-blog-workspace{padding:16px 20px}.webpage-typography .webpage-blog-prompt{border:1px solid var(--border);background:var(--popover);color:var(--popover-foreground);box-shadow:var(--web-featured-shadow);border-radius:24px;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:10px;display:flex}.webpage-typography .webpage-blog-prompt textarea{resize:none;background:0 0;outline:none;width:100%;font-size:14px;line-height:20px}.webpage-typography .webpage-blog-generate{background:var(--foreground);min-height:32px;color:var(--background);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.webpage-typography .webpage-blog-generate:disabled{opacity:.65;cursor:default}.webpage-typography .webpage-blog-generate:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.webpage-typography .webpage-blog-document{overscroll-behavior:contain;scrollbar-width:thin;height:230px;margin-top:16px;padding:0 8px 12px;overflow-y:auto}.webpage-typography .webpage-blog-byline{letter-spacing:.08em;color:var(--muted-foreground);margin-block:12px 8px;font-size:10px}.webpage-typography .webpage-blog-document h3{letter-spacing:-.02em;font-family:Georgia,serif;font-size:25px;font-weight:500;line-height:1.15}.webpage-typography .webpage-blog-document h4{margin-top:12px;font-family:Georgia,serif;font-size:16px;line-height:1.3}.webpage-typography .webpage-blog-document>p:not(.webpage-blog-byline){margin-top:10px;font-family:Georgia,serif;font-size:14px;line-height:1.6}.webpage-typography .webpage-blog-cover{background:var(--muted);border-radius:8px;height:96px;position:relative;overflow:hidden}.webpage-typography .webpage-blog-cover img{object-fit:cover;opacity:0;filter:blur(10px);width:100%;height:100%;transition:opacity var(--motion-duration-reveal) var(--motion-ease-enter), filter var(--motion-duration-reveal) var(--motion-ease-enter)}.webpage-typography .webpage-blog-cover img[data-visible=true]{opacity:1;filter:none}.webpage-typography .webpage-blog-cover-placeholder{color:var(--muted-foreground);justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;inset:0}@media (width<=767px){.webpage-overview .webpage-blog-scene{height:460px;padding:12px}.webpage-overview .webpage-blog-workspace{padding:12px}.webpage-overview .webpage-blog-toolbar{padding:10px 12px}.webpage-overview .webpage-blog-prompt textarea{font-size:16px}.webpage-overview .webpage-blog-generate{min-height:44px}.webpage-overview .webpage-blog-document{height:210px;padding-inline:2px}.webpage-overview .webpage-blog-document h3{font-size:23px}}@media (prefers-reduced-motion:reduce){.webpage-typography .webpage-blog-cover img{filter:none;transition:none}}@media (width>=768px){.webpage-typography .webpage-capabilities-rail-full .webpage-blog-scene{min-height:var(--web-blog-scene-height)}}.webpage-typography .webpage-blog-scene{position:relative}.webpage-typography .webpage-blog-studio{max-width:580px}.webpage-typography .webpage-blog-input-column{z-index:3;width:min(340px,100% - 48px);position:absolute;bottom:32px;left:max(24px,50% - 350px)}.webpage-typography .webpage-blog-prompt>label{width:100%;color:var(--muted-foreground);padding:2px 2px 0;font-size:10px;font-weight:500}.webpage-typography .webpage-blog-prompt{border-radius:18px;padding:12px}.webpage-typography .webpage-blog-prompt textarea{font-size:13px;line-height:19px}.webpage-typography .webpage-blog-workspace{padding:20px 24px;display:block}.webpage-typography .webpage-blog-document{height:var(--web-blog-document-height);border:0;margin-top:0;padding:0 4px 16px}.webpage-typography .webpage-blog-cover{height:var(--web-blog-cover-height)}@media (width<=767px){.webpage-overview .webpage-blog-scene{height:var(--web-blog-scene-phone-height);padding:20px 12px 120px}.webpage-overview .webpage-blog-input-column{width:calc(100% - 24px);bottom:12px;left:12px}.webpage-overview .webpage-blog-workspace{padding:12px}.webpage-overview .webpage-blog-document{height:var(--web-blog-document-phone-height);padding-inline:2px}.webpage-overview .webpage-blog-cover{height:var(--web-blog-cover-phone-height)}}.webpage-typography .webpage-design-heading,.webpage-typography .webpage-design-selected>button{text-align:left}.webpage-typography .webpage-design-site-nav,.webpage-typography .webpage-design-selected>button{color:color-mix(in oklab, var(--background) 75%, var(--foreground))}.webpage-typography .webpage-design-photo{border-radius:8px;overflow:hidden}