.generator-studio-workspace{--generator-studio-height:var(--site-generator-viewport-height,calc(100dvh - var(--site-header-height) - var(--promo-banner-height,0px)));inline-size:100%;min-inline-size:0;border-block-start:1px solid color-mix(in oklab, var(--border) 58%, transparent);background:var(--background);margin-block-start:calc(0px - var(--site-main-top-gap));overflow:clip;container:generator-studio/inline-size}.generator-studio-grid{min-block-size:max(520px, var(--generator-studio-height));flex-wrap:wrap;align-items:stretch;display:flex}.generator-studio-inspector{border-block-start:1px solid color-mix(in oklab, var(--border) 58%, transparent);background:color-mix(in oklab, var(--background) 97%, var(--muted));scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--border) 80%, transparent) transparent;flex:100%;order:2;min-block-size:0;min-inline-size:0;overflow:visible;container:generator-inspector/inline-size}:is([data-workspace-variant=model-page],[data-workspace-variant=tool-page]) .generator-studio-inspector{border-block-start-color:color-mix(in oklab, var(--border) 78%, transparent);background:linear-gradient(to bottom, color-mix(in oklab, var(--muted) 18%, var(--background)), color-mix(in oklab, var(--muted) 10%, var(--background)));box-shadow:inset -1px 0 0 color-mix(in oklab, var(--border) 38%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.42);scrollbar-color:color-mix(in oklab, var(--border) 88%, transparent) transparent}.generator-studio-action{z-index:30;box-shadow:0 -14px 30px -28px color-mix(in oklab, var(--foreground) 28%, transparent);position:sticky;inset-block-end:0}:is([data-workspace-variant=model-page],[data-workspace-variant=tool-page]) .generator-studio-action{border-block-start:1px solid color-mix(in oklab, var(--border) 70%, transparent);box-shadow:0 -18px 34px -28px color-mix(in oklab, var(--foreground) 34%, transparent);background:color-mix(in oklab, var(--background) 92%, var(--muted))!important}.generator-studio-primary-action{color:#fff;background:oklch(18% 0 0);border:1px solid oklab(100% 0 5.96046e-8/.08);box-shadow:0 10px 28px -18px #000000c7,inset 0 1px #ffffff12}.generator-studio-primary-action:hover{background:oklch(22% 0 0)}.generator-studio-primary-action:disabled{border-color:color-mix(in oklab, var(--border) 55%, transparent);background:color-mix(in oklab, var(--muted) 72%, var(--background));color:var(--muted-foreground);box-shadow:none}.generator-studio-canvas{background:radial-gradient(circle at 50% 34%, color-mix(in oklab, var(--muted) 18%, transparent) 0, transparent 44%), var(--background);flex:100%;order:1;min-block-size:clamp(440px,66dvh,720px);min-inline-size:0}.generator-studio-intro{container-type:inline-size}.generator-workspace-scroll-row{touch-action:pan-x;scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--border) 78%, transparent) transparent;padding-block-end:.3rem}.generator-workspace-scroll-row::-webkit-scrollbar{height:4px}.generator-workspace-scroll-row::-webkit-scrollbar-track{background:0 0}.generator-workspace-scroll-row::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--border) 78%, transparent);border-radius:999px}.generator-workspace-range{cursor:pointer;appearance:none;background:linear-gradient(to right, var(--foreground) 0 var(--range-progress,0%), color-mix(in oklab, var(--border) 72%, transparent) var(--range-progress,0%) 100%);height:5px;accent-color:var(--foreground);border-radius:999px}.generator-workspace-range::-webkit-slider-thumb{appearance:none;border:3px solid var(--background);background:var(--foreground);width:15px;height:15px;box-shadow:0 0 0 1px color-mix(in oklab, var(--border) 65%, transparent), 0 3px 8px -4px color-mix(in oklab, var(--foreground) 45%, transparent);border-radius:999px}.generator-workspace-range::-moz-range-thumb{border:3px solid var(--background);background:var(--foreground);border-radius:999px;width:15px;height:15px}.generator-workspace-image-upload{min-block-size:92px}[data-workspace-variant=model-page] .generator-workspace-image-upload{min-block-size:118px}[data-workspace-variant=model-page] .hero-generator-simple__frame-slot-upload{width:100%;height:auto;min-height:118px}[data-workspace-variant=model-page] .hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-trigger--frame-tile{border-radius:16px;width:100%;height:118px;min-height:118px;padding:.75rem}[data-workspace-variant=model-page] .hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-list{width:100%;height:118px;min-height:118px;margin-top:0}[data-workspace-variant=model-page] .hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-thumb{width:100%;height:118px;box-shadow:0 12px 30px -24px color-mix(in oklab, var(--foreground) 52%, transparent);border-radius:16px}[data-workspace-variant=model-page] .hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-icon{border-radius:.75rem;width:2.5rem;height:2.5rem}[data-workspace-variant=model-page] .hero-generator-simple__frame-slot-upload .hero-generator-simple__frame-tile-label{max-width:100%;color:color-mix(in oklab, var(--foreground) 78%, transparent);font-weight:600}.generator-media-input-grid>*{min-inline-size:0}.generator-media-input-grid[data-count="3"]{gap:.5rem}.generator-media-input-tile__image .hero-generator-simple__upload-trigger--frame-tile{min-block-size:108px}.generator-media-input-tile__image .hero-generator-simple__upload-list{gap:.3rem;margin-block-start:.4rem}.generator-media-input-tile__image .hero-generator-simple__upload-thumb{border-radius:.55rem;block-size:2.5rem;inline-size:2.5rem}@container generator-studio (width>=920px){.generator-studio-grid{block-size:max(560px, var(--generator-studio-height));flex-wrap:nowrap;min-block-size:0}.generator-studio-inspector{overscroll-behavior-y:auto;border-block-start:0;border-inline-end:1px solid color-mix(in oklab, var(--border) 58%, transparent);flex:0 0 clamp(340px,29cqw,400px);order:1;block-size:100%;max-inline-size:400px;overflow-y:auto}:is([data-workspace-variant=model-page],[data-workspace-variant=tool-page]) .generator-studio-inspector{border-inline-end-color:color-mix(in oklab, var(--border) 82%, transparent)}.generator-studio-canvas{overscroll-behavior-y:auto;flex:auto;order:2;block-size:100%;min-block-size:0;overflow-y:auto}}@container generator-studio (width<=919px){.generator-studio-canvas{min-block-size:clamp(420px,58dvh,620px)}.generator-studio-inspector{inline-size:100%}}@container generator-studio (width<=560px){.generator-studio-canvas{min-block-size:390px}.generator-studio-action{padding-block-end:calc(.75rem + env(safe-area-inset-bottom))}}.model-page-mobile-only,[data-workspace-variant=model-page] .model-page-mobile-reference-upload[data-mode=text-to-image]{display:none}.model-mobile-native-scroll{scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.model-mobile-native-scroll::-webkit-scrollbar{display:none}.model-mobile-native-sheet{touch-action:pan-y;contain:layout paint}@media (width<=767px){.tool-page-mobile-controls-first[data-workspace-variant=tool-page] .generator-studio-grid{flex-direction:column;min-block-size:0;display:flex}.tool-page-mobile-controls-first[data-workspace-variant=tool-page] .generator-studio-inspector{width:100%;border-block-start:0;border-block-end:1px solid color-mix(in oklab, var(--border) 68%, transparent);order:1;min-block-size:0;overflow:visible}.tool-page-mobile-controls-first[data-workspace-variant=tool-page] .generator-studio-canvas{order:2}[data-workspace-variant=model-page] .model-page-mobile-only{display:flex}[data-workspace-variant=model-page] .model-page-mobile-hide{display:none!important}[data-workspace-variant=model-page] .model-page-mobile-reference-upload[data-mode=text-to-image]{display:block}[data-workspace-variant=model-page]{overflow:visible}[data-workspace-variant=model-page] .generator-studio-grid{flex-direction:column;min-block-size:0;display:flex}[data-workspace-variant=model-page] .generator-studio-inspector{width:100%;border-block-start:0;border-block-end:1px solid color-mix(in oklab, var(--border) 68%, transparent);background:var(--background);min-block-size:0;box-shadow:none;order:1;overflow:visible}[data-workspace-variant=model-page] .generator-studio-canvas{border-block-start:0;order:2;min-block-size:0;overflow:visible}[data-workspace-variant=model-page] .generator-studio-intro{min-block-size:0;padding:2.25rem 1rem 2.75rem}[data-workspace-variant=model-page] .generator-studio-intro h1{font-size:clamp(1.8rem,9vw,2.5rem);line-height:1.05}[data-workspace-variant=model-page] .generator-studio-intro p{margin-top:.875rem;font-size:.875rem;line-height:1.65}[data-workspace-variant=model-page] .generator-studio-intro>div:last-child{margin-top:1.5rem}[data-workspace-variant=model-page] .generator-studio-intro>div:last-child>div{border-radius:18px}[data-workspace-variant=model-page] .generator-studio-action{margin-inline:-1rem;padding-block-start:.75rem;padding-inline:1rem}}.generator-studio-inspector::-webkit-scrollbar{width:5px}.generator-studio-canvas::-webkit-scrollbar{width:5px}.generator-studio-inspector::-webkit-scrollbar-track{background:0 0}.generator-studio-canvas::-webkit-scrollbar-track{background:0 0}.generator-studio-inspector::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--border) 80%, transparent);border-radius:999px}.generator-studio-canvas::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--border) 80%, transparent);border-radius:999px}.generator-page-deferred-section{content-visibility:auto;contain-intrinsic-size:auto 760px}.generator-page-deferred-section--showcase{contain-intrinsic-size:auto 1760px}.generator-page-deferred-section--models{contain-intrinsic-size:auto 980px}.generator-page-deferred-section--capabilities{contain-intrinsic-size:auto 900px}.generator-page-deferred-section--testimonials{contain-intrinsic-size:auto 860px}.generator-page-deferred-section--faq{contain-intrinsic-size:auto 680px}.model-page-deferred-section{content-visibility:auto;contain-intrinsic-size:auto 820px}.model-page-deferred-section--compact{contain-intrinsic-size:auto 620px}.model-page-deferred-section--social{contain-intrinsic-size:auto 900px}.model-page-deferred-section--testimonials{contain-intrinsic-size:auto 920px}.hero-generator-simple__frame{max-width:55rem}.hero-generator-simple__card{box-shadow:0 22px 60px -30px color-mix(in oklab, var(--foreground) 34%, transparent);border-radius:1.75rem}.hero-generator-simple__input-area{padding:.75rem 1rem .5rem}.hero-generator-simple__input-row{border:1px solid color-mix(in oklab, var(--border) 40%, transparent);background:color-mix(in oklab, var(--muted) 10%, transparent);border-radius:1.75rem;align-items:stretch;gap:.75rem;height:8.25rem;min-height:8.25rem;max-height:8.25rem;padding:.75rem}.hero-generator-simple__upload [role=button]{border-width:1px;border-radius:1rem;min-height:100%;padding:.75rem .5rem}.hero-generator-simple__prompt{background:0 0;border-color:#0000;border-radius:1.25rem;height:100%;min-height:0}.hero-generator-simple__prompt:focus-within{border-color:color-mix(in oklab, var(--primary) 50%, transparent)}.hero-generator-simple__textarea{min-height:0}.hero-generator-simple__toolbar{padding:.5rem .75rem .75rem;padding-right:13.75rem}.hero-generator-simple__controls{gap:.375rem}.hero-generator-simple__submit button{min-height:2.75rem;padding:0 1.25rem;font-size:.9375rem;font-weight:400}@media (width<=767px){.hero-generator-simple__frame{max-width:100%}.hero-generator-simple__card{border-radius:1.5rem}.hero-generator-simple__input-area{padding:.625rem .625rem .5rem}.hero-generator-simple__input-row{background:0 0;border:0;border-radius:0;height:auto;min-height:0;max-height:none;padding:0}.hero-generator-simple__prompt{border-color:color-mix(in oklab, var(--border) 40%, transparent);background:color-mix(in oklab, var(--muted) 10%, transparent);border-radius:1.5rem;height:auto;min-height:7.875rem}.hero-generator-simple__toolbar{padding:.5rem .625rem .625rem}}.hero-generator-simple__inline-uploader{min-width:0}.hero-generator-simple__image-upload .hero-generator-simple__upload-trigger,.hero-generator-simple__reference-upload .hero-generator-simple__upload-trigger,.hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-trigger{border-width:1px;border-radius:1rem;padding:.625rem .5rem}.hero-generator-simple__image-upload .hero-generator-simple__upload-icon,.hero-generator-simple__reference-upload .hero-generator-simple__upload-icon,.hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-icon{background:color-mix(in oklab, var(--muted) 45%, transparent);border-radius:9999px}.hero-generator-simple__upload-copy{gap:.25rem}.hero-generator-simple__upload-list{gap:.5rem}.hero-generator-simple__upload-thumb,.hero-generator-simple__reference-thumb{box-shadow:0 4px 14px -8px color-mix(in oklab, var(--foreground) 30%, transparent);border-radius:1rem}.hero-generator-simple__reference-strip{gap:.5rem;min-width:0}.hero-generator-simple__reference-thumb{width:3.5rem;height:3.5rem}.hero-generator-simple__image-upload--compact .hero-generator-simple__upload-trigger,.hero-generator-simple__reference-upload .hero-generator-simple__upload-trigger{border-radius:9999px;flex-direction:row;justify-content:flex-start;gap:.5rem;min-height:3rem;padding:.5rem .75rem}.hero-generator-simple__image-upload--compact .hero-generator-simple__upload-icon,.hero-generator-simple__reference-upload .hero-generator-simple__upload-icon{border-radius:.625rem;flex-shrink:0;width:1.75rem;height:1.75rem}.hero-generator-simple__image-upload--compact .hero-generator-simple__upload-copy,.hero-generator-simple__reference-upload .hero-generator-simple__upload-copy{flex:1;min-width:0}.hero-generator-simple__video-media{min-width:0}.hero-generator-simple__video-media--reference{min-height:3.5rem}.hero-generator-simple__frame-slot-upload{min-width:0;height:4.75rem}.hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-trigger{border-radius:1rem;flex:none;justify-content:center;gap:.375rem;height:4.75rem;min-height:4.75rem;padding:.5rem .375rem}.hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-icon{width:2.5rem;height:2.5rem}.hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-copy{text-align:center;align-items:center}.hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-list{flex:none;height:4.75rem;min-height:4.75rem;margin-top:0}.hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-thumb{border-radius:1rem;width:100%;height:100%}@media (width<=767px){.hero-generator-simple__image-upload .hero-generator-simple__upload-trigger,.hero-generator-simple__reference-upload .hero-generator-simple__upload-trigger{min-height:2.75rem}.hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-trigger{min-height:5rem}.hero-generator-simple__reference-thumb{width:3rem;height:3rem}}.hero-generator-simple__upload:has(.hero-generator-simple__image-upload:not(.hero-generator-simple__image-upload--compact)){align-self:flex-start;width:3rem}.hero-generator-simple__image-upload:not(.hero-generator-simple__image-upload--compact) .hero-generator-simple__upload-trigger{border-style:solid;border-radius:9999px;flex:none;width:3rem;height:3rem;min-height:3rem;padding:0;overflow:visible}.hero-generator-simple__image-upload:not(.hero-generator-simple__image-upload--compact) .hero-generator-simple__upload-icon{width:2.75rem;height:2.75rem}.hero-generator-simple__image-upload:not(.hero-generator-simple__image-upload--compact) .hero-generator-simple__upload-copy{pointer-events:none;display:block;position:absolute;inset:0}.hero-generator-simple__image-upload:not(.hero-generator-simple__image-upload--compact) .hero-generator-simple__upload-copy>div{display:none}.hero-generator-simple__image-upload:not(.hero-generator-simple__image-upload--compact) .hero-generator-simple__upload-copy>span:first-of-type{border:1px solid var(--background);background:var(--primary);min-width:1.25rem;color:var(--primary-foreground);border-radius:9999px;justify-content:center;padding:.125rem .25rem;font-size:.625rem;line-height:1;display:flex;position:absolute;top:-.25rem;right:-.45rem}.hero-generator-simple__image-upload:not(.hero-generator-simple__image-upload--compact) .hero-generator-simple__upload-copy>span:not(:first-of-type){display:none}.hero-generator-simple__image-upload:not(.hero-generator-simple__image-upload--compact) .hero-generator-simple__upload-copy>button{border:1px solid var(--background);background:var(--background);pointer-events:auto;width:1.375rem;height:1.375rem;margin:0;padding:0;position:absolute;bottom:-.25rem;right:-.25rem}.hero-generator-simple__prompt>.hero-generator-simple__reference-strip>.hero-generator-simple__video-media{padding:0 .75rem}.hero-generator-simple__input-row--has-references{height:auto;min-height:8.25rem;max-height:none}.hero-generator-simple__input-row--has-references .hero-generator-simple__prompt{height:auto;min-height:7rem}@media (width<=767px){.hero-generator-simple__prompt>.hero-generator-simple__reference-strip{padding:.625rem .75rem 0}.hero-generator-simple__input-row--has-references .hero-generator-simple__prompt{min-height:7.875rem}}.hero-generator-simple__mode-toggle{background:color-mix(in oklab, var(--muted) 30%, transparent);border-radius:9999px;gap:.125rem;padding:.25rem}.hero-generator-simple__mode-option{border-radius:9999px;min-height:2.5rem;padding:.5rem 1rem}.hero-generator-simple__mode-option--active{background:var(--background);color:var(--foreground);box-shadow:0 1px 3px color-mix(in oklab, var(--foreground) 12%, transparent)}.hero-generator-simple__video-mode-trigger,.hero-generator-simple__model-trigger{border-color:color-mix(in oklab, var(--border) 50%, transparent);background:color-mix(in oklab, var(--background) 80%, transparent);border-radius:9999px;min-height:2.75rem}.hero-generator-simple__model-trigger{padding:.5rem .75rem}.hero-generator-simple__model-menu{border-radius:1rem;flex-direction:column;width:min(45rem,100vw - 1.5rem);max-width:calc(100vw - 1.5rem);display:flex}.hero-generator-simple__model-menu-body{flex:1;min-height:0;display:flex}.hero-generator-simple__model-brand-sidebar{background:color-mix(in oklab, var(--muted) 25%, transparent);gap:.125rem;width:10.5rem;padding:.5rem}.hero-generator-simple__model-brand{border-radius:.75rem;min-height:2.75rem}@media (width<=767px){.hero-generator-simple__mode-option{min-height:2.25rem;padding:.375rem .75rem}.hero-generator-simple__model-menu{width:calc(100vw - 1.5rem)}.hero-generator-simple__model-brand-sidebar{align-items:center;width:3.5rem;padding:.5rem .25rem}.hero-generator-simple__model-list{gap:.375rem;padding:.5rem}.hero-generator-simple__model-item{gap:.625rem;min-height:3.5rem;padding:.625rem}}@media (width>=768px){.hero-generator-simple__frame-slot-upload{width:4rem;height:5.25rem}.hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-trigger,.hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-list{height:5.25rem;min-height:5.25rem}}.hero-generator-simple__reference-media-choices{align-items:flex-start;gap:.375rem;width:5rem;min-height:4.75rem}.hero-generator-simple__reference-upload--choice,.hero-generator-simple__reference-upload--choice .hero-generator-simple__upload-trigger,.hero-generator-simple__reference-upload--choice.hero-generator-simple__video-upload-trigger{flex:none;width:2.75rem;height:3.5rem;min-height:3.5rem}.hero-generator-simple__reference-upload--choice{transform:rotate(-6deg)}.hero-generator-simple__reference-upload--video{transform:rotate(6deg)}.hero-generator-simple__reference-upload--choice .hero-generator-simple__upload-trigger,.hero-generator-simple__reference-upload--choice.hero-generator-simple__video-upload-trigger{background:color-mix(in oklab, var(--background) 82%, var(--muted));box-shadow:0 2px 7px -4px color-mix(in oklab, var(--foreground) 28%, transparent);border-style:solid;border-radius:.875rem;justify-content:center;align-items:center;gap:0;padding:0;overflow:visible}.hero-generator-simple__reference-upload--choice .hero-generator-simple__upload-icon{background:0 0;border-radius:.25rem;width:1.25rem;height:1.25rem}.hero-generator-simple__reference-upload--choice .hero-generator-simple__upload-copy{display:none}.hero-generator-simple__reference-upload--choice .hero-generator-simple__upload-trigger>button{z-index:2;border:1px solid var(--background);background:var(--background);border-radius:9999px;width:1.25rem;height:1.25rem;margin:0;padding:0;position:absolute;bottom:-.25rem;right:-.25rem}.hero-generator-simple__reference-upload--choice .hero-generator-simple__upload-trigger>button svg{width:.75rem;height:.75rem}.hero-generator-simple__video-upload-trigger{padding:0;position:relative}.hero-generator-simple__video-upload-trigger>span{display:none}.hero-generator-simple__video-upload-trigger>svg{width:1.25rem;height:1.25rem}.hero-generator-simple__frame-slot{flex-direction:column;align-items:center;gap:.375rem;width:3.5rem;min-width:0;height:5.75rem;display:flex}.hero-generator-simple__frame-slot-upload{flex:none;width:100%;height:4.75rem}.hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-copy{display:none}.hero-generator-simple__frame-slot-label{max-width:100%;color:color-mix(in oklab, var(--foreground) 80%, transparent);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:500;line-height:1;overflow:hidden}@media (width>=768px){.hero-generator-simple__frame-slot{width:4rem;height:6rem}.hero-generator-simple__frame-slot-upload{height:5.25rem}}.hero-generator-simple__card{background:linear-gradient(var(--card), var(--card)) padding-box, linear-gradient(135deg, #f43f8f, #ff8f22, #ffc90e, #22c7b3, #247cf0, #6a55f2, #f43f8f) border-box;box-shadow:0 25px 50px -12px color-mix(in oklab, var(--foreground) 16%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-size:100% 100%,280% 280%;border:1px solid #0000;border-radius:24px;animation:4.8s linear infinite hero-generator-simple-spectrum-border-shift;overflow:visible}.hero-generator-simple__card:focus-within{box-shadow:0 0 0 2px color-mix(in oklab, var(--primary) 20%, transparent), 0 25px 50px -12px color-mix(in oklab, var(--foreground) 16%, transparent);border-color:#0000}.hero-generator-simple__card>.pointer-events-none.absolute.top-0{background:color-mix(in oklab, var(--border) 70%, transparent)}.hero-generator-simple__input-area{padding:12px 12px 8px;position:relative}.hero-generator-simple__input-row{border:1px solid color-mix(in oklab, var(--border) 40%, transparent);background:color-mix(in oklab, var(--background) 90%, transparent);height:auto;min-height:126px;max-height:none;box-shadow:inset 0 2px 4px color-mix(in oklab, var(--foreground) 3%, transparent);border-radius:26px;align-items:flex-start;gap:12px;padding:12px 12px 0;position:relative}.hero-generator-simple__prompt{background:0 0;border:0 #0000;border-radius:0;align-self:flex-start;height:auto;min-height:0;transition:none}.hero-generator-simple__prompt>.hero-generator-simple__reference-strip:not(:has(.hero-generator-simple__reference-thumb,.hero-generator-simple__video-media)){display:none}.hero-generator-simple__textarea{background:0 0;border:0;border-radius:10px;height:86px;min-height:0;padding:0 64px 20px 0;font-size:15px;line-height:1.45}.hero-generator-simple__toolbar{padding:8px 12px}.hero-generator-simple__controls>div.hidden.w-full{display:none}.hero-generator-simple__mode-toggle{gap:2px;padding:3px}.hero-generator-simple__mode-option{min-height:36px;padding:6px 12px}.hero-generator-simple__submit button{border:1px solid color-mix(in oklab, var(--border) 70%, transparent);background:var(--background);min-height:44px;color:var(--foreground);box-shadow:0 1px 3px color-mix(in oklab, var(--foreground) 10%, transparent);border-radius:9999px;padding:0 20px;font-size:15px;font-weight:400}.hero-generator-simple__model-menu{width:calc(100vw - 1.5rem);max-width:calc(100vw - 1.5rem)}.hero-generator-simple__model-brand-sidebar{width:56px}.hero-generator-simple__model-brand--active{background:color-mix(in oklab, var(--primary) 8%, transparent);color:var(--foreground);box-shadow:none}.hero-generator-simple__model-item{border-radius:12px;min-height:52px;padding:12px}.hero-generator-simple__model-item--selected{border-color:color-mix(in oklab, var(--primary) 20%, transparent);background:color-mix(in oklab, var(--primary) 6%, transparent);box-shadow:none}@media (width>=768px){.hero-generator-simple__card{border-radius:28px}.hero-generator-simple__input-area{padding:16px 16px 8px}.hero-generator-simple__input-row{border-radius:28px;gap:16px;min-height:132px;padding:16px 16px 0}.hero-generator-simple__textarea{height:92px;padding:0 96px 20px 0;font-size:16px}.hero-generator-simple__toolbar{padding:12px 220px 12px 16px}.hero-generator-simple__model-menu{width:560px}.hero-generator-simple__model-brand-sidebar{width:152px}.hero-generator-simple__model-item{padding:14px 16px}}@keyframes hero-generator-simple-spectrum-border-shift{0%{background-position:0 0,0%}to{background-position:0 0,100%}}@media (prefers-reduced-motion:reduce){.hero-generator-simple__card{animation:none}}@media (width>=768px){.hero-generator-simple__upload:has(.hero-generator-simple__frame-slot){flex:0 0 8.5rem;align-self:flex-start;width:8.5rem}.hero-generator-simple__video-media:has(.hero-generator-simple__frame-slot){width:8.5rem}.hero-generator-simple__frame-slot{height:auto;min-height:6.25rem}.hero-generator-simple__upload:has(.hero-generator-simple__reference-media-choices){flex:0 0 5.5rem;align-self:flex-start;width:5.5rem;height:4rem}.hero-generator-simple__reference-media-choices{width:5.5rem;height:4rem;min-height:4rem;display:block;position:relative}.hero-generator-simple__reference-media-choices>:first-child,.hero-generator-simple__reference-media-choices>:last-child{position:absolute;top:.25rem}.hero-generator-simple__reference-media-choices>:first-child{left:0}.hero-generator-simple__reference-media-choices>:last-child{right:0}}.hero-generator-simple__video-mode-trigger{height:2.25rem;min-height:2.25rem;padding:0 .75rem;font-size:.75rem;line-height:1}@media (width<=767px){.hero-generator-simple__input-row:has(.hero-generator-simple__video-media){flex-direction:row;align-items:flex-start;gap:.75rem;min-height:7.875rem}.hero-generator-simple__input-row:has(.hero-generator-simple__video-media)>.hero-generator-simple__upload{align-self:flex-start;height:auto;display:block}.hero-generator-simple__input-row:has(.hero-generator-simple__video-media)>.hero-generator-simple__prompt{background:0 0;border:0;border-radius:0;flex:1;align-self:flex-start;width:auto;min-height:0}.hero-generator-simple__prompt>div.mb-2:has(>.hero-generator-simple__video-media){display:none}.hero-generator-simple__upload:has(.hero-generator-simple__frame-slot){flex:0 0 7.5rem;width:7.5rem}.hero-generator-simple__video-media:has(.hero-generator-simple__frame-slot){width:7.5rem}.hero-generator-simple__upload:has(.hero-generator-simple__reference-media-choices){flex:0 0 4.75rem;width:4.75rem;height:3.5rem}.hero-generator-simple__reference-media-choices{width:4.75rem;height:3.5rem;min-height:3.5rem;display:block;position:relative}.hero-generator-simple__reference-media-choices>:first-child,.hero-generator-simple__reference-media-choices>:last-child{position:absolute;top:.25rem}.hero-generator-simple__reference-media-choices>:first-child{left:0}.hero-generator-simple__reference-media-choices>:last-child{right:0}}.hero-generator-simple__input-row{height:auto;min-height:126px;max-height:none;padding:0;display:block;overflow:visible}.hero-generator-simple__editor-row{align-items:flex-start;gap:12px;min-width:0;padding:12px 12px 0;display:flex}.hero-generator-simple__prompt{background:0 0;border:0;border-radius:0;align-self:flex-start;transition:none}.hero-generator-simple__prompt:focus-within{background:0 0;border-color:#0000}.hero-generator-simple__textarea{background:0 0;border:0;height:86px;min-height:0;padding:0 64px 20px 0;font-size:15px;line-height:1.45}.hero-generator-simple__textarea-wrap{width:100%;min-width:0;position:relative}.hero-generator-simple__placeholder{z-index:0;pointer-events:none;max-height:86px;color:color-mix(in oklab, var(--muted-foreground) 40%, transparent);white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.45;position:absolute;top:0;left:0;right:64px;overflow:hidden}.hero-generator-simple__placeholder-character{opacity:1}.hero-generator-simple__textarea{z-index:1;position:relative}.hero-generator-simple__upload{flex:none;align-self:flex-start}.hero-generator-simple__upload:has(>.hero-generator-simple__image-upload:not(.hero-generator-simple__image-upload--compact)){flex-basis:3rem;width:3rem}.hero-generator-simple__prompt>.hero-generator-simple__reference-strip{flex:none;padding:0}@media (width>=768px){.hero-generator-simple__input-row{border-radius:28px;min-height:132px}.hero-generator-simple__editor-row{gap:16px;padding:16px 16px 0}.hero-generator-simple__textarea{height:92px;padding-right:96px;font-size:16px}.hero-generator-simple__placeholder{max-height:92px;font-size:16px;right:96px}}@media (width<=767px){.hero-generator-simple__input-row{border:1px solid color-mix(in oklab, var(--border) 40%, transparent);background:color-mix(in oklab, var(--background) 90%, transparent);border-radius:26px;min-height:126px}.hero-generator-simple__editor-row{gap:12px;padding:12px 12px 0}.hero-generator-simple__upload:has(>.hero-generator-simple__image-upload:not(.hero-generator-simple__image-upload--compact)){flex-basis:2.75rem;width:2.75rem}}.hero-generator-simple__loading-card{box-sizing:border-box;border:1px solid color-mix(in oklab, var(--border) 40%, transparent);background:color-mix(in oklab, var(--background) 95%, transparent);border-radius:18px;flex-direction:column;justify-content:space-between;width:min(100%,880px);height:228px;padding:16px;display:flex;overflow:hidden}.hero-generator-model-rails{box-sizing:border-box;flex-direction:column;justify-content:center;gap:8px;width:min(1080px,100%);min-height:88px;margin:16px auto 0;display:flex;overflow:hidden}.hero-generator-model-rail{--model-card-width:clamp(80px, calc((100vw - 144px) / 8), 128px);--model-rail-gap:8px;scrollbar-width:none;flex:none;width:100%;min-width:0;max-width:100%;min-height:40px;display:block;overflow:auto hidden}.hero-generator-model-rail::-webkit-scrollbar{display:none}.hero-generator-model-rail__track,.hero-generator-model-rail__set{align-items:center;gap:var(--model-rail-gap);white-space:normal;flex-wrap:nowrap;width:max-content;display:flex}.hero-generator-model-rail__track{will-change:auto;transform:none}.hero-generator-model-rail__set{flex:none}.hero-generator-model-rail__set>[role=listitem]{min-width:0;width:var(--model-card-width);flex:0 0 var(--model-card-width);display:flex}.hero-generator-model-pill{box-sizing:border-box;min-width:0;width:var(--model-card-width);max-width:var(--model-card-width);flex:0 0 var(--model-card-width);border:1px solid color-mix(in oklab, var(--border) 78%, var(--foreground) 8%);background:color-mix(in oklab, var(--card) 94%, var(--background));min-height:40px;color:color-mix(in oklab, var(--foreground) 72%, transparent);white-space:nowrap;cursor:pointer;box-shadow:0 1px 4px color-mix(in oklab, var(--foreground) 10%, transparent);border-radius:9999px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;line-height:1;text-decoration:none;transition:border-color .18s,background-color .18s,color .18s,transform .18s;display:inline-flex}.hero-generator-model-pill:hover{border-color:color-mix(in oklab, var(--primary) 48%, transparent);background:color-mix(in oklab, var(--primary) 8%, var(--background));color:var(--foreground);transform:translateY(-1px)}.hero-generator-model-pill--selected{border-color:color-mix(in oklab, var(--primary) 62%, var(--border));background:color-mix(in oklab, var(--primary) 13%, var(--card));color:var(--foreground);box-shadow:0 0 0 2px color-mix(in oklab, var(--primary) 18%, transparent), 0 5px 14px color-mix(in oklab, var(--primary) 18%, transparent)}.hero-generator-model-pill--selected:hover{transform:translateY(-1px)scale(1.01)}.hero-generator-model-pill:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.hero-generator-model-pill__icon{object-fit:contain;border-radius:7px;flex:0 0 22px;width:22px;height:22px}.hero-generator-model-pill__label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;display:block;overflow:hidden}.hero-generator-tool-pill{aspect-ratio:1;border-radius:20px;flex:100%;justify-content:center;width:100%;max-width:none;height:100%;min-height:0;padding:0;overflow:hidden}.hero-generator-tool-pill:hover{transform:translateY(-3px)scale(1.02)}.hero-generator-tool-pill__image{aspect-ratio:1;object-fit:cover;object-position:center;border-radius:15px;flex-basis:auto;width:100%;height:100%;display:block}.hero-generator-model-hover-card{z-index:100;border:1px solid color-mix(in oklab, var(--border) 68%, transparent);background:color-mix(in oklab, var(--card) 96%, transparent);width:min(248px,100vw - 24px);color:var(--foreground);box-shadow:0 18px 46px color-mix(in oklab, var(--foreground) 18%, transparent);pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;flex-direction:column;animation:.16s forwards hero-generator-model-hover-card-in;display:flex;position:fixed;overflow:hidden;transform:translateY(5px)}.hero-generator-model-hover-card__media{aspect-ratio:16/9;background:color-mix(in oklab, var(--muted) 70%, transparent);width:100%;overflow:hidden}.hero-generator-model-hover-card__image{object-fit:cover;width:100%;height:100%;display:block}.hero-generator-model-hover-card__content{padding:13px 15px 15px}.hero-generator-model-hover-card__title{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:650;line-height:1.35;overflow:hidden}.hero-generator-model-hover-card__description{color:var(--muted-foreground);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 0;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}@keyframes hero-generator-model-hover-card-in{to{opacity:1;transform:translateY(0)}}@media (width>=768px){.hero-generator-simple__toolbar{align-items:center;gap:8px;padding:12px 145px 12px 16px;display:flex}.hero-generator-simple__controls{flex-wrap:nowrap;flex:auto;gap:4px;min-width:0;overflow:hidden}.hero-generator-simple__controls>div.hidden.w-full{display:none}}@media (width<=767px){.hero-generator-simple__loading-card{border-radius:18px;width:calc(100% - 32px);height:310px}.hero-generator-model-rails{scrollbar-width:none;gap:8px;width:100%;min-height:88px;margin-top:12px;padding:0 4px 4px;overflow:hidden}.hero-generator-model-rails::-webkit-scrollbar{display:none}.hero-generator-model-rail{--model-card-width:clamp(116px, 38vw, 156px);scrollbar-width:none;min-height:36px;overflow:auto hidden}.hero-generator-model-rail::-webkit-scrollbar{display:none}.hero-generator-model-rail__track,.hero-generator-model-rail__set{justify-content:flex-start;width:max-content;overflow:visible}.hero-generator-model-rail__set{flex:none}.hero-generator-model-rail__set>[role=listitem]{width:var(--model-card-width);flex:0 0 var(--model-card-width)}.hero-generator-model-pill{max-width:var(--model-card-width);width:var(--model-card-width);flex-basis:var(--model-card-width);min-height:36px;padding:5px 10px;font-size:12px}.hero-generator-model-pill__icon{flex-basis:20px;width:20px;height:20px}.hero-generator-tool-pill{border-radius:18px;flex-basis:auto;width:100%;max-width:none;height:100%;min-height:0}.hero-generator-tool-pill__image{border-radius:14px}}@media (prefers-reduced-motion:reduce){.hero-generator-simple__placeholder-character{opacity:1;animation:none}.hero-generator-model-hover-card{opacity:1;animation:none;transform:none}.hero-generator-model-rail__track{will-change:auto;animation:none}.hero-generator-model-rail__set[aria-hidden=true]{visibility:hidden}}.hero-generator-simple__input-row{height:126px}.hero-generator-simple__editor-row{height:124px}.hero-generator-simple__card .hero-generator-simple__prompt,.hero-generator-simple__card .hero-generator-simple__textarea-wrap,.hero-generator-simple__card .hero-generator-simple__textarea{height:112px}.hero-generator-simple__card .hero-generator-simple__placeholder{max-height:112px}@media (width>=768px){.hero-generator-simple__input-row{height:132px}.hero-generator-simple__editor-row{height:130px}.hero-generator-simple__card .hero-generator-simple__prompt,.hero-generator-simple__card .hero-generator-simple__textarea-wrap,.hero-generator-simple__card .hero-generator-simple__textarea{height:114px}.hero-generator-simple__card .hero-generator-simple__placeholder{max-height:114px}}.hero-generator-simple--home:not(.homepage-generator-v2){padding-inline:0}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__frame{width:min(100%,55rem);max-width:none}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__card{border-radius:1.5rem;min-width:0}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__primary-mode{justify-content:flex-start;padding:.75rem .75rem 0;display:flex}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__primary-mode-toggle{border:1px solid color-mix(in oklab, var(--border) 48%, transparent);background:color-mix(in oklab, var(--muted) 32%, transparent);border-radius:9999px;align-items:center;gap:.25rem;min-width:0;padding:.25rem;display:inline-flex}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__primary-mode-option{min-width:0;min-height:2.5rem;color:var(--muted-foreground);letter-spacing:-.02em;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:520;transition:background-color .16s,color .16s,box-shadow .16s;display:inline-flex}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__primary-mode-option--active{background:var(--foreground);color:var(--background);box-shadow:0 1px 4px color-mix(in oklab, var(--foreground) 16%, transparent)}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__primary-mode-option:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__input-area{padding:.5rem .75rem .625rem}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__input-row{border-color:color-mix(in oklab, var(--border) 52%, transparent);background:color-mix(in oklab, var(--background) 94%, var(--muted));height:auto;min-height:7.5rem;max-height:none;box-shadow:none;border-radius:1.25rem;padding:0}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__editor-row{align-items:flex-start;gap:.75rem;height:auto;min-height:7.25rem;padding:.875rem .875rem 0}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__editor-row--frames{flex-flow:wrap;align-items:stretch;gap:.875rem;padding-bottom:.25rem}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__prompt,.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__textarea-wrap{height:auto;min-height:0}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__prompt{width:100%;min-width:0}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__textarea{height:auto;min-height:6.25rem;padding:.125rem 3.25rem 1.625rem .125rem;font-size:.9375rem;line-height:1.5}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__placeholder{max-height:6.25rem;font-size:.9375rem;line-height:1.5;top:.125rem;left:.125rem;right:3.25rem}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__editor-row--frames .hero-generator-simple__prompt{flex:20rem;min-width:min(20rem,100%)}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__editor-row--frames .hero-generator-simple__textarea{min-height:7rem}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__editor-row--frames .hero-generator-simple__placeholder{max-height:7rem}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__upload:has(>.hero-generator-simple__image-upload:not(.hero-generator-simple__image-upload--compact)){flex-basis:3rem;width:3rem}:is(.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__upload--frames,.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__video-media:has(.hero-generator-simple__frame-pair)){flex:none;align-self:stretch;width:auto}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__frame-pair{flex:none;width:max-content;max-width:100%}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__frame-grid{grid-template-columns:5.25rem 1.75rem 5.25rem;align-items:center;gap:.5rem;width:max-content;max-width:100%;display:grid}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__frame-slot{width:5.25rem;min-width:0;height:7rem;min-height:7rem}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__frame-slot-upload{width:5.25rem;height:7rem;min-height:7rem}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-trigger--frame-tile{border-radius:.875rem;width:5.25rem;height:7rem;min-height:7rem}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__frame-slot-upload .hero-generator-simple__frame-tile-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:4.5rem;overflow:hidden}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__frame-swap{width:1.75rem;height:2.25rem;color:var(--muted-foreground);border-radius:.625rem;justify-content:center;align-items:center;transition:color .16s,background-color .16s,opacity .16s;display:inline-flex}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__frame-swap:not(:disabled):hover{background:color-mix(in oklab, var(--muted) 58%, transparent);color:var(--foreground)}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__frame-swap:disabled{cursor:default;opacity:.42}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__frame-slot-upload:has(.hero-generator-simple__upload-list) .hero-generator-simple__upload-trigger{display:none}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-list{width:5.25rem;height:7rem;min-height:7rem;margin:0}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-thumb{border-radius:.875rem;width:5.25rem;height:7rem}:is(.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__upload:has(.hero-generator-simple__reference-media-choices),.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__reference-media-choices){flex-basis:5rem;width:5rem;height:3.75rem;min-height:3.75rem}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__toolbar{align-items:flex-start;gap:.5rem;padding:.75rem;display:flex}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__controls{flex-wrap:wrap;flex:100%;gap:.5rem;width:100%;min-width:0;display:flex;overflow:visible}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__controls>*{max-width:100%}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__mode-toggle{flex:0 auto}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__mode-option{min-height:2.5rem;padding:.5rem .875rem}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__video-mode-trigger,.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__model-trigger{flex:0 auto;min-width:0}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__model-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:11rem;display:inline;overflow:hidden}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__submit-slot{flex:12rem;min-width:min(12rem,100%);max-width:18rem;margin-inline-start:auto}.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__submit-slot button,.hero-generator-simple--home:not(.homepage-generator-v2) .hero-generator-simple__submit button{width:100%;min-height:2.75rem;padding-inline:1.25rem;font-size:1rem}.hero-generator-simple__model-menu[data-homepage-home]{width:min(45rem, var(--radix-dropdown-menu-content-available-width,45rem));max-width:var(--radix-dropdown-menu-content-available-width,45rem);max-height:min(32rem, var(--radix-dropdown-menu-content-available-height,32rem))}.hero-generator-simple__model-menu[data-homepage-home] .hero-generator-simple__model-brand-sidebar{align-items:stretch;width:min(9.5rem,38%);padding:.5rem}.hero-generator-simple__model-menu[data-homepage-home] .hero-generator-simple__model-brand{border-radius:.75rem;flex-direction:row;justify-content:flex-start;gap:.625rem;width:100%;height:auto;min-height:2.75rem;padding:.5rem .625rem}.hero-generator-simple__model-menu[data-homepage-home] .hero-generator-simple__model-brand>span{min-width:0;display:block}.hero-generator-simple--home-loading:not(.homepage-generator-v2){min-height:0;padding:.75rem 0}.hero-generator-simple--home-loading:not(.homepage-generator-v2) .hero-generator-simple__loading-card{border-radius:1.125rem;width:min(100%,55rem);height:auto;min-height:14rem}.hero-generator-model-rails{gap:.5rem;width:min(67.5rem,100%);min-height:5.5rem;margin-top:.875rem;padding:0;overflow:hidden}.hero-generator-model-rails.homepage-generator-v2__model-rails{width:min(100%,55rem);min-height:5rem}@media (width<=767px){.hero-generator-model-rails.homepage-generator-v2__model-rails{width:100%;margin-top:.75rem}}.hero-generator-model-rail{--model-card-width:8rem;--model-rail-gap:.5rem;min-height:2.5rem;overflow:hidden}.hero-generator-model-pill{min-height:2.5rem;padding:.375rem .5rem;font-size:.8125rem}.hero-generator-model-pill__icon{flex-basis:1.375rem;width:1.375rem;height:1.375rem}.hero-generator-model-hover-card{width:15.5rem}@media (hover:none),(pointer:coarse){.hero-generator-model-hover-card{display:none}}.tools-directory-page{background:var(--background);color:var(--foreground)}.tools-directory__ambient{pointer-events:none;background:radial-gradient(circle at 92% 4%, color-mix(in oklab, var(--primary) 6%, transparent), transparent 24rem);position:absolute;inset:0}.dark .tools-directory-page{background:var(--background)}.dark .tools-directory__ambient{background:radial-gradient(circle at 92% 4%, color-mix(in oklab, var(--primary) 7%, transparent), transparent 24rem)}.tools-directory__intro{max-width:780px;margin:22px 0 36px}.tools-directory__section-heading,.tools-directory__popular-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.tools-directory__section-heading h2,.tools-directory__popular-heading h2{color:var(--foreground);letter-spacing:-.03em;margin:0;font-size:clamp(1.35rem,2.2vw,1.7rem);font-weight:750;line-height:1.2}.tools-directory__featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.tools-directory__featured-card,.tools-directory__popular-card{border:1px solid var(--border);background:var(--card);min-width:0;color:var(--foreground);text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.tools-directory__featured-card{box-shadow:0 3px 12px color-mix(in oklab, var(--foreground) 3%, transparent);border-radius:18px;flex-direction:column;display:flex}.tools-directory__featured-card:hover,.tools-directory__popular-card:hover{border-color:color-mix(in oklab, var(--primary) 40%, var(--border));box-shadow:0 6px 16px color-mix(in oklab, var(--primary) 6%, transparent);transform:translateY(-2px)}.tools-directory__featured-card:focus-visible,.tools-directory__popular-card:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.tools-directory__featured-media{aspect-ratio:16/9;background:var(--muted);position:relative;overflow:hidden}.tools-directory__image{background:var(--muted);width:100%;height:100%;position:relative;overflow:hidden}.tools-directory__image-element{object-fit:cover;transition:transform .26s}.tools-directory__image-skeleton{z-index:1;background:linear-gradient(100deg, var(--muted) 20%, color-mix(in oklab, var(--muted) 65%, var(--background)) 42%, var(--muted) 64%);background-size:220% 100%;animation:1.35s ease-in-out infinite tools-directory-skeleton;position:absolute;inset:0}@keyframes tools-directory-skeleton{to{background-position-x:-220%}}.tools-directory__featured-card:hover .tools-directory__image-element,.tools-directory__popular-card:hover .tools-directory__image-element{transform:scale(1.035)}.tools-directory__image-fallback{width:100%;height:100%;color:color-mix(in oklab, var(--primary) 60%, var(--muted-foreground));justify-content:center;align-items:center;display:flex}.tools-directory__image-fallback svg{width:30px;height:30px}.tools-directory__featured-meta{background:var(--muted);text-align:center;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:12px 14px;display:flex}.tools-directory__featured-meta svg{width:16px;height:16px;color:var(--muted-foreground);flex:none}.tools-directory__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.tools-directory__featured-meta .tools-directory__title{font-size:14px;font-weight:650;line-height:1.3}.tools-directory__badges{align-items:center;gap:5px;max-width:calc(100% - 20px);display:flex;position:absolute;top:10px;right:10px}.tools-directory__badge{opacity:.88;color:#fff;white-space:nowrap;border-radius:999px;align-items:center;min-height:18px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.tools-directory__badge--hot{background:#f4511e}.tools-directory__badge--new{background:#10b981}.tools-directory__badge--pro{background:var(--primary)}.tools-directory__popular{margin-top:52px}.tools-directory__popular-heading{align-items:center}.tools-directory__search{border:1px solid var(--border);background:var(--card);width:min(300px,100%);min-width:0;height:42px;color:var(--muted-foreground);border-radius:999px;align-items:center;gap:9px;padding:0 14px;transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex}.tools-directory__search:focus-within{border-color:color-mix(in oklab, var(--primary) 58%, var(--border));background:var(--card);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 13%, transparent)}.tools-directory__search svg{flex:none;width:17px;height:17px}.tools-directory__search input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;flex:1;font-size:14px}.tools-directory__search input::placeholder{color:color-mix(in oklab, var(--muted-foreground) 75%, transparent)}.tools-directory__popular-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.tools-directory__popular-card{content-visibility:auto;contain-intrinsic-size:152px;border-radius:16px;align-items:stretch;min-height:152px;display:flex}.tools-directory__popular-card>.tools-directory__image{aspect-ratio:1;border-radius:12px;flex:0 0 128px;align-self:center;width:128px;height:128px;margin:12px}.tools-directory__popular-content{flex:1;min-width:0;padding:17px 14px 15px 1px}.tools-directory__popular-title-row{align-items:flex-start;gap:7px;min-width:0;display:flex}.tools-directory__popular-title-row .tools-directory__title{flex:1;font-size:15px;font-weight:700;line-height:1.35}.tools-directory__popular-title-row .tools-directory__badges{flex:none;max-width:45%;position:static}.tools-directory__popular-title-row .tools-directory__badge{min-height:19px;padding:3px 6px;font-size:9px}.tools-directory__popular-content p{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.tools-directory__empty{border:1px dashed color-mix(in oklab, var(--border) 85%, transparent);color:var(--muted-foreground);text-align:center;border-radius:16px;margin:16px 0 0;padding:32px 16px}@media (width<=1100px) and (width>=768px){.tools-directory__popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.tools-directory__intro{margin:18px 0 30px}.tools-directory__intro .mb-8{margin-bottom:20px}.tools-directory__intro h1{font-size:clamp(2.15rem,10vw,3rem)}.tools-directory__intro p{font-size:1rem}.tools-directory__featured-grid{overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin-left:-2px;margin-right:-16px;padding:2px 16px 10px 2px;display:flex;overflow-x:auto}.tools-directory__featured-grid::-webkit-scrollbar{display:none}.tools-directory__featured-card{scroll-snap-align:start;flex:0 0 calc(50% + 3px);width:calc(50% + 3px)}.tools-directory__featured-media{aspect-ratio:16/9}.tools-directory__featured-meta{text-align:center;align-items:center;gap:6px;min-height:52px;padding:10px 9px}.tools-directory__featured-meta svg{width:14px;height:14px;margin-top:0}.tools-directory__featured-meta .tools-directory__title{text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.tools-directory__badges{max-width:calc(100% - 12px);top:6px;right:6px}.tools-directory__badge{min-height:18px;padding:3px 5px;font-size:9px}.tools-directory__popular{margin-top:40px}.tools-directory__popular-heading{grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:12px;display:grid}.tools-directory__popular-heading h2{white-space:nowrap;font-size:1.35rem}.tools-directory__search{width:100%;height:40px;padding:0 12px}.tools-directory__search input{font-size:13px}.tools-directory__popular-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px}.tools-directory__popular-card{min-height:174px}.tools-directory__popular-card>.tools-directory__image{aspect-ratio:1;border-radius:13px;flex-basis:clamp(118px,33vw,150px);width:clamp(118px,33vw,150px);height:clamp(118px,33vw,150px);margin:13px}.tools-directory__popular-content{padding:17px 13px 14px 0}.tools-directory__popular-content p{-webkit-line-clamp:3;margin-top:8px;font-size:13px}}@media (prefers-reduced-motion:reduce){.tools-directory__featured-card,.tools-directory__popular-card,.tools-directory__image-element,.tools-directory__search{transition:none}.tools-directory__image-skeleton{animation:none}}.route-pending-progress{z-index:100;width:34%;height:2px;color:hsl(var(--primary));pointer-events:none;transform-origin:0;will-change:transform, opacity;background:currentColor;border-radius:999px;animation:.7s ease-in-out infinite route-pending-progress;position:fixed;top:0;left:0}@keyframes route-pending-progress{0%{opacity:.3;transform:translate(-110%)scaleX(.7)}50%{opacity:.9}to{opacity:.3;transform:translate(410%)scaleX(1.05)}}@media (prefers-reduced-motion:reduce){.route-pending-progress{opacity:.7;width:100%;animation:none}}