/* Generated by scripts/build-imageai-css.py; edit imageai-system-public.css. */
@layer overrides{body.shell-public-body{--imageai-shell: min(120rem, calc(100% - clamp(2rem, 4vw, 5rem)));}body.shell-public-body .site-header{height: 4.25rem;}body.shell-public-body .page-breadcrumb{display: flex;align-items: center;flex-wrap: wrap;gap: .5rem;font-size: .8125rem;color: var(--color-text-secondary);padding-block: 0.85rem 0;}body.shell-public-body .original-hero{padding-block: clamp(1.5rem, 3vw, 2.5rem) clamp(1.75rem, 3.2vw, 2.75rem);}body.shell-public-body .original-hero-inner{width: var(--imageai-shell);max-width: none;}body.shell-public-body .original-hero-inner:has(.home-hero-copy){width: var(--imageai-shell);max-width: none;grid-template-columns: minmax(0, 1fr) minmax(26rem, 1.15fr);align-items: start;gap: clamp(1.5rem, 3.5vw, 3rem);}body.shell-public-body .home-hero-copy{margin-top: 0;}body.shell-public-body .original-hero .home-hero-copy h1{max-width: 18ch;font-size: clamp(2.4rem, 4vw, 4.1rem);line-height: 1.04;}body.shell-public-body .original-hero .home-hero-copy p{max-width: 38rem;margin-top: 0.85rem;}body.shell-public-body .original-hero .home-hero-copy .center-actions{margin-top: 1.35rem;gap: 0.75rem;}body.shell-public-body .home-product-proof{padding: clamp(0.7rem, 1.4vw, 1rem);border-radius: 1.25rem;}body.shell-public-body .home-product-proof .before-after-compare{aspect-ratio: 8 / 5;min-height: 0;border-radius: 0.9rem;overflow: hidden;}body.shell-public-body .home-product-proof > p{margin: 0.15rem 0 0;font-size: 0.86rem;}body.shell-public-body .marketing-section{padding-block: clamp(1.75rem, 3.2vw, 3rem);}body.shell-public-body .section-intro{max-width: 42rem;margin-bottom: clamp(1.35rem, 2.5vw, 2rem);}body.shell-public-body .section-intro h2{font-size: clamp(1.85rem, 3.2vw, 2.75rem);max-width: 18ch;margin-block: 0.55rem;}body.shell-public-body .original-hero + .marketing-section > .shell > .section-intro{display: grid;grid-template-columns: minmax(0, 1fr) minmax(20rem, 30rem);align-items: end;gap: clamp(2rem, 5vw, 5rem);max-width: none;margin-inline: 0;text-align: left;}body.shell-public-body .original-hero + .marketing-section > .shell > .section-intro h2{max-width: none;margin: 0;font-size: clamp(2rem, 3vw, 2.6rem);line-height: 1.08;}body.shell-public-body .original-hero + .marketing-section > .shell > .section-intro p{max-width: 44ch;margin: 0;justify-self: end;}body.shell-public-body .home-process-intro{display: grid;grid-template-columns: minmax(0, 1fr);max-width: 42rem;margin-inline: 0;text-align: left;}body.shell-public-body .home-process-intro h2{max-width: 18ch;margin-bottom: 0.55rem;}body.shell-public-body .home-process-intro > p:last-child{max-width: 48ch;margin: 0;}body.shell-public-body .original-feature, body.shell-public-body .company-card, body.shell-public-body .solution-card{border-radius: 1rem;}body.shell-public-body .original-feature{padding: 1.2rem 1.25rem 1.3rem;border: 1px solid var(--border);background: color-mix(in srgb, var(--background) 88%, var(--muted));box-shadow: 0 1px 0 color-mix(in srgb, var(--color-ink, #211c14) 4%, transparent);transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;}body.shell-public-body .original-feature:hover{border-color: color-mix(in srgb, var(--primary) 32%, var(--border));box-shadow: 0 12px 28px color-mix(in srgb, var(--color-ink, #211c14) 7%, transparent);transform: translateY(-2px);}body.shell-public-body .original-feature h3{margin-top: 0.85rem;font-size: 1.15rem;}body.shell-public-body .original-feature p{margin-top: 0.45rem;font-size: 0.92rem;}body.shell-public-body .feature-icon{width: 2.75rem;height: 2.75rem;}body.shell-public-body .commerce-section{padding-block: clamp(1.75rem, 3.2vw, 3rem);}body.shell-public-body .commerce-steps{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1rem;margin: 0;padding: 0;list-style: none;}body.shell-public-body .commerce-steps .feature-icon{display: grid;place-items: center;font-size: 0.95rem;font-weight: 750;color: var(--color-accent-hover, var(--primary));}@media (max-width: 64rem){body.shell-public-body .commerce-steps{grid-template-columns: minmax(0, 1fr);}}@media (max-width: 48rem){body.shell-public-body .original-hero + .marketing-section > .shell > .section-intro{grid-template-columns: minmax(0, 1fr);grid-template-rows: auto;row-gap: 0.75rem;}body.shell-public-body .original-hero + .marketing-section > .shell > .section-intro p{justify-self: start;}}@media (min-width: 72rem){body.shell-public-body .original-hero + .marketing-section > .shell > .section-intro h2{white-space: nowrap;}}body.shell-public-body .solution-index-hero .original-hero-inner, body.shell-public-body .solution-index-hero h1{text-align: left;justify-items: start;}body.shell-public-body .solution-index-hero h1{max-width: 18ch;margin-inline: 0;font-size: clamp(2.2rem, 3.8vw, 3.4rem);}body.shell-public-body .solution-index-hero p{max-width: 44rem;margin-inline: 0;}body.shell-public-body .solution-index-hero .hero-pill, body.shell-public-body .solution-index-hero .accent-rule{justify-self: start;margin-inline: 0;}body.shell-public-body .solution-tool-group-title{font-size: clamp(1.35rem, 2vw, 1.75rem);}body.shell-public-body .solution-card-copy{gap: 0.55rem;padding: 1rem 1.05rem 1.15rem;}body.shell-public-body .solution-card-copy h2{font-size: 1.2rem;line-height: 1.2;}body.shell-public-body .solution-card-copy p{color: var(--muted-foreground, var(--color-muted));font-size: 0.88rem;line-height: 1.45;}body.shell-public-body .faq-grid{gap: 0.85rem;}body.shell-public-body .site-footer .shell{width: var(--imageai-shell);}@media (max-width: 64rem){body.shell-public-body .original-hero-inner:has(.home-hero-copy){grid-template-columns: minmax(0, 1fr);gap: 1.5rem;}body.shell-public-body .original-hero .home-hero-copy h1{max-width: 14ch;}body.shell-public-body .solution-index-hero .original-hero-inner, body.shell-public-body .solution-index-hero h1, body.shell-public-body .solution-index-hero p{text-align: center;justify-items: center;margin-inline: auto;}body.shell-public-body .solution-index-hero .hero-pill, body.shell-public-body .solution-index-hero .accent-rule{justify-self: center;margin-inline: auto;}}@media (max-width: 48rem){body.shell-public-body{--imageai-shell: min(100%, calc(100% - 1.5rem));}body.shell-public-body .original-hero{padding-block: 1.5rem 2rem;}body.shell-public-body .marketing-section{padding-block: 1.5rem;}}body.shell-public-body .site-footer{padding: 0;}body.shell-public-body .footer-main{gap: 1.5rem;padding-block: 2.15rem;}body.shell-public-body .solution-card-media{height: clamp(9.5rem, 13vw, 13rem);background: color-mix(in srgb, var(--muted) 70%, var(--background));}body.shell-public-body .solution-card-media img{width: 100%;height: 100%;object-fit: cover;object-position: center;}body.shell-public-body .solution-tool-group{display: grid;gap: 1rem;}body.shell-public-body .solution-tool-group-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0.85rem;}@media (max-width: 64rem){body.shell-public-body .solution-tool-group-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 48rem){body.shell-public-body .solution-tool-group-grid{grid-template-columns: minmax(0, 1fr);}}body.shell-public-body .home-tool-rail{border-block: 1px solid var(--color-border-subtle);background: color-mix(in srgb, var(--color-surface) 72%, var(--color-canvas));}body.shell-public-body .home-tool-rail > .shell{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));}body.shell-public-body .home-tool-rail a{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 0.25rem 0.75rem;padding: 1.35rem 1.5rem;color: var(--color-text);text-decoration: none;transition: background-color 180ms ease, transform 180ms ease;}body.shell-public-body .home-tool-rail a + a{border-left: 1px solid var(--color-border-subtle);}body.shell-public-body .home-tool-rail a:hover{background: var(--color-surface);transform: translateY(-2px);}body.shell-public-body .home-tool-rail a:active{transform: translateY(0);}body.shell-public-body .home-tool-rail a span{color: var(--color-text-muted);font-size: 0.78rem;}body.shell-public-body .home-tool-rail a strong{font-size: 0.95rem;}body.shell-public-body .home-tool-rail a .ui-icon{grid-column: 2;grid-row: 1 / 3;align-self: center;}body.shell-public-body .imageai-tool-landing{align-items: center;min-height: auto;padding-block: clamp(2.5rem, 6vw, 5rem);}body.shell-public-body .imageai-tool-landing .imageai-public-copy{position: static;}body.shell-public-body .tool-landing-actions{display: flex;flex-wrap: wrap;gap: 0.75rem;margin-top: 1.5rem;}body.shell-public-body .tool-landing-note{max-width: 34rem;margin: 0.85rem 0 0;color: var(--color-text-muted);font-size: 0.82rem;}body.shell-public-body .tool-landing-proof{overflow: hidden;padding: 1.1rem;border: 1px solid var(--color-border);border-radius: 1.35rem;background: var(--color-surface);box-shadow: 0 1.5rem 3.5rem color-mix(in srgb, var(--primary) 10%, transparent);}body.shell-public-body .tool-landing-proof > p{margin: 0.9rem 0 0;color: var(--color-text-muted);font-size: 0.82rem;text-align: center;}body.shell-public-body .tool-guidance-compact{padding-block: clamp(2.75rem, 6vw, 4.5rem);}body.shell-public-body .tool-guidance-compact .section-intro{margin-bottom: 1.25rem;}body.shell-public-body .tool-steps-compact, body.shell-public-body .tool-use-list{display: grid;gap: 0;margin: 0;padding: 0;list-style: none;}body.shell-public-body .tool-steps-compact li, body.shell-public-body .tool-use-list li{display: flex;align-items: center;gap: 0.9rem;padding: 0.9rem 0;border-top: 1px solid var(--color-border-subtle);}body.shell-public-body .tool-steps-compact strong{display: grid;flex: 0 0 2rem;height: 2rem;place-items: center;border-radius: 0.65rem;background: var(--color-canvas-alt);color: var(--primary);}body.shell-public-body .tool-use-list .ui-icon{flex: 0 0 1rem;color: var(--primary);}body.shell-public-body .tool-supporting-compact{margin-block: 1.25rem 0;}body.shell-public-body .tool-supporting-copy{padding: 1.15rem 1.25rem 1.25rem;border-top: 1px solid var(--color-border-subtle);}body.shell-public-body .tool-supporting-copy > :first-child{margin-top: 0;}body.shell-public-body .tool-supporting-copy > :last-child{margin-bottom: 0;}body.shell-public-body .tool-faq-compact{padding-block: clamp(2.75rem, 6vw, 4rem);}body.shell-public-body .tool-faq-compact .center-actions{margin-bottom: 0;}@media (max-width: 48rem){body.shell-public-body .home-tool-rail > .shell{grid-template-columns: minmax(0, 1fr);}body.shell-public-body .home-tool-rail a + a{border-top: 1px solid var(--color-border-subtle);border-left: 0;}body.shell-public-body .tool-landing-actions > *{flex: 1 1 12rem;justify-content: center;}}body.shell-public-body .solution-index-hero .solution-index-hero-grid{display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);align-items: center;gap: clamp(2rem, 6vw, 6rem);}body.shell-public-body .solution-index-hero-copy{min-width: 0;}body.shell-public-body .solution-outcome-map{display: grid;gap: 0;border-block: 1px solid var(--color-border);}body.shell-public-body .solution-outcome-map a{display: grid;grid-template-columns: 2rem minmax(0, 1fr);gap: 0.15rem 0.9rem;padding: 1rem 0.25rem;color: var(--color-text);text-decoration: none;transition: padding-inline 180ms ease, color 180ms ease;}body.shell-public-body .solution-outcome-map a + a{border-top: 1px solid var(--color-border-subtle);}body.shell-public-body .solution-outcome-map a:hover{padding-inline: 0.65rem;color: var(--primary);}body.shell-public-body .solution-outcome-map span{grid-row: 1 / span 2;color: var(--color-text-muted);font-size: 0.72rem;font-variant-numeric: tabular-nums;}body.shell-public-body .solution-outcome-map strong{font-size: 0.95rem;}body.shell-public-body .solution-outcome-map small{color: var(--color-text-muted);font-size: 0.75rem;}body.shell-public-body .solution-index-browser .solution-index-grid{display: grid;gap: 2.5rem;}@media (max-width: 48rem){body.shell-public-body .solution-index-hero .solution-index-hero-grid{grid-template-columns: minmax(0, 1fr);gap: 1.5rem;}}body.shell-public-body .solution-card{border-color: color-mix(in srgb, var(--border) 82%, var(--primary));box-shadow: var(--elev-1);transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);}body.shell-public-body .solution-card:hover{border-color: color-mix(in srgb, var(--primary) 38%, var(--border));box-shadow: var(--elev-2);transform: translateY(-2px);}body.shell-public-body .feature-icon, body.shell-public-body .solution-card .ui-icon{color: var(--primary);}body.shell-public-body .imageai-public-layout{display: grid;grid-template-columns: minmax(18.5rem, 24.5rem) minmax(0, 1fr);align-items: start;gap: clamp(1.15rem, 2.4vw, 2rem);width: var(--imageai-shell, min(120rem, calc(100% - 2.5rem)));max-width: none;margin: 0.85rem auto 1.35rem;}body.shell-public-body .imageai-public-copy{display: grid;gap: 0.9rem;min-width: 0;}body.shell-public-body .imageai-public-copy .tool-heading{max-width: none;padding: 0;text-align: left;}body.shell-public-body .imageai-public-copy .tool-heading .eyebrow{margin: 0;}body.shell-public-body .imageai-public-copy .tool-heading h1{max-width: 14ch;margin: 0.4rem 0 0.7rem;font-size: clamp(1.85rem, 3vw, 2.7rem);line-height: 1.08;letter-spacing: -0.045em;text-align: left;}body.shell-public-body .imageai-public-copy .tool-heading p{max-width: none;margin: 0;font-size: 0.96rem;line-height: 1.55;text-align: left;}body.shell-public-body:has(.imageai-public-layout) .marketing-section{padding-block: 1.35rem;}body.shell-public-body .tool-page-twin{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: clamp(1.25rem, 3vw, 2.5rem);align-items: start;}body.shell-public-body .tool-page-twin .section-intro{margin-bottom: 0.9rem;}body.shell-public-body .tool-page-twin .section-intro h2{font-size: clamp(1.25rem, 2vw, 1.7rem);}@media (max-width: 64rem){body.shell-public-body .imageai-public-layout, body.shell-public-body .tool-page-twin{grid-template-columns: minmax(0, 1fr);}body.shell-public-body .imageai-public-copy .tool-heading h1{max-width: 18ch;}}body.shell-public-body .tools-index-page{overflow: clip;}body.shell-public-body .tools-index-hero{position: relative;padding-block: clamp(4rem, 8vw, 7.5rem);border-bottom: 1px solid var(--color-border-subtle);background: radial-gradient(circle at 72% 48%, color-mix(in srgb, var(--primary) 10%, transparent) 0 13rem, transparent 13.1rem), linear-gradient(135deg, color-mix(in srgb, var(--color-canvas) 94%, white), var(--color-canvas));}body.shell-public-body .tools-index-hero-grid{display: grid;grid-template-columns: minmax(0, 0.9fr) minmax(32rem, 1.1fr);align-items: center;gap: clamp(3rem, 7vw, 7rem);max-width: 82rem;margin-inline: auto;}body.shell-public-body .tools-index-copy{max-width: 42rem;}body.shell-public-body .tools-index-copy h1{max-width: 13ch;margin: 0.75rem 0 1.15rem;font-family: var(--font-display);font-size: clamp(3rem, 5.2vw, 5.25rem);font-weight: 500;line-height: 0.98;letter-spacing: -0.055em;text-wrap: balance;}body.shell-public-body .tools-index-copy > p:not(.section-kicker){max-width: 54ch;margin: 0;color: var(--color-text-secondary);font-size: 1.04rem;line-height: 1.7;}body.shell-public-body .tools-index-pricing{margin-top: 1.5rem;}body.shell-public-body .tools-choice-map{position: relative;display: grid;gap: 0.75rem;padding: clamp(1.25rem, 2.5vw, 2rem);border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--color-border));border-radius: 1.75rem;background: color-mix(in srgb, var(--color-surface) 94%, transparent);box-shadow: 0 1.5rem 4rem color-mix(in srgb, var(--primary) 11%, transparent);isolation: isolate;}body.shell-public-body .tools-choice-orbit{position: absolute;inset: -5rem -4rem auto auto;z-index: -1;width: 14rem;height: 14rem;border-radius: 48% 52% 62% 38%;background: color-mix(in srgb, var(--primary) 12%, transparent);transform: rotate(-18deg);}body.shell-public-body .tools-choice-map > a{display: grid;grid-template-columns: 2.25rem 2.75rem minmax(0, 1fr) auto;align-items: center;gap: 0.85rem;min-height: 5.5rem;padding: 0.9rem 1rem;border-radius: 1rem;background: var(--color-surface);box-shadow: 0 0.5rem 1.5rem color-mix(in srgb, var(--color-text) 5%, transparent);}body.shell-public-body .tools-choice-map > a:nth-of-type(2){transform: translateX(-1.5rem);}body.shell-public-body .tools-choice-map > a > span{color: var(--primary);font-size: 0.72rem;font-weight: 700;letter-spacing: 0.12em;}body.shell-public-body .tools-choice-map > a > .ui-icon{width: 1.3rem;height: 1.3rem;color: var(--primary);}body.shell-public-body .tools-choice-map strong, body.shell-public-body .tools-choice-map small{display: block;}body.shell-public-body .tools-choice-map strong{font-size: 0.95rem;}body.shell-public-body .tools-choice-map small{color: var(--color-text-muted);font-size: 0.78rem;text-transform: uppercase;letter-spacing: 0.1em;}body.shell-public-body .tools-directory-section{padding-block: clamp(4rem, 7vw, 7rem);}body.shell-public-body .tools-directory-section > .shell{max-width: 82rem;margin-inline: auto;}body.shell-public-body .tools-directory-heading{max-width: 44rem;margin-bottom: clamp(2rem, 4vw, 3.5rem);}body.shell-public-body .tools-directory-heading h2{max-width: 16ch;margin: 0.6rem 0 0;font-size: clamp(2.4rem, 4vw, 3.75rem);line-height: 1.03;}body.shell-public-body .tool-directory-list{display: grid;gap: clamp(3rem, 7vw, 6rem);}body.shell-public-body .tool-directory-item{display: grid;grid-template-columns: minmax(28rem, 1.12fr) minmax(20rem, 0.88fr);align-items: center;gap: clamp(2.5rem, 6vw, 6rem);}body.shell-public-body .tool-directory-item:nth-child(even) .tool-directory-visual{order: 2;}body.shell-public-body .tool-directory-visual{position: relative;padding: 0.8rem;border: 1px solid var(--color-border);border-radius: 1.5rem;background: var(--color-surface);box-shadow: 0 1.5rem 3.5rem color-mix(in srgb, var(--primary) 9%, transparent);}body.shell-public-body .tool-directory-visual::before{content: "";position: absolute;inset: -1rem 10% auto auto;z-index: -1;width: 42%;height: 38%;border-radius: 1.5rem;background: color-mix(in srgb, var(--primary) 15%, transparent);transform: rotate(4deg);}body.shell-public-body .tool-directory-visual .before-after-compare{border-radius: 1rem;}body.shell-public-body .tool-directory-copy{max-width: 32rem;}body.shell-public-body .tool-directory-label{display: flex;align-items: center;gap: 0.65rem;color: var(--color-text-muted);font-size: 0.75rem;font-weight: 700;line-height: 1.3;letter-spacing: 0.1em;text-transform: uppercase;}body.shell-public-body .tool-directory-label > span{color: var(--primary);}body.shell-public-body .tool-directory-label .ui-icon{color: var(--primary);}body.shell-public-body .tool-directory-copy h3{margin: 0.9rem 0 0.85rem;font-family: var(--font-display);font-size: clamp(2.25rem, 4vw, 3.6rem);font-weight: 500;line-height: 1;letter-spacing: -0.045em;}body.shell-public-body .tool-directory-copy > p{margin: 0;color: var(--color-text-secondary);font-size: 1rem;line-height: 1.65;}body.shell-public-body .tool-directory-facts{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0;margin: 1.5rem 0;padding-block: 1rem;border-block: 1px solid var(--color-border-subtle);}body.shell-public-body .tool-directory-facts > div{min-width: 0;padding-inline: 0.9rem;}body.shell-public-body .tool-directory-facts > div:first-child{padding-left: 0;}body.shell-public-body .tool-directory-facts > div + div{border-left: 1px solid var(--color-border-subtle);}body.shell-public-body .tool-directory-facts dt{margin-bottom: 0.25rem;color: var(--color-text-muted);font-size: 0.7rem;text-transform: uppercase;letter-spacing: 0.09em;}body.shell-public-body .tool-directory-facts dd{margin: 0;font-size: 0.82rem;font-weight: 600;line-height: 1.35;}body.shell-public-body .tool-directory-actions{display: flex;align-items: center;flex-wrap: wrap;gap: 0.75rem 1.25rem;}body.shell-public-body .tool-directory-actions .text-link{display: inline-flex;align-items: center;min-height: 3rem;}body.shell-public-body .imageai-surface.public-mode{--tool-accent: var(--primary);--tool-accent-soft: color-mix(in srgb, var(--primary) 8%, var(--color-canvas));position: relative;padding-block: 1rem 2.5rem;border-bottom: 1px solid var(--color-border-subtle);background: radial-gradient(circle at 72% 18%, var(--tool-accent-soft) 0 12rem, transparent 28rem), var(--color-canvas);}body.shell-public-body .imageai-surface.public-mode.tool-theme-enhance{--tool-accent: #4f6b5d;}body.shell-public-body .imageai-surface.public-mode.tool-theme-upscale{--tool-accent: #9a664e;}body.shell-public-body .imageai-surface.public-mode .imageai-public-layout{grid-template-columns: minmax(21rem, 0.84fr) minmax(34rem, 1.16fr);align-items: start;gap: clamp(2.5rem, 5vw, 5rem);max-width: 82rem;margin-block: 0.5rem 0;padding-block: clamp(1.5rem, 3vw, 2.75rem);}body.shell-public-body .imageai-surface.public-mode .imageai-public-copy{gap: 1rem;}body.shell-public-body .imageai-surface.public-mode .imageai-public-copy .tool-heading .eyebrow{color: var(--tool-accent);}body.shell-public-body .imageai-surface.public-mode .imageai-public-copy .tool-heading h1{max-width: 12ch;margin: 0.55rem 0 0.9rem;font-size: clamp(2.8rem, 4.2vw, 4.4rem);line-height: 0.98;}body.shell-public-body .imageai-surface.public-mode .imageai-public-copy .tool-heading p{max-width: 46ch;font-size: 1rem;line-height: 1.7;}body.shell-public-body .tool-promise-list{display: flex;flex-wrap: wrap;gap: 0.45rem 0.75rem;margin: 0.15rem 0 0.25rem;padding: 0;list-style: none;}body.shell-public-body .tool-promise-list li{display: inline-flex;align-items: center;gap: 0.35rem;color: var(--color-text-secondary);font-size: 0.75rem;}body.shell-public-body .tool-promise-list .ui-icon{width: 0.85rem;height: 0.85rem;color: var(--tool-accent);}body.shell-public-body .image-tool-points{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0;width: var(--imageai-shell, min(120rem, calc(100% - 2.5rem)));max-width: 82rem;padding-block: 1.15rem;border-bottom: 1px solid var(--color-border-subtle);}body.shell-public-body .image-tool-points article{display: flex;align-items: center;gap: 0.65rem;padding: 0.35rem 1.4rem;border: 0;border-radius: 0;background: transparent;font-size: 0.8rem;font-weight: 600;}body.shell-public-body .image-tool-points article:first-child{padding-left: 0;}body.shell-public-body .image-tool-points article + article{border-left: 1px solid var(--color-border-subtle);}body.shell-public-body .image-tool-points .ui-icon{flex: none;color: var(--primary);}body.shell-public-body .tool-guidance-section{background: color-mix(in srgb, var(--color-canvas) 84%, var(--color-surface));}body.shell-public-body .tool-guidance-section .tool-page-twin{max-width: 82rem;margin-inline: auto;gap: clamp(2rem, 5vw, 5rem);}body.shell-public-body .tool-guidance-section .tool-page-twin > div{padding-top: 1.25rem;border-top: 1px solid var(--color-border);}body.shell-public-body .tool-guidance-section .original-feature{grid-template-columns: 2.25rem minmax(0, 1fr);gap: 0.15rem 0.85rem;padding: 0.9rem 0;border: 0;border-top: 1px solid var(--color-border-subtle);border-radius: 0;background: transparent;}body.shell-public-body .tool-guidance-section .original-feature:first-child{border-top: 0;}body.shell-public-body .tool-guidance-section .original-feature .feature-icon{grid-row: 1 / 3;width: 2.25rem;height: 2.25rem;}body.shell-public-body .tool-guidance-section .original-feature :is(h3, p){grid-column: 2;}@media (max-width: 64rem){body.shell-public-body .tools-index-hero-grid, body.shell-public-body .tool-directory-item, body.shell-public-body .imageai-surface.public-mode .imageai-public-layout{grid-template-columns: minmax(0, 1fr);}body.shell-public-body .tools-index-hero-grid, body.shell-public-body .tool-directory-item{gap: 2rem;}body.shell-public-body .tools-choice-map, body.shell-public-body .tool-directory-copy{max-width: none;}body.shell-public-body .tool-directory-item:nth-child(even) .tool-directory-visual{order: 0;}body.shell-public-body .imageai-surface.public-mode .imageai-public-copy{position: static;}}@media (max-width: 48rem){body.shell-public-body .tools-index-hero{padding-block: 3rem;}body.shell-public-body .tools-index-copy h1{font-size: clamp(2.75rem, 13vw, 4rem);}body.shell-public-body .tools-choice-map > a, body.shell-public-body .tools-choice-map > a:nth-of-type(2){grid-template-columns: 1.75rem 2rem minmax(0, 1fr);transform: none;}body.shell-public-body .tools-choice-map > a small{display: none;}body.shell-public-body .tool-directory-item{gap: 1.5rem;}body.shell-public-body .tool-directory-facts{grid-template-columns: minmax(0, 1fr);}body.shell-public-body .tool-directory-facts > div{padding: 0.65rem 0;}body.shell-public-body .tool-directory-facts > div + div{border-top: 1px solid var(--color-border-subtle);border-left: 0;}body.shell-public-body .imageai-surface.public-mode .imageai-public-copy .tool-heading h1{font-size: clamp(2.5rem, 12vw, 3.6rem);}body.shell-public-body .image-tool-points{grid-template-columns: minmax(0, 1fr);}body.shell-public-body .image-tool-points article, body.shell-public-body .image-tool-points article:first-child{padding: 0.7rem 0;}body.shell-public-body .image-tool-points article + article{border-top: 1px solid var(--color-border-subtle);border-left: 0;}}body.shell-public-body .tool-supporting-disclosure{overflow: hidden;margin-block: 1.25rem;border: 1px solid var(--color-border);border-radius: 1rem;background: color-mix(in srgb, var(--background) 93%, var(--muted));}body.shell-public-body .tool-supporting-disclosure > .about-grid{padding: 0 1.2rem 1.2rem;border-top: 1px solid var(--color-border-subtle);}body.shell-public-body .solution-index-browser{display: grid;gap: 1.5rem;}body.shell-public-body .solution-category-tabs{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 0.65rem;max-width: 62rem;width: 100%;}body.shell-public-body .solution-category-tabs button{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;min-height: 3rem;padding: 0.7rem 0.9rem;border: 1px solid var(--color-border);border-radius: 0.8rem;background: var(--color-surface);color: var(--color-text-secondary);font: inherit;font-size: 0.84rem;font-weight: 650;cursor: pointer;}body.shell-public-body .solution-category-tabs button small{display: grid;place-items: center;min-width: 1.55rem;height: 1.55rem;border-radius: 999px;background: var(--color-canvas-alt);color: var(--color-text-muted);}body.shell-public-body .solution-category-tabs button.active{border-color: color-mix(in srgb, var(--primary) 52%, var(--color-border));background: color-mix(in srgb, var(--primary) 7%, var(--color-surface));color: var(--primary);}body.shell-public-body .solution-index-browser.is-filtered .solution-tool-group:not(.is-active){display: none;}body.shell-public-body .solution-index-browser.is-filtered .solution-tool-group.is-active{animation: solution-group-in 0.22s ease-out;}@keyframes solution-group-in{from{opacity: 0;transform: translateY(0.4rem);}}body.shell-public-body .tool-supporting-disclosure{margin-block: 0;}body.shell-public-body .tool-supporting-disclosure > .about-grid{padding-top: 1.2rem;}.footer-external-mark{margin-left: 0.25rem;color: var(--color-signature, currentColor);font-size: 0.85em;}@media (max-width: 48rem){body.shell-public-body .solution-category-tabs{width: 100%;grid-template-columns: repeat(2, minmax(0, 1fr));}}}@layer system{body.shell-public-body .solution-hero{padding-block: clamp(2rem, 3.5vw, 3.5rem);}body.shell-public-body .solution-hero-grid{display: grid;grid-template-columns: minmax(23rem, 0.82fr) minmax(31rem, 1.18fr);align-items: center;gap: clamp(2.5rem, 5vw, 5rem);}body.shell-public-body .solution-hero-copy{max-width: 38rem;}body.shell-public-body .solution-hero-copy h1{max-width: 20ch;margin-block: 0.65rem 1rem;font-size: clamp(2.25rem, 3.4vw, 3.25rem);line-height: 1.06;text-wrap: balance;}body.shell-public-body .solution-hero-copy > p{max-width: 36rem;margin: 0;font-size: 1rem;line-height: 1.75;}body.shell-public-body .solution-hero-copy .hero-actions{display: flex;flex-wrap: wrap;align-items: center;margin-top: 1.5rem;gap: 1rem;}body.shell-public-body .solution-hero-example{width: 100%;max-height: 30rem;overflow: hidden;border: 1px solid var(--color-border);border-radius: var(--r-xl);box-shadow: 0 22px 54px rgba(24, 49, 43, 0.1);}body.shell-public-body .solution-hero-example .compare-label{top: 0.8rem;padding: 0.35rem 0.6rem;font-size: 0.72rem;}body.shell-public-body .solution-facts-section{padding-block: 1.25rem;}body.shell-public-body .solution-facts-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0;border-block: 1px solid var(--color-border);}body.shell-public-body .solution-facts-grid article{min-width: 0;padding: 1.25rem 1.5rem;border-right: 1px solid var(--color-border);background: transparent;}body.shell-public-body .solution-facts-grid article:last-child{border-right: 0;}body.shell-public-body .solution-facts-grid strong{display: block;margin-block: 0.35rem 0.2rem;font-size: 1.1rem;overflow-wrap: anywhere;}body.shell-public-body .solution-facts-grid p{margin: 0;font-size: 0.9rem;line-height: 1.55;}body.shell-public-body .solution-detail-grid{display: grid;grid-template-columns: minmax(0, 1.25fr) minmax(20rem, 0.75fr);align-items: start;gap: clamp(2.5rem, 6vw, 6rem);}body.shell-public-body .solution-detail-grid h2{max-width: 20ch;margin-block: 0.5rem 1.5rem;text-wrap: balance;}body.shell-public-body .solution-check-list{display: grid;gap: 0;max-width: 46rem;padding: 0;border-top: 1px solid var(--color-border);list-style: none;}body.shell-public-body .solution-check-list li{display: flex;align-items: flex-start;gap: 0.7rem;padding-block: 0.85rem;border-bottom: 1px solid var(--color-border);}body.shell-public-body .solution-check-list .ui-icon{flex: 0 0 auto;margin-top: 0.2rem;color: var(--color-brand);}body.shell-public-body .solution-detail-grid .company-card{padding: 1.5rem;border-radius: var(--r-lg);box-shadow: none;}body.shell-public-body .about-grid .company-card{display: grid;gap: 1rem;}body.shell-public-body .solution-final-cta > .shell{display: flex;align-items: center;justify-content: space-between;gap: 2rem;padding: clamp(1.75rem, 4vw, 2.75rem);border-radius: var(--r-xl);background: var(--color-brand-strong);color: var(--color-text-inverse);}body.shell-public-body .solution-final-cta :is(h2, p, .eyebrow){color: inherit;}body.shell-public-body .solution-final-copy{max-width: 44rem;}@media (max-width: 64rem){body.shell-public-body .solution-hero-grid, body.shell-public-body .solution-detail-grid{grid-template-columns: minmax(0, 1fr);}body.shell-public-body .solution-hero-example{max-width: 50rem;max-height: none;}}@media (max-width: 48rem){body.shell-public-body .solution-facts-grid{grid-template-columns: minmax(0, 1fr);}body.shell-public-body .solution-facts-grid article{padding-inline: 0.25rem;border-right: 0;border-bottom: 1px solid var(--color-border);}body.shell-public-body .solution-facts-grid article:last-child{border-bottom: 0;}body.shell-public-body .solution-final-cta > .shell{align-items: stretch;flex-direction: column;}}body.shell-public-body .faq-grid{grid-template-columns: minmax(0, 1fr);gap: 0;border-top: 1px solid var(--color-border);}body.shell-public-body :is(.tool-supporting-disclosure, .pricing-purchase-disclosure) > summary{display: flex;align-items: center;justify-content: space-between;gap: 1rem;min-height: 3.75rem;padding: 0.8rem 1.2rem;list-style: none;cursor: pointer;}body.shell-public-body :is(.tool-supporting-disclosure, .pricing-purchase-disclosure) > summary::-webkit-details-marker{display: none;}body.shell-public-body :is(.tool-supporting-disclosure, .pricing-purchase-disclosure) > summary::marker{content: "";}body.shell-public-body :is(.tool-supporting-disclosure, .pricing-purchase-disclosure) > summary > span{display: flex;align-items: baseline;flex-wrap: wrap;gap: 0.25rem 0.8rem;min-width: 0;}body.shell-public-body :is(.tool-supporting-disclosure, .pricing-purchase-disclosure) > summary strong{font-size: 0.9rem;line-height: 1.4;}body.shell-public-body :is(.tool-supporting-disclosure, .pricing-purchase-disclosure) > summary small{color: var(--color-text-muted);font-size: 0.8rem;line-height: 1.4;}body.shell-public-body :is(.tool-supporting-disclosure, .pricing-purchase-disclosure) > summary > .ui-icon{flex: 0 0 1rem;width: 1rem;height: 1rem;transition: transform 160ms ease;}body.shell-public-body :is(.tool-supporting-disclosure, .pricing-purchase-disclosure)[open] > summary > .ui-icon{transform: rotate(180deg);}body.shell-public-body :is(.tool-supporting-disclosure, .pricing-purchase-disclosure) > summary:hover{background: var(--color-surface-hover);}body.shell-public-body .compact-faq-section{padding-block: 2.5rem 3rem;}body.shell-public-body .compact-faq-section .section-intro{max-width: none;margin-bottom: 1.25rem;}body.shell-public-body .compact-faq-section .section-intro h2{max-width: none;margin-bottom: 0;font-size: clamp(1.8rem, 3vw, 2.6rem);}body.shell-public-body .compact-faq-section .faq-grid{border-top: 1px solid var(--color-border);}body.shell-public-body .compact-faq-section .faq-item{border-bottom: 1px solid var(--color-border);}body.shell-public-body .compact-faq-section .faq-item > summary{display: flex;align-items: center;justify-content: space-between;gap: 1rem;min-height: 3.25rem;padding: 0.75rem 0.25rem;list-style: none;font-weight: 600;cursor: pointer;}body.shell-public-body .compact-faq-section .faq-item > summary::-webkit-details-marker{display: none;}body.shell-public-body .compact-faq-section .faq-item > summary::marker{content: "";}body.shell-public-body .compact-faq-section .faq-item > summary::after{content: "+";flex: 0 0 auto;color: var(--color-text-muted);font-size: 1.3rem;font-weight: 400;}body.shell-public-body .compact-faq-section .faq-item[open] > summary::after{content: "−";}body.shell-public-body .compact-faq-section .faq-item > p{margin: 0;padding: 0.25rem 0.25rem 1rem;color: var(--color-text-secondary);}body.shell-public-body .compact-faq-section .center-actions{margin-top: 1.25rem;}body.shell-public-body .solution-guidance-section{padding-bottom: 1.25rem;}body.shell-public-body .solution-faq-section{padding-top: 1.5rem;}body.shell-public-body .solution-help-disclosure{margin-top: 1rem;overflow: hidden;border: 1px solid var(--color-border);border-radius: 0.8rem;background: var(--color-surface);}body.shell-public-body .solution-help-disclosure > summary{display: flex;align-items: center;justify-content: space-between;gap: 1rem;min-height: 3.25rem;padding: 0.75rem 1rem;list-style: none;font-weight: 600;cursor: pointer;}body.shell-public-body .solution-help-disclosure > summary::-webkit-details-marker{display: none;}body.shell-public-body .solution-help-disclosure > summary::marker{content: "";}body.shell-public-body .solution-help-disclosure > summary .ui-icon{flex: 0 0 1rem;width: 1rem;height: 1rem;}body.shell-public-body .solution-help-disclosure[open] > summary .ui-icon{transform: rotate(180deg);}body.shell-public-body .solution-help-disclosure > summary:hover{background: var(--color-surface-hover);}body.shell-public-body .solution-help-disclosure > ul{display: grid;gap: 0.6rem;margin: 0;padding: 1rem 1.25rem 1rem 2.25rem;border-top: 1px solid var(--color-border-subtle);color: var(--color-text-secondary);}body.shell-public-body .site-footer .brand{display: inline-flex;align-items: center;gap: .6rem;}body.shell-public-body .site-header .brand span{display: inline;}body.shell-public-body .site-footer .footer-main > div:not(.footer-brand-block){gap: .25rem;}body.shell-public-body .site-footer .footer-main{padding-block: 2.5rem;}.shell-public-body .center-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 1rem;}.shell-public-body .home-hero-copy .center-actions{justify-content: flex-start;}.shell-public-body .home-hero-copy .center-actions .button{min-height: 3.1rem;padding-inline: 1.35rem;}.shell-public-body .home-hero-copy .center-actions .button.outline{border-color: color-mix(in srgb, var(--color-text) 22%, var(--color-border, #ddd));background: var(--color-surface, #fff);}.shell-public-body .home-product-proof > p{color: var(--color-text-secondary);}.shell-public-body .cta-panel{display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;gap: 1.25rem 2rem;padding: clamp(1.75rem, 3.2vw, 2.5rem);border: 1px solid color-mix(in srgb, var(--color-text) 88%, transparent);border-radius: 1.15rem;background: var(--color-text);color: var(--color-surface);}.shell-public-body .cta-panel .section-kicker{color: color-mix(in srgb, var(--color-surface) 72%, transparent);}.shell-public-body .cta-panel h2, .shell-public-body .cta-panel p{color: var(--color-surface);}.shell-public-body .cta-panel p{max-width: 46rem;color: color-mix(in srgb, var(--color-surface) 78%, transparent);}.shell-public-body .cta-panel .button{justify-self: end;white-space: nowrap;}@media (max-width: 48rem){.shell-public-body .cta-panel{grid-template-columns: minmax(0, 1fr);}.shell-public-body .cta-panel .button{justify-self: start;width: 100%;}}.shell-public-body .policy-inline-links{display: flex;flex-wrap: wrap;align-items: center;gap: 0.55rem;margin-top: 1.35rem;}.shell-public-body .policy-inline-links span{color: var(--color-text-muted);}@media (max-width: 64rem){body.shell-public-body .mobile-nav{position: fixed;inset: 4.25rem 0 0;z-index: var(--z-drawer);width: 100%;height: calc(100dvh - 4.25rem);max-height: none;overflow-y: auto;}}body.shell-public-body .desktop-nav a[aria-current="page"]{position: relative;color: var(--color-text);}body.shell-public-body .desktop-nav a[aria-current="page"]::after{position: absolute;right: 0.35rem;bottom: -0.55rem;left: 0.35rem;height: 2px;border-radius: var(--r-pill);background: var(--color-signature);content: "";}.shell-public-body .compare-label{position: absolute;z-index: 2;top: 1rem;padding: 0.45rem 0.72rem;border-radius: 999px;background: var(--color-text);color: var(--color-surface);font-size: 0.78rem;font-weight: 750;letter-spacing: 0.03em;text-transform: uppercase;pointer-events: none;}.shell-public-body .compare-label.after{right: auto;left: 1rem;}.shell-public-body .compare-label.before{right: 1rem;left: auto;}.compare-after{position: absolute;inset: 0;}.compare-divider{position: absolute;z-index: var(--z-raised);top: 0;bottom: 0;width: 3px;transform: translateX(-50%);background: var(--color-paper);box-shadow: 0 0 0 1px rgba(31, 41, 55, 0.22), 0 0 18px rgba(31, 41, 55, 0.2);pointer-events: none;}.compare-divider::after{content: "↔";position: absolute;top: 50%;left: 50%;display: grid;place-items: center;width: 42px;height: 42px;transform: translate(-50%, -50%);border-radius: 999px;background: var(--color-paper);color: var(--color-ink-2);font-weight: 800;box-shadow: 0 8px 24px rgba(31, 41, 55, 0.22);}.solution-detail-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 2.5rem;}.solution-check-list{display: grid;gap: .65rem;padding-left: 1.25rem;}body.shell-public-body .tools-choice-map > a{color: inherit;text-decoration: none;}body.shell-public-body .tools-choice-map > a:hover{border-color: var(--color-brand);}@media (max-width: 48rem){.solution-detail-grid{grid-template-columns: minmax(0,1fr);}}}@layer pages{.original-hero-inner{display: grid;justify-items: center;margin-inline: auto;column-gap: 0;}.original-hero .hero-pill{justify-self: center;border-color: color-mix(in oklch, var(--color-feature) 24%, var(--color-rule));background: var(--color-paper);color: var(--color-accent);}.original-hero h1{max-width: 18ch;margin: var(--space-xl) auto 0;text-wrap: balance;}.original-hero .accent-rule{width: 6rem;margin: var(--space-lg) auto 0;background: var(--color-feature);}.original-hero .center-actions{justify-content: center;flex-wrap: wrap;margin-top: var(--space-xl);}@media (max-width: 48rem){.original-hero h1{max-width: none;margin-top: var(--space-lg);}.original-hero .center-actions{justify-content: center;margin-top: var(--space-lg);}.original-hero .center-actions .button{width: 100%;}}.solution-card{display: flex;color: inherit;text-decoration: none;flex-direction: column;min-height: 100%;overflow: hidden;border: 1px solid var(--border-subtle, var(--color-rule));border-radius: 22px;background: var(--surface-raised, var(--color-paper));box-shadow: var(--shadow-soft, 0 10px 28px rgba(33, 28, 20, 0.06));}.solution-card-media{position: relative;display: grid;width: 100%;flex: 0 0 auto;overflow: hidden;place-items: center;border-bottom: 1px solid var(--border, var(--color-rule));}.solution-card-media img{display: block;}.solution-card-media > img{max-width: none;image-rendering: auto;}.solution-card-copy{display: flex;flex: 1;flex-direction: column;}.solution-card-copy h2, .solution-card-copy h3{margin: 0;}.solution-card-copy p{margin: 0;}.solution-card-copy .text-link{display: inline-flex;align-items: center;align-self: flex-start;gap: 0.45rem;margin-top: auto;padding-top: 0.5rem;white-space: nowrap;}.solution-card-copy .text-link .ui-icon{flex: 0 0 auto;}.solution-card:is(:hover, :focus-visible){text-decoration: none;}.solution-card:is(:hover, :focus-visible) .text-link{text-decoration: underline;text-underline-offset: 0.2em;}.solution-card:focus-visible{outline: 2px solid var(--primary);outline-offset: 3px;}.solution-card-meta{display: flex;flex-wrap: wrap;gap: 0.45rem;color: var(--text-muted, var(--color-success));font-size: 0.82rem;}.solution-card-meta span{padding: 0.25rem 0.55rem;border-radius: 999px;background: var(--surface-muted, var(--color-paper-2));}.original-hero p{max-width: 48rem;margin: var(--space-lg) auto 0;text-wrap: pretty;color: var(--polish-text-muted);}.original-hero{padding: var(--space-3xl) 0 calc(var(--space-3xl) + var(--space-lg));text-align: center;border-bottom: 1px solid var(--polish-line);background: linear-gradient(180deg, var(--color-paper-2), var(--polish-page));}.original-hero-inner:has(.home-hero-copy){display: grid;}.home-hero-copy{align-self: start;min-width: 0;text-align: left;}.original-hero .home-hero-copy .hero-pill{justify-self: start;}.original-hero .home-hero-copy h1{margin-inline: 0;letter-spacing: -0.052em;}.original-hero .home-hero-copy .accent-rule{margin-inline: 0;width: 4.5rem;}.original-hero .home-hero-copy p{margin-inline: 0;font-size: clamp(1rem, 1.2vw, 1.15rem);}.original-hero .home-hero-copy .center-actions{justify-content: flex-start;}.home-product-proof{position: relative;display: grid;gap: 1rem;border: 1px solid color-mix(in oklch, var(--color-accent) 23%, var(--color-rule));background: linear-gradient( 145deg, var(--color-paper), color-mix(in oklch, var(--color-paper-2) 78%, var(--color-paper-3)) );box-shadow: 0 1.5rem 3.5rem color-mix(in srgb, var(--color-ink) 11%, transparent);overflow: hidden;}.home-product-proof::before{content: "";position: absolute;right: -3.5rem;top: -4rem;width: 13rem;height: 13rem;border-radius: 50%;background: color-mix(in oklch, var(--color-feature) 25%, transparent);}.home-product-proof > *{position: relative;}.home-product-proof h2{margin: 0;font-family: var(--font-sans);font-size: clamp(1.7rem, 2.2vw, 2.35rem);letter-spacing: -0.04em;}.home-product-proof .text-link{margin-top: 0;}@media (max-width: 48rem){.original-hero{padding: var(--space-2xl) 0 calc(var(--space-2xl) + var(--space-lg));}.original-hero-inner, .original-hero-inner:has(.home-hero-copy){grid-template-columns: 1fr;gap: 2rem;}.home-hero-copy{align-self: auto;text-align: center;}.original-hero .home-hero-copy .hero-pill, .original-hero .home-hero-copy .accent-rule, .original-hero .home-hero-copy p{margin-inline: auto;}.original-hero .home-hero-copy .center-actions{justify-content: center;}.home-product-proof{text-align: left;}}.original-feature, .cta-panel{transition: transform 0.24s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.24s ease, border-color 0.24s ease, background-color 0.24s ease;}a.original-feature:hover{transform: translateY(-4px);border-color: color-mix(in srgb, var(--primary) 24%, var(--border));box-shadow: 0 18px 44px color-mix(in srgb, var(--color-ink) 9%, transparent);}.text-link .ui-icon, .original-feature .text-link .ui-icon{transition: transform 0.18s ease;}a.original-feature:hover .text-link .ui-icon{transform: translateX(4px);}[data-microinteractions="true"] .button, [data-microinteractions="true"] button, [data-microinteractions="true"] summary, [data-microinteractions="true"] .original-feature{transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background-color 0.16s ease;}[data-microinteractions="true"] .original-feature:hover{transform: translateY(-2px);box-shadow: var(--ui-shadow-card);}.before-after-compare{position: relative;aspect-ratio: 8/5;overflow: hidden;background: var(--color-paper-2);isolation: isolate;}.before-after-compare img{display: block;width: 100%;height: 100%;object-fit: cover;}.before-after-compare input[type="range"]{position: absolute;z-index: var(--z-raised);inset: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: ew-resize;}}