.tools-main{padding:0 2.25vw 4vh}.tools-heading{position:sticky;top:max(14.4vh,100px);z-index:15;background:#fff;padding:0 0 5px;border-bottom:1px solid #e3e3e3}.tools-heading h1{font-size:clamp(20px,1.3vw,28px);margin:0 0 12px}.tools-heading>a{font-size:clamp(15px,1vw,22px)}.tools-list{display:grid;grid-template-columns:43% 38%;gap:5%;padding-top:2.4vh}.tool-card h2{font-size:clamp(20px,1.2vw,26px);margin:8px 0 0}.tool-card p{font-size:clamp(14px,.85vw,19px);color:#999;margin:2px 0}.mailbox-visual{width:100%;aspect-ratio:836/402;background:url('assets/tools/list-reference.jpg') 3.795% 40.63% / 244.98% 242.04%;transition:filter .3s}.seat-card>img{height:41.3vh;width:auto;max-width:100%;object-fit:contain;object-position:left}.tool-section{display:grid;gap:3vw;min-height:calc(100svh - max(14.4vh,100px) - 75px);padding:3.3vh 0 4vh;align-items:start;scroll-margin-top:24vh}.tool-hero{grid-template-columns:43% 54%}.hero-copy{display:flex;flex-direction:column;height:100%;min-height:59vh}.hero-copy h1,.tool-section h2{font-size:clamp(48px,4.45vw,100px);line-height:1.17;letter-spacing:-.035em;font-weight:900;margin:0;color:#000}.hero-copy h1{line-height:1.18}.subtitle{font-size:clamp(17px,1.25vw,28px);color:#999;line-height:1.4;margin:14px 0}.credits{margin:auto 0 0;padding-top:45px;line-height:1.35;font-size:clamp(16px,1.1vw,24px);font-weight:300}.video-wrap{position:relative;margin-top:0}.video-wrap video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#9da3a9}.video-actions{display:flex;gap:18px;justify-content:flex-end;margin-top:8px}.video-actions button{font-size:12px;color:#777;padding:6px 0;border-bottom:1px solid #bbb}.video-actions button:hover{color:#111}.numbering{grid-template-columns:64% 33%}.generation{grid-template-columns:34% 63%}.effects{grid-template-columns:45% 48%;gap:7%}.feature-image{width:100%;height:100%;max-height:73vh;object-fit:cover}.numbering .feature-image{object-fit:cover}.generation .feature-image{object-fit:contain;background:#9da3a9}.feature-copy{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:4vh}.body-copy{font-size:clamp(15px,.9vw,20px);line-height:1.3;color:#999;font-weight:300;max-width:95%}.body-copy p{margin:0 0 1.2em}.numbering h2{margin-top:auto}.generation .body-copy{max-width:88%;margin-top:6vh}.effects .body-copy{max-width:68%;margin-top:3vh}.effect-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.effect-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.download-link{padding:0;display:flex;align-items:center;gap:18px;align-self:start;font-size:clamp(20px,1.3vw,28px);font-weight:300;margin-top:auto;white-space:nowrap}.download-arrow{font-size:2.4em;line-height:1;font-weight:200}.download-link:hover,.download-link:focus-visible{font-weight:700}.download-link:hover .download-arrow,.download-link:focus-visible .download-arrow{font-weight:900}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(55px);transition:opacity .85s ease var(--delay,0ms),transform .95s cubic-bezier(.2,.7,.2,1) var(--delay,0ms)}.motion-ready .reveal.visible{opacity:1;transform:none}.tool-section+.tool-section{margin-top:8vh}.download-link[aria-disabled=true]{cursor:default}html:lang(zh) .tool-section h2{font-size:clamp(44px,4vw,90px)}
@media(min-width:1700px){.tool-section{gap:1.5vw}.tool-hero{gap:3vw}.effects{gap:7%}.feature-image{max-height:74vh}}
@media(max-width:850px){.tools-main{padding:0 20px 40px}.tools-heading{top:110px}.tools-list{grid-template-columns:1fr;gap:35px}.tool-card>img{height:auto;width:100%}.tools-list .seat-card{max-width:100%}.tool-section{display:flex;flex-direction:column;min-height:0;padding-top:28px;gap:28px}.hero-copy{min-height:0;width:100%}.hero-copy h1,.tool-section h2{font-size:clamp(44px,9vw,76px)}.credits{margin-top:20px;padding-top:10px}.video-wrap{width:100%}.feature-copy{gap:24px;width:100%}.numbering .feature-copy{display:contents}.numbering h2{order:-1}.feature-image{max-height:none;height:auto;object-fit:contain}.generation .body-copy,.effects .body-copy,.body-copy{max-width:100%;font-size:16px;margin:0}.effect-grid{width:100%;gap:8px}.effects .download-link{margin-top:10px}.tool-section+.tool-section{margin-top:50px}.effects .feature-copy{display:contents}.effects h2{order:0}.effects .body-copy{order:1}.effect-grid{order:2}.effects .download-link{order:3}.tool-section{scroll-margin-top:190px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;transition:none}}
@media(min-width:851px){.seat-card>img{height:19.75vw;width:23.5vw;object-fit:cover}}
.site-header{background:#fff}

/* Shared title typography is independent of the selected body language. */
.tools-heading h1,.tool-card h2,.hero-copy h1{font-family:Arial,Helvetica,sans-serif;font-synthesis:weight}
.tools-heading h1,.tool-card h2{font-weight:700}
.hero-copy h1{font-weight:900}
body.chinese .tool-section h2{font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;font-weight:900;font-synthesis:weight}
.tool-card h2,.tool-card:hover h2,.tool-card:focus-visible h2{text-decoration:none}
.tool-image-frame{overflow:hidden}
.tool-image-frame>img,.tool-image-frame>.mailbox-visual{transition:transform .55s cubic-bezier(.2,.7,.2,1);transform-origin:center}
.tool-image-frame:hover>img,.tool-image-frame:hover>.mailbox-visual,.tool-card:focus-visible .tool-image-frame>img,.tool-card:focus-visible .mailbox-visual{transform:scale(1.035)}
.seat-card .tool-image-frame{width:23.5vw;height:19.75vw}
.seat-card .tool-image-frame img{width:100%;height:100%;object-fit:cover}
.download-link{align-items:flex-end;gap:18px;line-height:1;padding-bottom:2px}
.download-link>[data-copy]{line-height:1;display:block}
.download-arrow{display:block;width:clamp(32px,2.15vw,46px);height:auto;flex:none;overflow:visible;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter}
.download-link:hover .download-arrow,.download-link:focus-visible .download-arrow{stroke-width:1.8}
@media(max-width:850px){.seat-card .tool-image-frame{width:100%;height:auto;aspect-ratio:4/3}}