@font-face{font-family:Hi-GEOM;src:url(/_astro/Hi-GEOM-Bold.DnaIcCR2.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:light;--ink:#050505;--text:#2b2b2b;--muted:#666;--muted-light:#8a8a8a;--soft:#f4f4f4;--state-hover:#f7f7f7;--state-selected:#ededed;--line:#0505051a;--mint:#00f1c9;--mint-soft:#d9fff9;--accent:#00be9e;--accent-highlight:#00be9e;--accent-on-dark:#00f1c9;--hero-accent:#00f1c1;--blue:#0a7cff;--blue-soft:#e7f1ff;--coral:#ff806f;--page:#fff;--hero-deep:#0c211d;--hero-deeper:#051512;--hero-text:#fff;--title-weight:750;--title-letter-spacing:-.02em;--radius-lg:36px;--radius-md:24px;--shadow-soft:0 24px 80px #00000017}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page)}body{min-width:320px;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;margin:0;font-family:SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:16px}html.dark-page-html,body.dark-page-body{background:#08142c}a{color:inherit}h1,h2,h3{font-weight:var(--title-weight)}img,svg{display:block}button,summary{font:inherit}.page-width{width:min(1152px,100% - 88px);margin-inline:auto}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:10px;padding:10px 14px;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;backdrop-filter:saturate(140%)blur(18px);background:#ffffffe0;border-bottom:1px solid #0505050f;transition:background .22s,border-color .22s,box-shadow .22s;position:sticky;top:0}.site-header--hero.is-over-hero{backdrop-filter:blur(20px);box-shadow:none;background:#071b1780;border-bottom-color:#ffffff1f}.site-header--hero~main{margin-top:-68px}.site-header--hero~main>.hero-cover{margin-top:0;padding-top:69px}.site-header--hero.is-over-hero .brand-link,.site-header--hero.is-over-hero .primary-nav a,.site-header--hero.is-over-hero .header-menu summary{color:var(--hero-text)}.site-header--hero.is-over-hero .primary-nav a:hover,.site-header--hero.is-over-hero .header-menu summary:hover{color:var(--mint)}.site-header--hero.is-over-hero .brand-link img{border-color:#ffffff29}.site-header--hero.is-over-hero .header-download,.site-header.has-visible-page-cta .header-download{visibility:hidden;opacity:0;pointer-events:none;max-width:0;margin-left:0;padding-left:0;padding-right:0;transition-delay:0s,0s,0s,0s,0s,0s,.18s;transform:translateY(-4px)}.site-header__inner{justify-content:space-between;align-items:center;gap:36px;min-height:68px;display:flex}.header-primary-group,.header-actions{align-items:center;display:flex}.header-primary-group{gap:36px;min-width:0}.brand-link{width:max-content;color:var(--ink);align-items:center;gap:11px;font-family:Hi-GEOM,SF Pro Display,sans-serif;font-size:22px;font-weight:700;text-decoration:none;display:inline-flex}.brand-link img{border:1px solid #0505050f;border-radius:12px}.primary-nav{align-items:center;gap:36px;display:flex}.primary-nav a,.header-text-link{color:var(--muted);font-size:16px;font-weight:700;text-decoration:none;transition:color .16s}.primary-nav a{color:var(--ink);letter-spacing:-.012em;font-size:20px;font-weight:760}.primary-nav a[aria-current=page],.header-text-link[aria-current=page]{color:var(--ink)}.primary-nav a:hover,.header-text-link:hover,.header-menu summary:hover{color:var(--accent-highlight)}.header-actions{gap:0}.header-actions .header-menu+.header-menu,.header-actions .header-download{margin-left:18px}.header-download,.secondary-button,.app-store-button{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-size:16px;font-weight:700;line-height:1;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s,opacity .16s;display:inline-flex}.header-download{background:var(--ink);color:#fff;white-space:nowrap;max-width:180px;min-height:38px;padding-inline:15px;font-size:14px;transition:max-width .22s,margin-left .22s,padding-left .22s,padding-right .22s,opacity .18s,transform .18s,visibility linear,background .16s;overflow:hidden}.app-store-button{gap:8px;width:max-content;min-width:200px;max-width:100%;min-height:64px;padding-inline:30px;font-size:18px}.header-download:hover,.app-store-button:hover,.secondary-button:hover{transform:translateY(-2px)}.header-menu{position:relative}.header-menu summary{min-height:42px;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;padding:0 4px;font-size:16px;font-weight:700;list-style:none;transition:color .16s;display:flex}.about-menu>summary,.language-menu>summary{color:var(--ink);font-weight:400}.site-header--hero.is-over-hero .about-menu>summary,.site-header--hero.is-over-hero .language-menu>summary{color:var(--hero-text)}.header-menu summary::-webkit-details-marker,.mobile-navigation summary::-webkit-details-marker{display:none}.header-menu summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;margin:-4px 2px 0 9px;transform:rotate(45deg)}.language-menu summary>span{text-align:center;letter-spacing:.015em;min-width:24px}.language-menu summary svg{width:20px;height:20px;margin-right:6px}.header-menu__panel{border:1px solid var(--line);min-width:176px;box-shadow:var(--shadow-soft);background:#fff;border-radius:16px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.about-menu .header-menu__panel{left:0;right:auto}.header-menu__panel a{border-radius:10px;padding:10px 12px;font-size:16px;font-weight:650;text-decoration:none;display:block}.header-menu__panel a:hover{background:var(--state-hover)}.header-menu__panel a[aria-current=page]{background:var(--state-selected)}.language-menu .header-menu__panel a{font-weight:400}.language-menu .header-menu__panel a[aria-current=page]{font-weight:700}.primary-nav .tools-menu{position:relative}.primary-nav .tools-menu>summary{color:var(--ink);letter-spacing:-.012em;font-size:20px;font-weight:760}.tools-menu__panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(520px,100vw - 32px);min-width:500px;padding:12px;display:grid;left:50%;right:auto;transform:translate(-50%)}.header-menu__panel a.tools-menu__item{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;min-width:0;padding:14px;font-weight:400;display:grid}.tools-menu__icon{color:#fff;border-radius:11px;place-items:center;width:44px;height:44px;font-size:20px;font-weight:800;line-height:1;display:grid}.tools-menu__icon--webp{background:#216fff}.tools-menu__icon--heic{background:#fe6a2b}.tools-menu__copy{min-width:0;display:block}.tools-menu__copy strong,.tools-menu__copy small{display:block}.tools-menu__copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:760;line-height:1.25;overflow:hidden}.tools-menu__copy small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.35}.mobile-navigation,.mobile-header-actions{display:none}.hero-cover{color:var(--hero-text);background:radial-gradient(circle at 70% 48%, #00f1c15c, transparent 24%), radial-gradient(circle at 80% 64%, #00b4f057, transparent 20%), linear-gradient(180deg, var(--hero-deeper), var(--hero-deep) 58%, #081b18);background-color:var(--hero-deeper);margin-top:-1px;padding-top:1px}.hero-section{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);align-items:center;gap:clamp(40px,5vw,72px);min-height:calc(100svh - 68px);padding-block:72px 92px;display:grid;transform:translateY(-14px)}.hero-copy{max-width:660px}.eyebrow{color:var(--accent);letter-spacing:0;margin:0 0 18px;font-size:clamp(17px,1.25vw,19px);font-weight:750;line-height:1.35}.title-accent{color:var(--accent-highlight)}.title-accent--block{display:block}.privacy-card .title-accent{color:var(--accent-on-dark)}.hero-cover .title-accent{color:var(--hero-accent)}.hero-copy h1,.section-heading h2,.feature-row__copy h3,.step-grid h3,.feature-detail-grid h3,.feature-related__grid strong,.privacy-card h2,.final-cta h2,.blog-header h1,.not-found h1{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-weight:var(--title-weight);letter-spacing:var(--title-letter-spacing);margin:0}.hero-copy h1{max-width:720px;font-size:clamp(46px,5.1vw + 2px,68px);line-height:1.07}html:lang(zh-Hans) .hero-copy h1,html:lang(zh-Hant) .hero-copy h1{font-size:clamp(46px,5vw + 2px,66px);line-height:1.08}.hero-description{max-width:650px;color:var(--muted);margin:28px 0 0;font-size:clamp(18px,2vw,22px);line-height:1.55}.hero-cover .eyebrow{color:var(--hero-accent)}.hero-cover .hero-description{color:#ffffffb8}.hero-cover .app-store-button--primary{color:var(--ink);box-shadow:none;background:#fff}.hero-demo-frame{aspect-ratio:1350/2760;isolation:isolate;width:min(100%,308px);margin-inline:auto;position:relative}.hero-demo-screen{z-index:0;background:#000;border-radius:9%/4.2%;width:89.42%;height:95%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.hero-demo-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-demo-device-frame{z-index:1;object-fit:contain;pointer-events:none;filter:drop-shadow(0 20px 28px #00000052);width:100%;height:100%;display:block;position:absolute;inset:0}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-actions .app-store-button,.hero-actions .secondary-button{min-height:64px;padding-inline:30px;font-size:18px}.app-store-button svg{width:25px;height:25px}.app-store-button--primary{background:var(--ink);color:#fff;box-shadow:none}.app-store-button--light{color:var(--ink);background:#fff}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.artwork-placeholder{border-radius:var(--radius-lg);min-height:480px;box-shadow:var(--shadow-soft);isolation:isolate;background:linear-gradient(145deg,#f3fbfa,#e7f6f4 52%,#dcedff);border:1px solid #05050512;position:relative;overflow:hidden}.feature-row .artwork-placeholder{min-height:430px}.feature-row .artwork-placeholder,.feature-row .product-artwork{box-shadow:none}.product-artwork{--product-shot-high:-24px;--product-shot-low:42px;border-radius:var(--radius-lg);min-height:480px;box-shadow:var(--shadow-soft);isolation:isolate;background:linear-gradient(155deg,#f5f6f7 0%,#e7eaed 100%);border:1px solid #05050512;position:relative;overflow:hidden}.product-artwork--clustered{--product-shot-half-gap:12px;--product-shot-vertical-offset:41px;min-height:430px}.product-artwork__shot{aspect-ratio:1350/2760;isolation:isolate;width:min(43%,245px);margin:0;position:absolute}.product-artwork__shot--1{top:var(--product-shot-low);z-index:2;left:3.5%;transform:none}.product-artwork__shot--2{top:var(--product-shot-high);right:3.5%;transform:none}.product-artwork--screenshots .product-artwork__shot{width:min(49.8%,282px);top:26px;left:50%;right:auto;transform:translate(-50%)}.product-artwork--left-high .product-artwork__shot--1{top:var(--product-shot-high)}.product-artwork--left-high .product-artwork__shot--2{top:var(--product-shot-low)}.product-artwork__screen{z-index:0;background:#fff;border-radius:9%/4.2%;width:89.42%;height:95%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.product-artwork__screen img{object-fit:cover;width:100%;height:100%;display:block}.product-artwork__device-frame{z-index:1;object-fit:contain;pointer-events:none;filter:drop-shadow(0 18px 24px #00000040);width:100%;height:100%;display:block;position:absolute;inset:0}.product-artwork--bare{--product-shot-high:6px;--product-shot-low:58px;box-shadow:none;background:0 0;border:0;border-radius:0}.product-artwork--bare .product-artwork__shot{width:min(47%,248px)}.product-artwork--bare .product-artwork__shot--1{left:3%}.product-artwork--bare .product-artwork__shot--2{right:3%}.placeholder-orb{filter:blur(2px);opacity:.82;border-radius:50%;position:absolute}.placeholder-orb--one{background:#00f1c94d;width:310px;height:310px;top:-100px;right:-60px}.placeholder-orb--two{background:#0a7cff29;width:230px;height:230px;bottom:-90px;left:-50px}.placeholder-device{background:#fff;border:8px solid #15201f;border-radius:42px;width:234px;height:390px;padding:34px 20px 20px;position:absolute;top:46px;left:50%;transform:translate(-50%)rotate(3deg);box-shadow:0 30px 70px #0003}.placeholder-device:before{content:"";background:#15201f;border-radius:999px;width:78px;height:20px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.placeholder-device__bar{background:#c7d8d6;border-radius:999px;width:58%;height:11px;margin-bottom:20px}.placeholder-device__cards{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.placeholder-device__cards span{aspect-ratio:1;background:linear-gradient(145deg, var(--mint-soft), #bdf);border-radius:16px}.placeholder-device__cards span:nth-child(2),.placeholder-device__cards span:nth-child(3){background:linear-gradient(145deg,#fff0ed,#ffd3cc)}.placeholder-label{z-index:3;color:var(--ink);backdrop-filter:blur(14px);background:#ffffffc7;border:1px dashed #0505052e;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:13px 16px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.placeholder-label span{letter-spacing:.01em;font-size:14px;font-weight:750}.placeholder-label small{color:var(--muted);font-size:13px}.artwork-placeholder--similar .placeholder-device{transform:translate(-50%)rotate(-3deg)}.artwork-placeholder--swipe{background:linear-gradient(145deg,#fff6f4,#f8e9e7 50%,#e7f4ff)}.artwork-placeholder--swipe .placeholder-device{transform:translate(-50%)rotate(5deg)}.artwork-placeholder--compression{background:linear-gradient(145deg,#eef4ff,#e1edff 52%,#ddfaef)}.artwork-placeholder--compression .placeholder-device{transform:translate(-50%)rotate(-2deg)scale(.95)}.artwork-placeholder--screenshots{background:linear-gradient(145deg, #f7f4ff, #ece7ff 50%, var(--mint-soft))}.features-section,.faq-section{padding-block:128px}.section-heading{max-width:760px}.section-heading--center{text-align:center;margin-inline:auto}.section-heading h2,.privacy-card h2,.final-cta h2{font-size:clamp(36px,4vw,52px);line-height:1.08}.feature-list{gap:116px;margin-top:86px;display:grid}.features-section>.feature-list{margin-top:0}.feature-row{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:clamp(60px,8vw,116px);display:grid}.feature-row--reverse{grid-template-columns:minmax(340px,.95fr) minmax(0,1.05fr)}.feature-row--reverse .feature-row__visual{order:2}.product-artwork--clustered .product-artwork__shot{width:min(41.5%,235px);top:50%}.product-artwork--clustered .product-artwork__shot--1{transform:translate(calc(-100% - var(--product-shot-half-gap)), calc(-50% + var(--product-shot-vertical-offset)));left:50%;right:auto}.product-artwork--clustered .product-artwork__shot--2{transform:translate(var(--product-shot-half-gap), calc(-50% - var(--product-shot-vertical-offset)));left:50%;right:auto}.product-artwork--clustered.product-artwork--left-high .product-artwork__shot--1{transform:translate(calc(-100% - var(--product-shot-half-gap)), calc(-50% - var(--product-shot-vertical-offset)))}.product-artwork--clustered.product-artwork--left-high .product-artwork__shot--2{transform:translate(var(--product-shot-half-gap), calc(-50% + var(--product-shot-vertical-offset)))}.feature-row__copy{max-width:480px}.feature-row__copy h3{letter-spacing:var(--title-letter-spacing);margin:0;font-size:clamp(36px,3.5vw + 4px,50px);line-height:1.12}.feature-row__copy .title-accent{color:inherit}.feature-row__copy>p:not(.eyebrow){color:var(--muted);margin:22px 0 0;font-size:18px;line-height:1.65}.feature-row__link{color:var(--accent-highlight);align-items:center;gap:7px;margin-top:24px;font-size:18px;font-weight:750;text-decoration:none;display:inline-flex}.feature-row__links{flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px;display:flex}.feature-row__links .feature-row__link{margin-top:0}.feature-row__link span{transition:transform .16s}.feature-row__link:hover span{transform:translate(4px)}.feature-landing-hero__inner{grid-template-columns:minmax(0,1.14fr) minmax(360px,.86fr);align-items:center;gap:clamp(40px,5vw,72px);min-height:min(760px,100svh - 68px);padding-block:72px 92px;display:grid;transform:translateY(-14px)}.feature-landing-hero__copy{max-width:660px}.feature-landing-hero__copy h1{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:clamp(46px,5.1vw + 2px,68px);font-weight:var(--title-weight);letter-spacing:var(--title-letter-spacing);margin:0;line-height:1.07}html:lang(zh-Hans) .feature-landing-hero__copy h1,html:lang(zh-Hant) .feature-landing-hero__copy h1{font-size:clamp(46px,5vw + 2px,66px);line-height:1.08}.feature-landing-hero__description{color:#ffffffb8;max-width:650px;margin:28px 0 0;font-size:clamp(18px,2vw,22px);line-height:1.55}.feature-landing-hero__visual .artwork-placeholder,.feature-landing-hero__visual .product-artwork{min-height:540px;box-shadow:0 30px 90px #00000047}.feature-landing-hero__visual .product-artwork--bare{box-shadow:none}.feature-landing-hero__visual .product-artwork--bare .product-artwork__shot{top:50%;transform:translateY(-50%)}.feature-landing-hero__visual .product-artwork.product-artwork--hero-single{aspect-ratio:1350/2760;width:min(100%,308px);min-height:0;margin-inline:auto;overflow:visible}.feature-landing-hero__visual .product-artwork.product-artwork--hero-single .product-artwork__shot{width:100%;inset:0;transform:none}.feature-landing-hero__visual .product-artwork.product-artwork--hero-pair{--hero-pair-half-gap:12px;--hero-pair-edge-space:16px}.feature-landing-hero__visual .product-artwork.product-artwork--hero-pair .product-artwork__shot{width:min(calc(50% - var(--hero-pair-edge-space)), 248px);top:50%}.feature-landing-hero__visual .product-artwork.product-artwork--hero-pair .product-artwork__shot--1{transform:translate(calc(-100% - var(--hero-pair-half-gap)), -50%);left:50%;right:auto}.feature-landing-hero__visual .product-artwork.product-artwork--hero-pair .product-artwork__shot--2{transform:translate(var(--hero-pair-half-gap), -50%);left:50%;right:auto}.feature-page-section{padding-block:120px}.feature-page-section--soft{background:var(--soft)}.feature-details-layout{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(56px,9vw,120px);display:grid}.feature-details-layout .section-heading{position:sticky;top:112px}.feature-detail-grid{gap:18px;margin:64px auto 0;display:grid}.feature-detail-grid[data-count="1"]{grid-template-columns:1fr;max-width:760px}.feature-detail-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-detail-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-detail-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-detail-grid article{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;min-height:220px;padding:36px}.feature-detail-grid article:before{content:"";background:var(--accent);border-radius:999px;width:34px;height:5px;display:block}.feature-detail-grid h3{letter-spacing:var(--title-letter-spacing);margin:24px 0 0;font-size:clamp(24px,2vw,27px);line-height:1.18}.feature-detail-grid p{color:var(--muted);margin:12px 0 0;font-size:16px;line-height:1.6}.feature-page-section .section-heading h2,.feature-details-layout .section-heading h2,.feature-related .section-heading h2{letter-spacing:var(--title-letter-spacing);margin:0;font-size:clamp(34px,4vw,50px);line-height:1.1}.feature-page-faq{padding-block:120px 96px}.feature-companion{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(48px,8vw,96px);margin-block:120px 24px;padding:0;display:grid}.feature-companion__copy{max-width:520px}.feature-companion__copy h2{letter-spacing:var(--title-letter-spacing);margin:0;font-size:clamp(34px,4vw,50px);line-height:1.1}.feature-companion__copy p{color:var(--muted);margin:22px 0 0;font-size:18px;line-height:1.65}.feature-companion__copy a{color:var(--accent-highlight);align-items:center;gap:7px;margin-top:28px;font-size:18px;font-weight:750;text-decoration:none;display:inline-flex}.feature-companion__copy a span{transition:transform .16s}.feature-companion__copy a:hover span{transform:translate(4px)}.feature-companion .product-artwork{min-height:430px;box-shadow:none}.feature-related{padding-block:36px 112px}.feature-related .section-heading{max-width:720px}.feature-related__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px;display:grid}.feature-related__card{border:1px solid var(--line);border-radius:var(--radius-md);min-width:0;color:var(--ink);background:#fff;text-decoration:none;transition:box-shadow .18s,transform .18s;overflow:hidden}.feature-related__card:hover{transform:translateY(-3px);box-shadow:0 18px 44px #00000017}.feature-related__card .product-artwork{height:300px;min-height:0;box-shadow:none;border:0;border-radius:0}.feature-related__card .product-artwork--duplicates,.feature-companion .product-artwork--duplicates{background:linear-gradient(#badee9,#eef9fc)}.feature-related__card .product-artwork--similar,.feature-companion .product-artwork--similar{background:linear-gradient(#9ba9d3,#e0e7f7)}.feature-related__card .product-artwork--swipe{background:linear-gradient(#3e4662,#636b84)}.feature-related__card .product-artwork--compression{background:linear-gradient(#d7c6be,#f7f1ed)}.feature-related__card .product-artwork--screenshots{background:linear-gradient(#c1d8ec,#f3f9fd)}.feature-related__card .product-artwork__shot{width:min(40%,138px);top:20px;left:50%;right:auto;transform:translate(-50%)}.feature-related__footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:88px;padding:20px 22px;display:flex}.feature-related__grid strong{font-size:19px;font-weight:var(--title-weight);letter-spacing:var(--title-letter-spacing);line-height:1.32}.feature-related__arrow{width:auto;height:auto;color:var(--accent-highlight);flex:none;font-size:25px;font-weight:650;line-height:1;transition:transform .16s}.feature-related__card:hover .feature-related__arrow{transform:translate(3px)}.privacy-section{padding-block:48px 96px}.privacy-card{border-radius:var(--radius-lg);color:#fff;background:#0f2a26;grid-template-columns:140px minmax(0,780px);align-items:start;gap:50px;padding:clamp(48px,8vw,92px);display:grid}.privacy-symbol{background:#ffffff12;border:1px solid #ffffff29;border-radius:30px;place-items:center;width:112px;height:112px;display:grid}.privacy-symbol svg{width:58px}.privacy-symbol__shield{fill:var(--mint)}.privacy-symbol__check{fill:none;stroke:var(--hero-deeper);stroke-linecap:round;stroke-linejoin:round;stroke-width:3.4px}.privacy-card .eyebrow{color:var(--accent-on-dark)}.privacy-card p:not(.eyebrow){color:#ffffffb8;max-width:720px;margin:24px 0 0;font-size:18px;line-height:1.65}.privacy-card a{color:#fff;margin-top:28px;font-size:18px;font-weight:700;text-decoration:none;display:inline-block}.step-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:64px 0 0;padding:0;list-style:none;display:grid}.step-grid li{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;padding:36px}.step-grid li>span{width:auto;height:auto;color:var(--accent);background:0 0;border-radius:0;font-family:Hi-GEOM,sans-serif;font-size:48px;font-weight:700;line-height:.9;display:block}.step-grid h3{letter-spacing:var(--title-letter-spacing);margin:24px 0 0;font-size:clamp(24px,2vw,27px);line-height:1.18}.step-grid p{color:var(--muted);margin:12px 0 0;font-size:16px;line-height:1.6}.faq-section{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(50px,9vw,120px);display:grid}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:24px 0}.faq-list summary{cursor:pointer;padding-right:40px;font-size:18px;font-weight:700;line-height:1.4;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{color:var(--muted);content:"+";font-size:24px;font-weight:400;position:absolute;top:2px;right:5px}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--muted);margin:15px 44px 0 0;font-size:16px;line-height:1.65}.final-cta{padding-block:40px 120px}.final-cta__inner{border-radius:var(--radius-lg);background:linear-gradient(130deg,#d1f5ef,#74e8d5 54%,#00f1c9);grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:clamp(38px,6vw,68px);display:grid}.final-cta__inner>img{border-radius:24px;box-shadow:0 16px 40px #00000024}.final-cta h2{font-size:clamp(30px,3.5vw,46px)}.final-cta p{color:#050505ad;max-width:650px;margin:14px 0 0;line-height:1.6}.site-footer{border-top:1px solid var(--line)}.site-footer__inner{grid-template-columns:1fr auto;align-items:end;gap:32px;padding-block:28px 24px;display:grid}.footer-groups{gap:clamp(88px,8vw,132px);display:flex}.footer-group>p{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 7px;font-size:14px;font-weight:650}.footer-link-list{flex-direction:column;gap:5px;display:flex}.footer-link-list a{color:var(--muted-light);font-size:14px;font-weight:500;line-height:1.45;text-decoration:none;transition:color .16s}.footer-link-list a:hover{color:var(--ink)}.copyright{color:var(--muted-light);margin:0;font-size:14px;font-weight:450}.content-shell{padding-block:40px 120px}.content-mobile-back{display:none}.content-layout{grid-template-columns:minmax(0,1fr) 44px 1px 44px 260px;justify-content:stretch;align-items:start;gap:0;margin-top:0;display:grid;position:relative}.content-layout:before{background:var(--line);content:"";pointer-events:none;grid-area:1/3;align-self:stretch;width:1px}.content-layout--single{grid-template-columns:minmax(0,1fr);justify-content:stretch}.content-layout--single:before{display:none}.content-sidebar{grid-area:1/5;position:sticky;top:112px}.content-sidebar__title{color:var(--ink);letter-spacing:.01em;margin:0 0 14px;padding-left:14px;font-size:15px;font-weight:650}.content-sidebar nav{gap:4px;display:grid}.content-sidebar>.content-sidebar__empty{max-width:180px;color:var(--muted);letter-spacing:0;text-transform:none;margin:18px 0 0;font-size:15px;font-weight:500;line-height:1.7}.content-sidebar a{color:var(--muted);border-radius:11px;padding:11px 14px;font-size:16px;font-weight:400;text-decoration:none;display:block;position:relative}.content-sidebar--legal a{font-size:18px;font-weight:400}.content-sidebar--blog a{color:var(--muted-light);font-size:14px}.content-sidebar a>span{line-height:1.42;display:block}.content-sidebar a time,.content-sidebar__status{color:var(--muted-light);letter-spacing:.015em;margin-top:6px;font-size:12px;font-weight:450;display:block}.content-sidebar__status{color:var(--accent);font-weight:650}.content-sidebar a:hover{background:var(--state-hover);color:var(--text)}.content-sidebar a[aria-current=page]{background:var(--soft);color:var(--text);font-weight:600}.content-main{grid-area:1/1;min-width:0}.content-article{min-width:0}.content-article__header{margin-bottom:48px}.content-article__header>p:not(.eyebrow){max-width:700px;color:var(--muted);margin:22px 0 0;font-size:19px;line-height:1.65}.legal-content h1,.content-article__header h1{letter-spacing:var(--title-letter-spacing);margin:0 0 22px;font-size:clamp(32px,3.2vw,40px);line-height:1.18}.legal-content h2{letter-spacing:var(--title-letter-spacing);margin:44px 0 14px;font-size:25px}.blog-content h2{color:var(--ink);letter-spacing:var(--title-letter-spacing);margin:44px 0 14px;font-size:24px;font-weight:750;line-height:1.35}.legal-content p,.legal-content li,.blog-content p,.blog-content li{color:var(--text);font-size:16px;line-height:1.75}.legal-content ul,.blog-content ul,.blog-content ol{padding-left:24px}.legal-content a,.blog-content a{color:#096cbe;text-underline-offset:3px}.blog-header{margin-bottom:42px}.blog-header h1{letter-spacing:var(--title-letter-spacing);margin-bottom:0;font-size:clamp(32px,3vw,40px);line-height:1.22}.content-article__header.blog-header>.blog-dek{max-width:700px;color:var(--muted-light);margin:14px 0 0;font-size:16px;font-weight:400;line-height:1.65}.blog-meta{flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:14px;font-size:13px;font-weight:550;display:flex}.blog-meta span{color:var(--accent)}.blog-meta time{color:var(--muted-light)}.blog-callout,.blog-content blockquote{border-left:3px solid var(--accent);background:var(--soft);color:var(--text);border-radius:0 14px 14px 0;margin:24px 0 8px;padding:20px 22px;font-size:16px;line-height:1.7}.blog-content blockquote p{margin:0}.blog-content>img{border-radius:18px;max-width:100%;height:auto;margin:32px auto;display:block}.blog-content>img+p{color:var(--muted-light);text-align:center;margin:-20px auto 28px;font-size:15px;line-height:1.6}.blog-content>img+p em{font-style:normal}.blog-image{margin:32px 0 28px}.blog-image img{border-radius:18px;width:100%;max-width:100%;height:auto;margin:0}.blog-image figcaption{color:var(--muted-light);text-align:center;margin:10px auto 0;font-size:15px;line-height:1.5}.blog-product-artwork-shell{box-shadow:none;background:linear-gradient(155deg,#f5f6f7 0%,#e7eaed 100%);border:1px solid #05050512;border-radius:18px;margin:32px 0 28px;overflow:hidden}.blog-product-artwork-block{margin:32px 0 28px}.blog-product-artwork-block .blog-product-artwork-shell{margin:0}.blog-product-artwork-shell>.product-artwork{width:min(100%,680px);box-shadow:none;background:0 0;border:0;border-radius:0;margin-inline:auto}.blog-product-artwork-block figcaption{color:var(--muted-light);text-align:center;margin:10px auto 0;font-size:15px;line-height:1.5}.blog-content table{border-spacing:0;width:100%;box-shadow:none;background:#f1f7ff;border:1px solid #0a7cff47;border-radius:16px;margin:24px 0 32px;font-size:15px;line-height:1.55;overflow:hidden}.blog-content th,.blog-content td{text-align:left;vertical-align:top;border-bottom:1px solid #0a7cff2e;padding:11px 14px}.blog-content th+th,.blog-content td+td{border-left:1px solid #0a7cff2e}.blog-content th{color:var(--ink);background:#cfe3ff;font-weight:650}.blog-content table:not(:first-of-type) th:nth-child(-n+2){background:#cfe3ff}.blog-content table:not(:first-of-type) td:nth-child(-n+2){background:#f1f7ff}.blog-content table:not(:first-of-type) th:nth-child(3),.blog-content table:not(:first-of-type) td:nth-child(3){text-align:center;background:#f4f4f7}.blog-content table:not(:first-of-type) th:nth-child(3){background:#ffd36b}.blog-content table:not(:first-of-type) th:nth-child(n+4){background:#eadfff}.blog-content table:not(:first-of-type) td:nth-child(n+4){background:#faf7ff}.blog-content tr:last-child td{border-bottom:0}.tool-hero{color:var(--hero-text);background:var(--hero-deep)}.tool-hero__inner{padding-block:100px 150px}.tool-hero h1{letter-spacing:-.055em;max-width:760px;margin:14px 0 22px;font-size:clamp(52px,7vw,92px);line-height:.98}.tool-hero>.tool-hero__inner>p:last-child{color:#ffffffb8;max-width:620px;margin:0;font-size:20px;line-height:1.55}.tool-hero .eyebrow{color:var(--accent-on-dark)}.tool-workspace{z-index:1;margin-top:-72px;padding-bottom:84px;position:relative}.webp-converter{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--page);box-shadow:var(--shadow-soft);padding:34px}.tool-drop-zone{border-radius:var(--radius-md);background:var(--mint-soft);min-height:290px;color:var(--ink);text-align:center;cursor:pointer;border:1.5px dashed #00be9e80;align-content:center;justify-items:center;gap:12px;padding:34px;transition:border-color .16s,background .16s,transform .16s;display:grid}.tool-drop-zone:hover,.tool-drop-zone.is-dragging{border-color:var(--accent);background:#c9fff5;transform:translateY(-2px)}.tool-drop-zone__icon{background:var(--ink);width:56px;height:56px;color:var(--mint);border-radius:18px;place-items:center;font-size:32px;line-height:1;display:grid}.tool-drop-zone>span{color:var(--muted)}.tool-browse-button{cursor:pointer;min-height:48px;margin-top:8px}.tool-options{grid-template-columns:minmax(180px,.7fr) minmax(220px,1fr) auto;align-items:end;gap:20px;margin-top:28px;display:grid}.tool-field{min-width:0;color:var(--muted);gap:9px;font-size:14px;font-weight:700;display:grid}.tool-field__label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tool-quality-reset{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.tool-quality-reset:disabled{cursor:not-allowed;opacity:.38}.tool-field select,.tool-field input[type=range]{width:100%}.tool-field select{border:1px solid var(--line);background:var(--page);min-height:48px;color:var(--ink);border-radius:14px;padding:0 14px;font-weight:650}.tool-field output{color:var(--ink)}.tool-field input[type=range]{accent-color:var(--accent)}.tool-quality-field small{min-height:18px;color:var(--muted-light);font-weight:500}.tool-actions{gap:10px;display:flex}.tool-primary-button,.tool-actions .secondary-button{cursor:pointer;white-space:nowrap;border-radius:999px;min-height:48px;padding:0 18px;font-weight:700}.tool-primary-button{border:1px solid var(--ink);background:var(--ink);color:#fff}.tool-primary-button:disabled,.tool-actions .secondary-button:disabled,.tool-download-all:disabled{cursor:not-allowed;opacity:.38}.tool-status{min-height:24px;color:var(--muted);margin:18px 0 0;font-size:14px}.tool-files,.tool-results{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}.tool-section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.tool-section-heading h2{margin:0;font-size:22px}.tool-section-heading>span{color:var(--muted);font-size:14px}.tool-download-all{cursor:pointer;min-height:42px;padding:0 16px}.webp-file-list,.webp-results{margin:0;padding:0;list-style:none}.webp-file-list{gap:8px;display:grid}.webp-file-list__item{background:var(--soft);border-radius:14px;grid-template-columns:minmax(0,1fr) auto 32px;align-items:center;gap:12px;min-width:0;padding:13px 14px;display:grid}.webp-file-list__item>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.webp-file-list__item small,.webp-result-card__content>span{color:var(--muted);font-size:13px}.tool-remove-file{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:22px;line-height:1}.tool-remove-file:hover{background:var(--state-selected);color:var(--ink)}.tool-empty-state{background:var(--soft);color:var(--muted);text-align:center;border-radius:14px;padding:18px}.webp-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.webp-result-card{border:1px solid var(--line);border-radius:18px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:12px;display:grid}.webp-result-card>img{background:var(--soft);object-fit:contain;border-radius:12px;width:92px;height:92px}.webp-result-card__content{align-content:center;gap:7px;min-width:0;display:grid}.webp-result-card__content strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-result-download{width:max-content;min-height:36px;padding:0 13px;font-size:13px}.tool-information{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:88px;display:grid}.tool-information article{border-radius:var(--radius-md);background:var(--soft);padding:28px}.tool-information h2,.tool-information p{margin:0}.tool-information p{color:var(--muted);margin-top:12px;line-height:1.6}.tool-final-cta__inner{border-radius:var(--radius-lg);background:var(--ink);color:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;padding:38px;display:grid}.tool-final-cta h2,.tool-final-cta p{margin:0}.tool-final-cta h2{letter-spacing:-.03em;font-size:clamp(26px,4vw,42px)}.tool-final-cta p{color:#ffffffad;max-width:620px;margin-top:10px;line-height:1.55}@media (width<=640px){.blog-content table{white-space:nowrap;display:block;overflow-x:auto}.blog-product-artwork-block figcaption{font-size:14px}}.storage-calculator{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--soft);margin:0 0 62px;padding:32px}.storage-calculator header h2{letter-spacing:var(--title-letter-spacing);margin:0;font-size:30px}.storage-calculator header>p:last-child{color:var(--muted);margin:12px 0 0;font-size:16px;line-height:1.65}.calculator-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.calculator-fields label{color:var(--text);gap:8px;font-size:15px;font-weight:700;display:grid}.calculator-fields select,.calculator-fields input{width:100%;height:48px;color:var(--ink);font:inherit;background:#fff;border:1px solid #05050529;border-radius:12px;outline:none;padding:0 14px}.calculator-fields select:focus,.calculator-fields input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00be962e}.calculator-input-unit{position:relative}.calculator-input-unit input{padding-right:48px}.calculator-input-unit>span{color:var(--muted);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.calculator-results{border:1px solid var(--line);background:var(--line);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:28px;display:grid;overflow:hidden}.calculator-results article{background:#fff;min-height:130px;padding:20px}.calculator-results p,.calculator-results strong,.calculator-results small{margin:0;display:block}.calculator-results p{color:var(--muted);font-size:14px;font-weight:700}.calculator-results strong{margin-top:12px;font-family:Hi-GEOM,SF Pro Display,sans-serif;font-size:25px}.calculator-results small{color:var(--muted);margin-top:8px;font-size:13px}.storage-calculator>.calculator-caveat{color:var(--text);margin:20px 0 0;font-size:15px;font-weight:650;line-height:1.65}.storage-calculator>.calculator-checked{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.55}.blog-cta{border-radius:var(--radius-md);background:var(--soft);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon copy button";align-items:center;gap:22px;margin:72px auto 0;padding:26px;display:grid}.blog-cta__icon{border-radius:21px;grid-area:icon;width:72px;height:72px;box-shadow:0 12px 28px #00000021}.blog-cta__copy{grid-area:copy}.blog-cta>.app-store-button{grid-area:button}.blog-cta h2,.blog-cta p{margin:0}.blog-cta p{color:var(--accent-highlight);margin-top:6px;font-size:17px;font-weight:650;line-height:1.5}.blog-index__title{letter-spacing:var(--title-letter-spacing);margin:0 0 28px;font-size:26px;line-height:1.25}.blog-topic-list{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--line);gap:1px;display:grid;overflow:hidden}.blog-topic-list>a{color:inherit;background:#fff;grid-template-columns:56px minmax(0,1fr);gap:20px;padding:28px;text-decoration:none;transition:background .16s;display:grid}.blog-topic-list>a:hover{background:var(--state-hover)}.blog-topic-list>a>span{color:var(--muted-light);opacity:.35;font-family:Hi-GEOM,sans-serif;font-size:clamp(30px,3vw,36px);font-weight:500;line-height:1}.blog-topic-list h2,.blog-topic-list p{margin:0}.blog-topic-list h2{letter-spacing:var(--title-letter-spacing);font-size:24px;line-height:1.35}.blog-topic-list p{color:var(--muted-light);margin-top:9px;font-size:16px;line-height:1.65}.blog-topic-meta{letter-spacing:.01em;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:14px;font-size:13px;font-weight:650;display:flex}.blog-topic-meta span{color:var(--accent)}.blog-topic-meta time{color:var(--muted-light);font-weight:500}.editorial-note{border-radius:var(--radius-md);background:var(--soft);margin-top:52px;padding:32px}.editorial-note h2,.editorial-note p{margin:0}.editorial-note h2{letter-spacing:var(--title-letter-spacing);font-size:23px}.editorial-note p{color:var(--muted);margin-top:12px;line-height:1.7}.editorial-note a{color:var(--ink);margin-top:20px;font-weight:700;text-decoration:none;display:inline-block}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;min-height:66vh;display:flex}.not-found h1{font-size:clamp(48px,7vw,82px)}.not-found>p:not(.eyebrow){color:var(--muted);margin:22px 0 30px;font-size:18px}.language-suggestion{z-index:21;width:max-content;max-width:calc(100% - 32px);box-shadow:none;backdrop-filter:blur(20px);color:#ffffffeb;background:#071b1780;border:0;border-radius:999px;align-items:center;gap:9px;padding:9px 10px 9px 13px;display:flex;position:fixed;top:72px;left:50%;transform:translate(-50%)}.language-suggestion[hidden]{display:none}.language-suggestion p{flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;margin:0;font-size:14px;line-height:1.4;display:flex}.language-suggestion a{color:var(--mint);white-space:nowrap;font-weight:750;text-decoration:none}.language-suggestion button{color:#ffffff9e;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;width:28px;height:28px;padding:0;font-size:22px;line-height:1;transition:color .16s,background .16s;display:grid}.language-suggestion button span{line-height:1;display:block;transform:translateY(-1px)}.language-suggestion button:hover{color:#fff;background:#ffffff1a}@media (width>=901px) and (height<=820px){.hero-section,.feature-landing-hero__inner{padding-block:44px 52px;transform:translateY(-20px)}.hero-demo-frame,.feature-landing-hero__visual .product-artwork.product-artwork--hero-single{width:min(100%,288px)}.hero-copy,.feature-landing-hero__copy{transform:translateY(-8px)}.feature-landing-hero__visual .artwork-placeholder,.feature-landing-hero__visual .product-artwork{min-height:500px}}@media (width<=900px){.site-header--hero~main{margin-top:-60px}.site-header--hero~main>.hero-cover{padding-top:61px}.site-header__inner{min-height:60px}.primary-nav,.header-actions{display:none}.mobile-header-actions{align-items:center;gap:0;display:flex}.language-suggestion{gap:7px;max-width:calc(100% - 24px);padding:7px 9px 7px 11px;top:64px;right:auto}.language-suggestion p{font-size:13px}.language-suggestion button{width:26px;height:26px;font-size:20px}.mobile-header-download{min-height:36px;padding-inline:13px;font-size:14px}.mobile-navigation{margin-left:4px;transition:margin-left .22s;display:block}.site-header--hero.is-over-hero .mobile-navigation,.site-header.has-visible-page-cta .mobile-navigation{margin-left:0}.mobile-navigation>summary{cursor:pointer;place-content:center;gap:6px;width:44px;height:44px;list-style:none;display:grid;position:relative}.mobile-navigation>summary span{background:var(--ink);border-radius:999px;width:20px;height:1.5px;transition:transform .18s}.site-header--hero.is-over-hero .mobile-navigation>summary span{background:#fff}.mobile-navigation[open]>summary span:first-child{transform:translateY(3.75px)rotate(45deg)}.mobile-navigation[open]>summary span:last-child{transform:translateY(-3.75px)rotate(-45deg)}.mobile-navigation__panel{z-index:19;border-top:1px solid var(--line);height:calc(100dvh - 60px);color:var(--ink);backdrop-filter:blur(24px);background:#fffffffa;padding:30px max(24px,50vw - 360px);position:fixed;top:60px;left:0;right:0;overflow-y:auto}.mobile-navigation__primary{display:grid}.mobile-navigation__primary a{letter-spacing:-.035em;padding:9px 0;font-size:30px;font-weight:740;text-decoration:none}.mobile-tools-menu{border-top:1px solid var(--line);margin-top:17px;padding-top:22px}.mobile-tools-menu>p{color:var(--muted);letter-spacing:.01em;margin:0 0 8px;font-size:15px;font-weight:750}.mobile-tools-menu__grid{gap:4px;display:grid}.mobile-navigation__primary .mobile-tools-menu a.tools-menu__item{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:9px 0;text-decoration:none;display:grid}.mobile-navigation__primary .tools-menu__icon{border-radius:10px;width:36px;height:36px;font-size:16px}.mobile-navigation__primary .tools-menu__copy strong{font-size:16px;line-height:1.25}.mobile-navigation__primary .tools-menu__copy small{margin-top:3px;font-size:13px;line-height:1.35}.mobile-navigation__secondary{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:38px;padding-top:28px;display:grid}.mobile-navigation__secondary>div{align-content:start;gap:10px;display:grid}.mobile-navigation__secondary p{color:var(--muted);letter-spacing:.01em;margin:0 0 3px;font-size:15px;font-weight:750}.mobile-navigation__secondary a{width:max-content;max-width:100%;color:var(--muted);font-size:16px;font-weight:650;text-decoration:none}.mobile-navigation__secondary a[aria-current=page]{color:var(--ink)}.content-shell{padding-block:32px 90px}.content-layout{grid-template-columns:1fr;gap:0;margin-top:0}.content-layout:before,.content-sidebar{display:none}.content-mobile-back{min-height:40px;color:var(--muted);align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.content-mobile-back+.content-layout{margin-top:20px}.hero-cover{background:radial-gradient(circle at 45% 72%, #00f1c15c, transparent 24%), radial-gradient(circle at 55% 84%, #00b4f057, transparent 20%), linear-gradient(180deg, var(--hero-deeper), var(--hero-deep) 58%, #081b18)}.hero-section,.feature-landing-hero__inner{grid-template-columns:1fr;min-height:auto;padding-block:72px 90px}.feature-landing-hero__copy{max-width:760px}.feature-landing-hero__visual{width:min(620px,100%);margin-inline:auto}.feature-details-layout{grid-template-columns:1fr}.feature-companion{grid-template-columns:1fr;gap:48px}.feature-companion__copy{max-width:680px}.feature-details-layout .section-heading{position:static}.feature-detail-grid[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-detail-grid[data-count="3"] article:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 9px)}.hero-copy{max-width:760px}.hero-visual{width:min(620px,100%);margin-inline:auto}.features-section,.faq-section,.feature-page-section,.feature-page-faq{padding-block:96px}.feature-row,.feature-row--reverse{grid-template-columns:1fr;gap:42px}.feature-row__copy{order:1;max-width:650px}.feature-row__visual,.feature-row--reverse .feature-row__visual{order:2}.feature-related__grid{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-right:calc(-50vw + 50%);padding:3px 44px 18px 0;display:flex;overflow-x:auto}.feature-related__grid::-webkit-scrollbar{display:none}.feature-related__card{scroll-snap-align:start;flex:0 0 calc(50% - 9px)}.privacy-card{grid-template-columns:96px 1fr;gap:30px}.privacy-symbol{width:88px;height:88px}.step-grid,.faq-section{grid-template-columns:1fr}.final-cta__inner{grid-template-columns:auto 1fr}.final-cta .app-store-button{grid-column:1/-1;width:max-content}}@media (width<=620px){.page-width{width:min(100% - clamp(40px,12vw,48px),1152px)}.brand-link{gap:9px;font-size:19px}.brand-link img{width:36px;height:36px}.hero-section,.feature-landing-hero__inner{padding-block:54px 72px;transform:translateY(-10px)}.feature-landing-hero__copy h1,.hero-copy h1{font-size:clamp(42px,11vw + 2px,54px)}html:lang(zh-Hans) .feature-landing-hero__copy h1,html:lang(zh-Hant) .feature-landing-hero__copy h1,html:lang(zh-Hans) .hero-copy h1,html:lang(zh-Hant) .hero-copy h1{font-size:clamp(40px,10vw + 2px,50px)}.feature-landing-hero__description,.hero-description{font-size:17px}.feature-landing-hero__visual .artwork-placeholder,.feature-landing-hero__visual .product-artwork{min-height:390px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions>*{width:100%}.hero-cover .hero-actions .app-store-button{min-height:68px;font-size:19px}.hero-section,.feature-landing-hero__inner{gap:40px}.artwork-placeholder,.feature-row .artwork-placeholder,.product-artwork,.feature-row .product-artwork{border-radius:26px;min-height:390px}.product-artwork__shot{width:46%}.product-artwork{--product-shot-high:0;--product-shot-low:48px}.product-artwork--clustered{--product-shot-half-gap:8px;--product-shot-vertical-offset:28px}.product-artwork--clustered .product-artwork__shot{width:44%}.product-artwork--screenshots .product-artwork__shot{width:55.2%;top:24px}.product-artwork__shot--1{left:2%}.product-artwork__shot--2{right:2%}.product-artwork--bare .product-artwork__shot{width:min(48%,248px)}.feature-landing-hero__visual .product-artwork.product-artwork--hero-pair{--hero-pair-half-gap:8px;--hero-pair-edge-space:12px}.product-artwork--bare{--product-shot-high:0;--product-shot-low:44px}.product-artwork--bare .product-artwork__shot--1{left:3%}.product-artwork--bare .product-artwork__shot--2{right:3%}.placeholder-device{border-radius:34px;width:190px;height:310px;top:34px}.placeholder-label{bottom:14px;left:14px;right:14px}.placeholder-label small{display:none}.feature-list{gap:82px;margin-top:56px}.feature-row__copy h3{font-size:38px}.feature-row__copy>p:not(.eyebrow),.feature-row__link{font-size:16px}.feature-page-section,.feature-page-faq{padding-block:76px}.feature-companion{gap:34px;margin-block:76px 12px;padding:0}.feature-companion__copy p,.feature-companion__copy a{font-size:16px}.feature-companion .product-artwork{min-height:390px}.feature-detail-grid[data-count]{grid-template-columns:1fr}.feature-detail-grid[data-count="3"] article:last-child{grid-column:auto;width:auto}.feature-detail-grid article{min-height:0;padding:26px}.feature-detail-grid{margin-top:42px}.feature-related{padding-block:18px 80px}.feature-related__grid{margin-top:36px;padding-right:clamp(20px,6vw,24px)}.feature-related__card{flex-basis:min(84vw,420px)}.feature-related__card .product-artwork{height:280px}.feature-related__footer{min-height:82px;padding:18px 20px}.feature-related__grid strong{font-size:18px}.features-section,.faq-section{padding-block:76px}.privacy-section{padding-block:32px 68px}.privacy-card{border-radius:26px;grid-template-columns:1fr;padding:34px 26px}.privacy-symbol{border-radius:20px;width:70px;height:70px}.privacy-symbol svg{width:42px}.section-heading h2,.privacy-card h2{font-size:34px}.step-grid{margin-top:42px}.step-grid li{padding:26px}.step-grid li>span{font-size:44px}.step-grid h3{margin-top:22px;font-size:23px}.final-cta{padding-block:20px 80px}.final-cta__inner{border-radius:26px;grid-template-columns:1fr;padding:30px 24px}.final-cta__inner>img{width:72px;height:72px}.final-cta .app-store-button{width:100%}.site-footer__inner{grid-template-columns:1fr;gap:22px;padding-block:26px 22px}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.copyright{grid-column:auto}.content-article__header{margin-bottom:46px}.content-article__header>p:not(.eyebrow){font-size:17px}.blog-topic-list>a{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:24px}.blog-topic-list>a>span{font-size:27px}.calculator-fields,.calculator-results{grid-template-columns:1fr}.storage-calculator{padding:24px 20px}.calculator-results article{min-height:auto}.editorial-note{padding:26px 22px}.blog-cta{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"icon title""description description""button button";gap:18px 16px;padding:24px}.blog-cta__icon{border-radius:17px;width:56px;height:56px}.blog-cta__copy{display:contents}.blog-cta h2{grid-area:title;align-self:center}.blog-cta p{grid-area:description;margin-top:0}.blog-cta .app-store-button{grid-area:button;width:100%;min-width:0;min-height:60px;font-size:18px}.hero-cover .hero-actions .app-store-button,.final-cta .app-store-button{width:max-content;min-height:68px;font-size:19px}}.webp-tool-task-surface .webp-upload-zone.tool-drop-zone{flex:1;min-height:0}.webp-upload-copy{flex-direction:column;align-items:center;gap:10px;display:flex}.webp-upload-copy small{color:#5f6c7e;font-size:13px;line-height:1.4}.webp-upload-zone .tool-browse-button{flex:none}.webp-tool-task-surface .webp-upload-zone.webp-add-more-zone{text-align:left;flex:none;justify-content:flex-start;align-items:center;min-height:68px;margin-top:14px;padding:10px 16px;display:flex}.webp-upload-zone.webp-add-more-zone .webp-upload-copy{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title button""hint button";align-items:center;gap:3px 14px;width:100%;display:grid}.webp-upload-zone.webp-add-more-zone .webp-upload-copy strong{grid-area:title;font-size:14px}.webp-upload-zone.webp-add-more-zone .webp-upload-copy small{grid-area:hint;font-size:12px}.webp-upload-zone.webp-add-more-zone .tool-browse-button{border-radius:18px;grid-area:button;min-height:32px;padding-inline:14px;font-size:12px}@media (width<=620px){.webp-upload-zone.webp-add-more-zone .webp-upload-copy{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""hint""button"}.webp-upload-zone.webp-add-more-zone .tool-browse-button{justify-self:start}}.site-header--dark{backdrop-filter:saturate(140%)blur(18px);background:#000000f0;border-bottom-color:#ffffff1f}.site-header--dark .brand-link,.site-header--dark .primary-nav a,.site-header--dark .header-menu summary,.site-header--dark .header-text-link{color:#ffffffe6}.site-header--dark .brand-link:hover,.site-header--dark .primary-nav a:hover,.site-header--dark .header-menu summary:hover,.site-header--dark .header-text-link:hover{color:#9fc1ff}.site-header--dark .brand-link img{border-color:#ffffff29}.site-header--dark .header-download{color:#fff;background:#0084f0;border-color:#0084f0}.site-header--frosted-tool{backdrop-filter:saturate(140%)blur(18px);background:#0000004d;border-bottom-color:#ffffff1f}.site-header--frosted-tool .header-download{color:var(--ink);background:#fff;border-color:#ffffffe0}.site-header--frosted-tool .header-download:hover{background:#ffffffe6}.site-header--frosted-tool .brand-link:hover,.site-header--frosted-tool .primary-nav a:hover,.site-header--frosted-tool .header-menu summary:hover,.site-header--frosted-tool .header-text-link:hover,.site-header--frosted-tool .mobile-navigation__primary a:hover,.site-header--frosted-tool .mobile-navigation__secondary a:hover{color:var(--mint)}.webp-tool-page{--webp-blue:#0084f0;--webp-navy:#000000eb;--webp-soft:#e5effb;--webp-line:#96b7ff;background:var(--webp-navy);min-height:calc(100vh - 68px);padding:64px 0 56px}.webp-tool-workspace{max-width:1152px}.webp-tool-panel{min-height:524px;box-shadow:none;background:#fff;border:0;border-radius:20px;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);padding:0;display:grid;overflow:hidden}.webp-tool-input{flex-direction:column;min-width:0;min-height:524px;padding:46px 42px 34px;display:flex}.webp-tool-task-surface{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.webp-tool-section-title,.webp-setting h2{color:#050505;margin:0 0 14px;font-size:20px;line-height:1.1}.webp-tool-section-title{flex:none}.webp-tool-task-surface.is-dragging:after{content:"";z-index:10;pointer-events:none;background:#0084f01f;border:2px solid #0084f0b8;border-radius:14px;position:absolute;inset:-10px;box-shadow:0 0 0 5px #0084f01f}.webp-tool-task-surface.is-dragging:before{content:attr(data-drag-label);z-index:11;background:var(--webp-drag-label-bg,#0084f0eb);color:#fff;pointer-events:none;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.webp-tool-task-surface .tool-drop-zone{border:1px dashed var(--webp-line);background:var(--webp-soft);color:#050505;min-height:0;font:inherit;text-align:center;cursor:default;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:36px;transition:background .16s,border-color .16s;display:flex}.webp-tool-task-surface .tool-drop-zone:hover,.webp-tool-task-surface .tool-drop-zone.is-dragging{background:var(--webp-drop-bg);box-shadow:inset 0 0 0 1px var(--webp-drop-line);border:0;transform:none}.webp-tool-task-surface .tool-drop-zone strong{color:#050505;font-size:30px;line-height:1.1}.webp-tool-task-surface .tool-drop-zone span{color:#5f6c7e;max-width:440px;font-size:13px}.webp-tool-task-surface .tool-browse-button{background:var(--webp-blue);min-height:32px;box-shadow:none;border-radius:25px;padding-inline:14px;font-size:13px}.webp-tool-task-surface .tool-browse-button:hover,.webp-tool-panel .tool-primary-button:hover:not(:disabled){background:#006fd0}.webp-tool-task-surface .tool-files{border:0;flex-direction:column;flex:1;min-height:0;margin:0;padding:0;display:flex}.webp-task-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.webp-visually-hidden,.webp-tool-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.webp-task-heading h2{color:#050505;margin:0;font-size:18px}.webp-task-heading span{color:#6b7280;margin-top:4px;font-size:12px;display:block}.webp-tool-panel .tool-add-more{color:#050505;background:var(--webp-soft);border-radius:25px;min-height:32px;font-size:13px}.webp-tool-panel .tool-add-more:hover{background:#dceaff}.webp-tool-task-surface .webp-file-list{flex-direction:column;flex:1;align-items:stretch;gap:0;min-height:0;display:flex;overflow:auto}.webp-tool-task-surface .webp-file-list[hidden]{display:none!important}.webp-tool-task-surface .webp-file-list__item{background:0 0;border-bottom:1px solid #111;border-radius:0;grid-template-columns:40px minmax(0,1fr) auto auto auto;min-height:62px;padding:10px 0}.webp-tool-task-surface .webp-file-list__item:has(.tool-task-state[data-state=processing]){background:0 0;border-color:#111}.webp-tool-task-surface .tool-task-thumb{background:var(--webp-soft);width:40px;height:40px;color:var(--webp-blue);border-radius:6px}.webp-tool-task-surface .webp-file-list__content small,.webp-tool-task-surface .tool-task-progress,.webp-tool-task-surface .tool-task-state{color:#596579;font-size:11px}.webp-tool-task-surface .tool-task-state[data-state=done]{color:#14804a}.webp-tool-task-surface .tool-task-state[data-state=processing]{color:var(--webp-blue)}.webp-tool-task-surface .webp-file-list__actions .tool-result-download{background:var(--webp-soft);color:#050505;border-radius:20px;min-height:28px;font-size:12px}.webp-task-hint{color:#596579;align-items:baseline;gap:8px;padding-top:14px;font-size:12px;display:flex}.webp-task-hint span:first-child{color:#050505;white-space:nowrap;font-weight:700}.webp-tool-input>.tool-status{color:#596579;min-height:18px;margin:12px 0 0;font-size:12px}.webp-tool-input>.tool-results{border:0;margin:10px 0 0;padding:0}.webp-tool-input .tool-result-bar{background:var(--webp-blue);border-radius:25px;min-height:44px;padding:0 8px 0 12px}.webp-tool-input .tool-result-bar h2,.webp-tool-input .tool-result-bar .tool-download-all{color:#fff}.webp-tool-input .tool-result-bar h2{font-size:14px}.webp-tool-input .tool-result-bar .tool-download-all{background:#ffffff2e;border-radius:20px;min-height:32px;font-size:12px}.webp-tool-options{border-left:1px solid var(--line);background:#fff;flex-direction:column;gap:44px;min-width:0;padding:66px 42px 34px;display:flex}.webp-setting h2{color:#050505;margin:0 0 14px;font-size:20px;line-height:1.1}.webp-setting .tool-field select{color:#111827;background:#f5f7fa;border:1px solid #d8dee8;border-radius:8px;min-height:44px;font-size:14px}.webp-setting .tool-field select:hover{background:#edf3fb}.webp-setting>p{color:#596579;margin:9px 0 0;font-size:12px;line-height:1.4}.webp-setting input[type=range]{accent-color:var(--webp-blue)}.webp-setting .tool-quality-field small{color:#596579;min-height:16px;font-size:12px}.webp-tool-options .tool-actions{grid-template-columns:1fr .7fr;gap:8px;margin-top:auto;display:grid}.webp-tool-options .tool-primary-button,.webp-tool-options .tool-actions .secondary-button{border-radius:30px;min-height:48px;font-size:15px}.webp-tool-options .tool-primary-button{border-color:var(--webp-blue);background:var(--webp-blue)}.webp-tool-options .tool-actions .secondary-button{color:#263244;background:#f1f3f6}.webp-format-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.webp-format-options button{color:#263244;min-height:42px;font:inherit;cursor:pointer;background:#f5f7fa;border:1px solid #d8dee8;border-radius:9px;padding:0 12px;font-size:14px;font-weight:700;transition:border-color .16s,background .16s,color .16s}.webp-format-options button:hover:not(:disabled){border-color:var(--webp-blue);background:#edf3fb}.webp-format-options button.is-active{border-color:var(--webp-blue);background:var(--webp-blue);color:#fff}.webp-format-options button:disabled{cursor:wait;opacity:.65}.webp-add-more-zone{border:1px dashed var(--webp-line);background:var(--webp-soft);color:#050505;text-align:left;cursor:pointer;border-radius:9px;flex:none;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:68px;margin-top:14px;padding:0 18px;transition:border-color .16s,background .16s;display:flex}.webp-add-more-zone>span:first-child{gap:3px;display:grid}.webp-add-more-zone:hover{border-color:var(--webp-blue);background:#dceaff}.webp-add-more-zone strong{font-size:14px}.webp-add-more-zone span{color:#596579;font-size:12px}.webp-add-more-zone strong{color:#050505;font-size:14px}.webp-add-more-zone small{color:#596579;font-size:12px}.webp-add-more-zone__icon{background:var(--webp-blue);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:400;line-height:1;display:grid;color:#fff!important;font-size:26px!important}.webp-tool-seo{color:#ffffff94;justify-content:space-between;gap:18px;padding-top:18px;font-size:12px;display:flex}.webp-tool-seo p{margin:0}.webp-tool-seo a{color:#fff;text-decoration:none}@media (width<=820px){.webp-tool-page{padding-top:42px}.webp-tool-panel{grid-template-columns:1fr}.webp-tool-input{min-height:480px}.webp-tool-options{border-top:1px solid var(--line);border-left:0;gap:24px;padding:28px 30px 30px}}@media (width<=620px){.webp-tool-page{padding:34px 0 38px}.webp-tool-title h1{font-size:30px}.webp-tool-input{min-height:390px;padding:22px 18px 20px}.webp-tool-task-surface .tool-drop-zone{padding:22px}.webp-tool-task-surface .tool-drop-zone strong{font-size:25px}.webp-tool-task-surface .webp-file-list__item{grid-template-columns:36px minmax(0,1fr) auto auto;gap:8px}.webp-tool-task-surface .tool-task-progress{display:none}.webp-task-hint,.webp-tool-seo{display:block}.webp-task-hint span,.webp-tool-seo a{margin-top:5px;display:block}.webp-tool-options{padding:24px 18px}.webp-add-more-zone{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}}.tool-mode-body{background:#f5f8ff}.tool-mode-body main{min-height:100dvh}.tool-app-shell{--tool-accent:#2563eb;--tool-strong:#17356f;--tool-ink:#1d3157;--tool-muted:#657492;--tool-line:#d8e2f1;--tool-soft:#eef4ff;--tool-faint:#f6f9ff;--tool-surface:#fff;--tool-track:#e8effb;--tool-shadow:0 16px 48px #2c4a821c;min-height:100dvh;color:var(--tool-ink);background:#f5f8ff;grid-template-rows:64px minmax(0,1fr) 40px;display:grid}.tool-app-topbar{justify-content:space-between;align-items:center;gap:18px;width:min(1440px,100% - 48px);margin-inline:auto;display:flex}.tool-app-brand,.tool-app-back{color:var(--tool-strong);align-items:center;gap:9px;text-decoration:none;display:inline-flex}.tool-app-brand{font-weight:700}.tool-app-brand img{border-radius:9px;width:32px;height:32px}.tool-app-titlebar{color:var(--tool-muted);align-items:center;gap:16px;font-size:14px;display:flex}.tool-app-privacy{color:var(--tool-strong);background:#e1ecff;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:12px;display:inline-flex}.tool-app-privacy i{background:var(--tool-accent);border-radius:50%;width:6px;height:6px}.tool-app-back{color:var(--tool-muted);font-size:13px}.tool-app-back:hover{color:var(--tool-accent)}.tool-app-workspace{width:min(1440px,100% - 48px);min-height:0;margin-inline:auto;padding-bottom:16px}.tool-app-grid{grid-template-columns:minmax(0,1fr) 360px;gap:24px;height:100%;min-height:0;display:grid}.tool-panel{border:1px solid var(--tool-line);background:var(--tool-surface);min-width:0;min-height:0;box-shadow:var(--tool-shadow);border-radius:16px;flex-direction:column;gap:18px;padding:20px;display:flex}.tool-input-panel{container:webp-input/inline-size}.tool-panel-heading{flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:42px;display:flex}.tool-panel-heading>div{min-width:0}.tool-panel-kicker{color:var(--tool-accent);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font:11px/1.2 SF Mono,Roboto Mono,monospace}.tool-panel-heading h1,.tool-panel-heading h2{color:var(--tool-ink);letter-spacing:-.02em;margin:0;font-size:18px;line-height:1.2}.tool-panel-count{color:var(--tool-muted);white-space:nowrap;font:11px/1.4 SF Mono,Roboto Mono,monospace}.tool-settings-mark{background:var(--tool-soft);width:32px;height:32px;color:var(--tool-accent);border-radius:9px;place-items:center;font-size:16px;display:grid}.tool-task-panel{background:var(--tool-faint);border:0;border-radius:12px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.tool-drop-zone{background:var(--tool-soft);min-height:0;color:var(--tool-ink);text-align:center;cursor:pointer;border:0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:28px;transition:background .16s;display:flex}.tool-drop-zone:hover,.tool-drop-zone.is-dragging{background:#e2edff;transform:none}.tool-drop-zone__copy{justify-items:center;gap:5px;display:grid}.tool-drop-zone strong{color:var(--tool-strong);font-size:17px}.tool-drop-zone__copy span{color:var(--tool-muted);font-size:12px}.tool-browse-button{background:var(--tool-accent);border-radius:8px;min-height:38px;margin:0;padding-inline:16px;box-shadow:0 6px 16px #2563eb33}.tool-browse-button:hover,.tool-primary-button:hover:not(:disabled){background:#1d4ed8}.tool-task-panel .tool-files{background:var(--tool-faint);border:0;flex-direction:column;flex:1;min-height:0;margin:0;padding:16px;display:flex}.tool-task-panel .tool-section-heading{flex:none;margin-bottom:12px}.tool-task-panel .tool-section-heading h2{color:var(--tool-ink);font-size:15px}.tool-task-panel .tool-section-heading>div{gap:0}.tool-add-more,.tool-task-panel .tool-remove-file{color:var(--tool-strong)}.tool-add-more{background:var(--tool-surface);border-radius:8px;height:32px;min-height:32px}.tool-add-more:hover{background:#e2edff}.tool-task-panel .webp-file-list{flex:1;min-height:0;padding-right:4px;overflow:auto}.tool-task-panel .webp-file-list__item{background:var(--tool-soft);border:0;border-radius:9px;grid-template-columns:40px minmax(0,1fr) auto auto auto;min-height:60px;padding:8px}.tool-task-panel .webp-file-list__item:has(.tool-task-state[data-state=processing]){background:#dce9ff;border:0}.tool-task-thumb{background:var(--tool-surface);width:40px;height:40px;color:var(--tool-accent);border-radius:8px;place-items:center;font:10px/1 SF Mono,Roboto Mono,monospace;display:grid}.tool-task-panel .webp-file-list__content small,.tool-task-panel .tool-task-progress,.tool-task-panel .tool-task-state{color:var(--tool-muted);font-size:11px}.tool-task-panel .tool-task-state[data-state=done]{color:#14804a}.tool-task-panel .tool-task-state[data-state=processing]{color:var(--tool-accent)}.tool-task-panel .webp-file-list__actions .tool-result-download{min-height:30px;color:var(--tool-strong);background:var(--tool-surface);border-radius:7px;font-size:12px}.tool-task-panel .tool-remove-file:hover{background:#dce9ff}.tool-status{min-height:16px;color:var(--tool-muted);flex:none;margin:0;font-size:12px}.tool-status[data-kind=success]{color:#14804a}.tool-status[data-kind=warning],.tool-status[data-kind=error]{color:#b45309}.tool-results{border:0;flex:none;margin:0;padding:0}.tool-result-bar{background:var(--tool-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 8px 0 12px;display:flex}.tool-result-bar h2{color:var(--tool-strong);margin:0;font-size:13px}.tool-download-all{background:var(--tool-surface);min-height:30px;color:var(--tool-strong);border-radius:7px;font-size:12px}.tool-settings-panel{gap:20px}.tool-settings-panel .tool-options{flex-direction:column;flex:1;gap:24px;margin:0;display:flex}.tool-settings-panel .tool-field{color:var(--tool-muted);gap:8px;font-size:12px}.tool-settings-panel .tool-field select{background:var(--tool-track);min-height:42px;color:var(--tool-ink);border:0;border-radius:9px;font-size:13px}.tool-settings-panel .tool-field select:hover{background:#dce9ff}.tool-settings-panel .tool-field input[type=range]{accent-color:var(--tool-accent)}.tool-settings-panel .tool-quality-field small{min-height:16px;color:var(--tool-muted);font-size:11px}.tool-settings-panel .tool-quality-reset{color:var(--tool-accent);font-size:11px}.tool-settings-panel .tool-actions{grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:8px;margin-top:auto;display:grid}.tool-settings-panel .tool-primary-button,.tool-settings-panel .tool-actions .secondary-button{border-radius:8px;min-height:42px;font-size:13px}.tool-settings-panel .tool-primary-button{border-color:var(--tool-accent);background:var(--tool-accent)}.tool-settings-panel .tool-actions .secondary-button{background:var(--tool-track);color:var(--tool-strong)}.tool-settings-note{border-top:1px solid var(--tool-line);color:var(--tool-muted);margin:0;padding-top:16px;font-size:11px;line-height:1.5}.tool-app-footer{width:min(1440px,100% - 48px);color:var(--tool-muted);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;font-size:11px;display:flex}.tool-app-footer span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-app-footer a{color:var(--tool-strong);white-space:nowrap;text-decoration:none}@media (width<=900px){.tool-app-shell{grid-template-rows:56px auto 40px;min-height:100dvh}.tool-app-topbar,.tool-app-workspace,.tool-app-footer{width:min(100% - 32px,720px)}.tool-app-grid{grid-template-columns:1fr;height:auto}.tool-input-panel{min-height:520px}.tool-settings-panel{min-height:auto}.tool-settings-panel .tool-options{flex:none}}@media (width<=620px){.tool-app-shell{grid-template-rows:52px auto 40px}.tool-app-topbar,.tool-app-workspace,.tool-app-footer{width:calc(100% - 24px)}.tool-app-titlebar{display:none}.tool-app-back{font-size:11px}.tool-app-footer{font-size:10px}.tool-panel{border-radius:13px;padding:14px}.tool-input-panel{min-height:460px}.tool-task-panel .webp-file-list__item{grid-template-columns:36px minmax(0,1fr) auto auto;gap:8px}.tool-task-thumb{width:36px;height:36px}.tool-task-panel .tool-task-progress{display:none}.tool-task-panel .webp-file-list__actions .tool-result-download{padding-inline:8px}.tool-hero__inner{padding-block:70px 122px}.tool-hero h1{font-size:clamp(42px,12vw,58px)}.tool-hero>.tool-hero__inner>p:last-child{font-size:17px}.tool-workspace{margin-top:-54px;padding-bottom:62px}.webp-converter{border-radius:26px;padding:18px}.tool-drop-zone{min-height:250px;padding:26px 18px}.tool-options,.tool-information,.tool-final-cta__inner{grid-template-columns:1fr}.tool-actions,.tool-actions>*{width:100%}.tool-actions>*{flex:1}.webp-results{grid-template-columns:1fr}.tool-information{padding-bottom:62px}.tool-final-cta{padding-bottom:72px}.tool-final-cta__inner{border-radius:26px;padding:28px 22px}.tool-final-cta .app-store-button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.tool-page-header{padding-block:42px 24px}.tool-page-header .eyebrow{margin:0 0 8px}.tool-page-header h1{letter-spacing:-.045em;max-width:720px;margin:0;font-size:clamp(32px,4vw,52px);line-height:1}.tool-page-header>p:last-child{max-width:680px;color:var(--muted);margin:12px 0 0;font-size:16px;line-height:1.5}.tool-workspace{margin-top:0;padding-bottom:56px}.webp-converter{border-radius:24px;padding:20px}.tool-task-panel{border:1px solid var(--line);background:var(--page);border-radius:17px;overflow:hidden}.tool-drop-zone{text-align:left;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:18px;min-height:92px;padding:14px 16px;display:flex}.tool-drop-zone__copy{gap:4px;min-width:0;display:grid}.tool-drop-zone strong{font-size:17px}.tool-drop-zone>span,.tool-drop-zone__copy span{color:var(--muted);font-size:13px}.tool-browse-button{flex:none;min-height:40px;margin-top:0;padding-inline:16px}.tool-options{grid-template-columns:minmax(150px,.7fr) minmax(220px,1fr) auto;gap:16px;margin-top:16px}.tool-field select,.tool-actions,.tool-primary-button,.tool-actions .secondary-button{min-height:42px}.tool-status{min-height:20px;margin:12px 0 0}.tool-files,.tool-results{margin-top:18px;padding-top:18px}.tool-task-panel .tool-files{border-top:1px solid var(--line);margin-top:0;padding:16px}.tool-section-heading{margin-bottom:10px}.tool-section-heading>div{gap:3px;min-width:0;display:grid}.tool-add-more{cursor:pointer;min-height:34px;padding-inline:12px;font-size:13px}.tool-section-heading h2{font-size:17px}.webp-file-list{gap:6px}.webp-file-list__item{background:var(--soft);border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto 42px auto;gap:14px;min-height:52px;padding:9px 12px}.webp-file-list__item:has(.tool-task-state[data-state=processing]){background:var(--mint-soft);border-color:#00be9e5c}.webp-file-list__content{gap:3px;min-width:0;display:grid}.webp-file-list__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.webp-file-list__content small{color:var(--muted);font-size:12px}.tool-task-state{min-width:62px;color:var(--muted);text-align:right;white-space:nowrap;font-size:13px}.tool-task-state[data-state=done]{color:var(--accent)}.tool-task-state[data-state=error]{color:var(--coral)}.tool-task-state[data-state=processing]{color:var(--ink)}.tool-task-progress{min-width:34px;color:var(--muted);text-align:right;font-size:12px}.webp-file-list__actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.webp-file-list__actions .tool-result-download{min-height:32px;padding-inline:10px}.tool-empty-state{padding:22px 16px}.tool-results .tool-section-heading{margin-bottom:0}.tool-results .webp-results{display:none}.tool-information{gap:12px;padding-bottom:48px}.tool-information article{padding:20px}.tool-information h2{font-size:17px}.tool-information p{margin-top:8px;font-size:14px;line-height:1.5}.tool-final-cta{padding-bottom:56px}.tool-final-cta__inner{border-radius:20px;gap:18px;padding:22px 24px}.tool-final-cta h2{font-size:24px}.tool-final-cta p{margin-top:6px;font-size:14px}@media (width<=620px){.tool-page-header{padding-block:28px 18px}.tool-page-header h1{font-size:34px}.tool-page-header>p:last-child{font-size:15px}.webp-converter{border-radius:20px;padding:12px}.tool-drop-zone{min-height:78px;padding:11px 12px}.tool-task-panel .tool-files{padding:12px}.tool-drop-zone__copy span{display:none}.tool-options{grid-template-columns:1fr;gap:12px}.tool-actions,.tool-actions>*{width:100%}.webp-file-list__item{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.tool-task-progress{display:none}.webp-file-list__actions .tool-result-download{padding-inline:8px;font-size:12px}.tool-information{grid-template-columns:1fr;padding-bottom:36px}.tool-final-cta{padding-bottom:48px}.tool-final-cta__inner{grid-template-columns:1fr;padding:20px}}.webp-tool-task-surface .tool-task-progress{color:#596579;text-align:right;align-items:center;gap:6px;min-width:116px;font-size:12px;font-weight:700;display:inline-flex}.tool-task-progress__track{background:#e4eaf2;border-radius:999px;width:76px;height:8px;overflow:hidden}.tool-task-progress__fill{width:var(--progress,0%);border-radius:inherit;background:#14804a;height:100%;transition:width .18s;display:block}.tool-task-progress[data-state=processing] .tool-task-progress__fill{background:var(--webp-blue);animation:.5s linear forwards webp-task-progress;animation-delay:var(--webp-progress-animation-delay,0s)}.webp-file-list__item--completing .tool-task-progress__fill{animation:.18s ease-out forwards webp-task-complete;animation-delay:var(--webp-completion-animation-delay,0s)}.tool-task-progress[data-state=error] .tool-task-progress__fill{background:#c94c4c}@keyframes webp-task-progress{0%{width:0%}80%{width:80%}to{width:80%}}@keyframes webp-task-complete{0%{width:80%}to{width:100%}}@media (width<=620px){.webp-tool-task-surface .tool-task-progress{gap:4px;min-width:82px}.tool-task-progress__track{width:52px}}.webp-tool-task-surface .webp-file-list__item{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,1fr) minmax(128px,auto) auto;gap:14px;min-height:76px;padding:12px 0}.webp-tool-task-surface .webp-file-list__item--pending{grid-template-columns:50px minmax(0,1fr) minmax(136px,auto)}.webp-tool-task-surface .webp-file-list__item:has(.tool-task-state[data-state=processing]){border-color:var(--line);background:0 0}.webp-tool-task-surface .tool-task-thumb{background:#f3f5f8;border:1px solid #0505050f;border-radius:8px;width:48px;height:48px;display:block;overflow:hidden}.webp-tool-task-surface .tool-task-thumb img{object-fit:cover;width:100%;height:100%;display:block}.webp-tool-task-surface .webp-file-list__content{align-content:center;gap:6px;min-width:0;display:grid}.webp-tool-task-surface .webp-file-list__name{color:#303846;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.webp-file-list__meta{color:#7a8492;align-items:center;gap:8px;font-size:12px;display:flex}.tool-format-badge,.tool-output-format{letter-spacing:.02em;border-radius:5px;justify-content:center;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.tool-format-badge--webp{color:#6549df;background:#f2efff}.webp-file-list__result-summary,.webp-file-list__progress-row{justify-content:flex-end;align-items:center;gap:8px;display:flex}.webp-file-list__savings{color:#3c4655;font-size:14px;font-weight:800}.webp-file-list__result-summary small,.webp-file-list__progress-state{color:#7a8492;font-size:11px}.webp-file-list__progress-row .tool-task-state{color:#7a8492;min-width:0;font-size:10px}.webp-file-list__progress-row .tool-task-state[data-state=done]{color:#14804a}.webp-file-list__progress-row .tool-task-state[data-state=processing]{color:var(--webp-blue)}.webp-tool-task-surface .webp-file-list__actions{align-items:center;min-width:82px}.webp-tool-task-surface .tool-result-download,.webp-tool-task-surface .tool-output-format{color:#6549df;background:#f2efff;border:0;border-radius:7px;min-height:30px;font-size:12px;font-weight:800}.webp-tool-task-surface .tool-result-download{padding-inline:10px}.webp-tool-task-surface .tool-format-action{border:0;gap:7px;font-weight:800}.webp-tool-task-surface .tool-format-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:16px;height:16px}.webp-tool-task-surface .tool-format-action--png,.webp-tool-task-surface .tool-format-badge--png{color:#1884d8;background:#eef6ff}.webp-tool-task-surface .tool-format-action--jpg,.webp-tool-task-surface .tool-format-action--jpeg,.webp-tool-task-surface .tool-format-badge--jpg,.webp-tool-task-surface .tool-format-badge--jpeg{color:#159d8e;background:#eaf8f5}.webp-tool-task-surface .tool-format-action--webp,.webp-tool-task-surface .tool-format-badge--webp{color:#6549df;background:#f2efff}.webp-tool-task-surface .tool-remove-file{color:#9aa3af}@media (width<=720px){.webp-tool-task-surface .webp-file-list__item{grid-template-columns:42px minmax(0,1fr) auto;gap:10px}.webp-tool-task-surface .tool-task-thumb{width:42px;height:42px}.webp-file-list__result{min-width:92px}.webp-tool-task-surface .webp-file-list__actions{min-width:30px}.webp-tool-task-surface .tool-result-download,.webp-tool-task-surface .tool-output-format{padding-inline:7px}}.webp-tool-page{--webp-blue:#216fff;--webp-blue-hover:#1d63e6;--webp-bg:#08142c;--webp-text:#050505;--webp-muted:#00000080;--webp-line:#0000001a;--webp-accent-soft:#216fff33;--webp-drop-bg:#216fff14;--webp-drop-line:#216fff1f;--webp-drop-active:#d6e4ff;--webp-button-text:white;background:radial-gradient(58% 32% at 44% 112%,#69dcff80 0%,#2378ff52 38%,#0000 76%),radial-gradient(22% 30% at 88% 54%,#ff965829,#0000 74%),radial-gradient(36% 42% at 10% 20%,#125dff66,#0000 72%),radial-gradient(22% 28% at 104% 94%,#7e42ff38,#0000 74%),linear-gradient(#030611 0%,#061027 48%,#0b2b65 100%);min-height:calc(100dvh - 68px);padding:28px 0 36px}.webp-tool-title,.webp-tool-workspace{width:min(1152px,100% - 88px);max-width:1152px}.webp-tool-title{margin-bottom:14px}.webp-tool-title__row{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.webp-tool-title__copy{min-width:0}.webp-tool-title h1{color:#fff;letter-spacing:-.03em;margin:0;font-size:32px;line-height:1.1}.webp-tool-title__format{color:var(--webp-title-format,#69dcff)}.webp-tool-title p{color:#ffffffad;max-width:none;margin:10px 0 0;font-size:15px;line-height:1.5}.webp-tool-inline-promo{max-width:340px;color:var(--accent-on-dark);text-align:right;flex:none;grid-template-columns:minmax(0,1fr) auto;justify-content:flex-end;align-items:center;gap:10px;padding-bottom:3px;font-size:12px;font-weight:700;line-height:1.4;text-decoration:none;transition:color .16s,transform .16s;display:grid}.webp-tool-inline-promo>span:first-child{white-space:pre-line}.webp-tool-inline-promo:hover{color:var(--hero-accent);transform:translate(-2px)}.webp-tool-inline-promo>span:last-child{flex:none;font-size:15px;line-height:1}.webp-tool-workspace{height:clamp(560px,100dvh - 178px,720px);min-height:560px;max-height:720px}.webp-tool-seo{max-width:1152px;margin-top:24px;padding-bottom:16px}.webp-tool-seo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.webp-tool-seo-card{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:16px;min-width:0;padding:14px 16px}.webp-tool-seo-card h3{color:#ffffffd1;margin:0;font-size:14px;font-weight:700;line-height:1.3}.webp-tool-seo-card p{color:#ffffff94;margin:7px 0 0;font-size:13px;line-height:1.5}.tool-lessphoto-promo{background:radial-gradient(42% 140% at 0%,#27e1d533,#0000 78%),#ffffff12;border:1px solid #ffffff24;border-radius:24px;justify-content:space-between;align-items:center;gap:28px;margin-top:18px;padding:22px 24px;display:flex}.tool-lessphoto-promo__identity{align-items:center;gap:16px;min-width:0;display:flex}.tool-lessphoto-promo__icon{border-radius:20px;flex:0 0 72px;width:72px;height:72px;box-shadow:0 12px 24px #0000002e}.tool-lessphoto-promo__copy{min-width:0}.tool-lessphoto-promo__eyebrow{color:#ffffff9e;letter-spacing:.04em;margin:0 0 4px;font-size:12px;font-weight:700}.tool-lessphoto-promo h2{color:#fff;margin:0;font-size:20px;line-height:1.25}.tool-lessphoto-promo__copy>p:last-child{color:#ffffffad;max-width:680px;margin:6px 0 0;font-size:13px;line-height:1.5}.tool-lessphoto-promo .app-store-button{flex:none;min-width:172px;min-height:46px;padding-inline:20px;font-size:14px}@media (width<=720px){.webp-tool-title__row{flex-direction:column;align-items:flex-start;gap:10px}.webp-tool-inline-promo{text-align:left;justify-content:flex-start;padding-bottom:0;display:inline-flex}.tool-lessphoto-promo{flex-direction:column;align-items:flex-start;gap:18px}.tool-lessphoto-promo .app-store-button{width:100%}}.webp-tool-panel{height:100%;min-height:0;box-shadow:none;background:#fff;border:0;border-radius:28px;grid-template-columns:minmax(0,1fr) 1px minmax(300px,330px);align-items:center;gap:32px;padding:24px 32px}.webp-tool-input{gap:16px;min-width:0;height:100%;min-height:0;padding:8px 0 0}.webp-task-header{justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:28px;padding:0;display:flex}.webp-task-header h2,.webp-setting h2{color:var(--webp-text);margin:0;font-family:Source Han Sans SC VF,SF Pro Display,sans-serif;font-size:20px;font-weight:750;line-height:1.2}.webp-task-header__actions{align-items:center;gap:28px;display:flex}.webp-text-action{color:var(--webp-blue);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:2px;padding:0;font:500 14px/1.2 Source Han Sans SC VF,SF Pro Display,sans-serif;display:inline-flex}.webp-upload-link-icon{background:currentColor;flex:0 0 16px;width:16px;height:16px;display:block;-webkit-mask:url(/assets/webp-converter/upload-link.svg) 50%/contain no-repeat;mask:url(/assets/webp-converter/upload-link.svg) 50%/contain no-repeat}.webp-text-action:disabled{cursor:not-allowed;opacity:.45}.webp-tool-task-surface{flex-direction:column;flex:1;gap:16px;width:100%;min-height:0;display:flex}.webp-tool-task-surface.is-dragging:after{content:"";z-index:10;background:var(--webp-drop-bg);box-shadow:inset 0 0 0 1px var(--webp-drop-line);pointer-events:none;border:0;border-radius:28px;display:block;position:absolute;inset:0}.webp-tool-task-surface.is-dragging:before,.webp-tool-task-surface.is-dragging:not(.has-files):after{display:none}.webp-tool-task-surface.is-dragging:not(.has-files) .webp-upload-zone{border-color:var(--webp-blue);background:var(--webp-drop-active);box-shadow:inset 0 0 0 1px var(--webp-drop-line)}.webp-tool-panel .tool-primary-button:hover:not(:disabled),.webp-tool-panel .tool-browse-button:hover:not(:disabled){background:var(--webp-blue-hover);color:var(--webp-button-text)}.webp-tool-panel .tool-browse-button,.webp-tool-panel .tool-browse-button span{white-space:nowrap}.webp-tool-task-surface .webp-file-list{flex-direction:column;flex:1;gap:0;min-height:0;padding:0 16px;display:flex;overflow:auto}.webp-tool-task-surface .webp-file-list__item{border:0;border-bottom:1px solid var(--webp-line);background:0 0;border-radius:0;grid-template-columns:50px minmax(0,1fr) minmax(44px,auto) minmax(122px,auto);gap:16px;min-height:80px;padding:12px 0}.webp-tool-task-surface .webp-file-list__item:last-child{border-bottom:0}.webp-tool-task-surface .tool-task-thumb{background:#f4f5f6;border:1px solid #0000001f;border-radius:8px;width:50px;height:48px}.webp-tool-task-surface .webp-file-list__content{align-content:center;gap:4px;display:grid}.webp-tool-task-surface .webp-file-list__name{color:#000c;font-size:13px;font-weight:700}.webp-file-list__meta{color:var(--webp-muted);gap:8px;font-size:11px}.tool-format-badge{border-radius:8px;min-height:22px;padding:4px 6px;font-size:11px}.tool-format-badge--input{color:#417ef8;background:#417ef81f}.tool-format-badge--jpg,.tool-format-badge--jpeg{color:#00a08e;background:#00a08e1f}.webp-file-list__result{align-content:center;justify-items:end;gap:4px;min-width:44px;display:grid}.webp-file-list__result-summary,.webp-file-list__progress-row{gap:6px}.webp-file-list__result-summary{justify-items:end;gap:4px;display:grid}.webp-file-list__savings{color:#000c;font-size:13px}.webp-file-list__result-summary small,.webp-file-list__progress-state,.webp-file-list__progress-row .tool-task-state{color:var(--webp-muted);font-size:11px}.webp-tool-task-surface .tool-task-progress{gap:0;min-width:100px}.webp-tool-task-surface .tool-task-progress__track{background:#00000014;width:100px;height:6px}.webp-tool-task-surface .tool-task-progress__fill{background:var(--webp-blue)}.webp-tool-task-surface .tool-task-progress__text{display:none}.webp-tool-task-surface .webp-file-list__actions{align-items:center;gap:16px;min-width:122px;display:flex}.webp-tool-task-surface .webp-file-list__item--pending .webp-file-list__result{visibility:hidden}.webp-tool-task-surface .webp-file-list__item--pending .webp-file-list__actions{justify-content:flex-end;min-width:136px}.webp-tool-task-surface .tool-result-download{color:#664ae0;background:#664ae01f;border:0;border-radius:12px;align-items:center;gap:8px;min-height:34px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.webp-tool-task-surface .tool-result-download img{object-fit:contain;width:18px;height:22px}.webp-tool-task-surface .tool-format-download-icon{background:currentColor;flex:0 0 18px;width:18px;height:22px;display:block;-webkit-mask:url(/assets/webp-converter/download-processing.svg) 50%/contain no-repeat;mask:url(/assets/webp-converter/download-processing.svg) 50%/contain no-repeat}.webp-tool-task-surface .tool-format-badge--webp,.webp-tool-task-surface .webp-file-list__actions .tool-result-download[data-output-format=webp]{color:#664ae0!important;background:#664ae01f!important}.webp-tool-task-surface .tool-format-badge--jpg,.webp-tool-task-surface .tool-format-badge--jpeg,.webp-tool-task-surface .webp-file-list__actions .tool-result-download[data-output-format=jpg],.webp-tool-task-surface .webp-file-list__actions .tool-result-download[data-output-format=jpeg]{color:#00a08e!important;background:#00a08e1f!important}.webp-tool-task-surface .tool-format-badge--png,.webp-tool-task-surface .webp-file-list__actions .tool-result-download[data-output-format=png]{color:#417ef8!important;background:#417ef81f!important}.webp-tool-task-surface .tool-remove-file{background:0 0;border:0;place-items:center;width:20px;height:20px;padding:0;display:grid}.webp-tool-task-surface .tool-remove-file img{object-fit:contain;width:20px;height:20px}.webp-upload-zone.webp-add-more-zone{color:#00000047;text-align:center;background:0 0;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;width:100%;height:40px;min-height:40px;margin:0;padding:0;display:flex;position:static}.webp-upload-zone.webp-add-more-zone .webp-upload-copy{justify-content:center;align-items:center;width:100%;display:flex}.webp-upload-zone.webp-add-more-zone .webp-upload-copy strong{color:#00000047;font:500 14px/1.2 Source Han Sans SC VF,sans-serif}.webp-upload-zone.webp-add-more-zone .webp-upload-copy small,.webp-upload-zone.webp-add-more-zone .tool-browse-button{display:none}.webp-upload-zone.tool-drop-zone{background:var(--webp-drop-bg);min-height:0;box-shadow:inset 0 0 0 1px var(--webp-drop-line);border:0;border-radius:28px;flex:1;justify-content:center;align-items:center;padding:16px;display:flex}.webp-upload-copy{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.webp-upload-copy strong{color:var(--webp-text);font:700 28px/1.2 Source Han Sans SC VF,sans-serif}.webp-tool-task-surface .webp-upload-copy strong{font-size:28px}.webp-upload-copy small{color:var(--webp-muted);font-size:13px}.webp-upload-copy .tool-browse-button{background:var(--webp-blue);min-height:40px;color:var(--webp-button-text);border:0;border-radius:25px;justify-content:center;align-items:center;gap:3px;margin:0;padding-inline:12px;font-size:14px;display:inline-flex}.webp-upload-copy .tool-browse-button span{color:var(--webp-button-text);font-size:14px}.webp-upload-copy .tool-browse-button img{width:16px;height:16px}.webp-summary-bar{color:#fff;background:#050505;border-radius:100px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 8px 8px 16px;font:700 13px/1.2 SF Pro Display,sans-serif;display:flex}.webp-summary-text{align-items:center;gap:12px;display:inline-flex}.webp-summary-text__separator{color:#ffffff8c}.webp-summary-bar .tool-download-all{background:var(--webp-blue);width:max-content;min-width:150px;min-height:52px;color:var(--webp-button-text);border:0;border-radius:80px;justify-content:center;align-items:center;gap:8px;padding-inline:20px;font:700 16px/1.2 Source Han Sans SC VF,sans-serif;display:inline-flex}.webp-summary-bar .tool-download-all:hover:not(:disabled){background:var(--webp-blue-hover);color:var(--webp-button-text)}.webp-summary-bar .tool-download-all:disabled{opacity:1;background:#a6b1c1e6}.webp-summary-bar .tool-download-all img{object-fit:contain;width:18px;height:22px}.webp-tool-options{background:#fff;border-left:0;flex-direction:column;gap:24px;min-width:0;height:100%;padding:8px 0 0;display:flex}.webp-tool-options>.webp-setting:first-child{padding-bottom:8px}.webp-tool-options>.webp-setting:nth-child(2){padding-top:8px;padding-bottom:16px}.webp-tool-divider{background:#0000001f;width:1px;height:100%}.webp-setting{flex-direction:column;gap:16px;width:100%;display:flex}.webp-format-options{gap:8px;display:flex}.webp-format-options button{min-width:60px;min-height:40px;color:var(--webp-muted);background:#00000014;border:0;border-radius:20px;padding:4px 12px;font:700 14px/1.2 PingFang SC,SF Pro Display,sans-serif}.webp-format-options button.is-active,.webp-format-options button.is-active:hover:not(:disabled){background:var(--webp-accent-soft);color:var(--webp-blue);border-color:#0000;font-weight:800!important}.webp-format-options button:not(.is-active):hover:not(:disabled){color:var(--webp-muted);background:#0000001f;border-color:#0000}.webp-setting>p{display:none}.webp-quality-field{gap:8px}.webp-setting .tool-field__label-row{color:var(--webp-text);font-size:16px}.webp-setting .tool-quality-reset{color:var(--webp-blue);font-size:14px}.webp-setting .tool-quality-field .tool-field__label-row>span:first-child{align-items:baseline;min-width:3.6em;display:inline-flex}.webp-setting .tool-quality-field [data-quality-value]{min-width:2.1em;display:inline-block}.webp-scale-min-label{min-width:3.5em;color:var(--webp-muted);white-space:nowrap;margin-left:3px;font-size:12px;font-weight:600;display:inline-block}.webp-range-slider{--range-thumb-size:18px;--range-thumb-radius:calc(var(--range-thumb-size) / 2);width:100%;height:18px;position:relative}.webp-range-slider__track{background:#00000014;border-radius:100px;height:6px;position:absolute;top:6px;left:0;right:0;overflow:visible}.webp-range-slider__fill{width:var(--range-fill-width,80%);background:var(--webp-blue);border-radius:100px;height:6px;position:absolute;top:0;left:0}.webp-range-slider__default-marker{top:0;left:var(--range-default-position,80%);background:#0000001f;border-radius:50%;width:6px;height:6px;position:absolute;transform:translate(-50%)}.webp-range-slider__default-marker-area{top:0;right:var(--range-thumb-radius);bottom:0;left:var(--range-thumb-radius);position:absolute}.webp-range-slider input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0;position:absolute;top:0;left:0}.webp-range-slider input[type=range]:disabled{cursor:not-allowed}.webp-range-slider.is-lossless{cursor:not-allowed;pointer-events:none}.webp-range-slider.is-lossless .webp-range-slider__track{background:#00000014}.webp-range-slider.is-lossless .webp-range-slider__fill{background:#a6b1c1e6}.webp-range-slider input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:100px;height:6px}.webp-range-slider input[type=range]::-webkit-slider-thumb{width:var(--range-thumb-size);height:var(--range-thumb-size);background:var(--webp-blue);-webkit-appearance:none;border:0;border-radius:50%;margin-top:-6px}.webp-range-slider.is-lossless input[type=range]::-webkit-slider-thumb{background:#a6b1c1e6}.webp-range-slider input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:100px;height:6px}.webp-range-slider input[type=range]::-moz-range-progress{background:0 0;border-radius:100px;height:6px}.webp-range-slider input[type=range]::-moz-range-thumb{width:var(--range-thumb-size);height:var(--range-thumb-size);background:var(--webp-blue);border:0;border-radius:50%}.webp-range-slider.is-lossless input[type=range]::-moz-range-thumb{background:#a6b1c1e6}.webp-reconvert-button{background:var(--webp-accent-soft);width:max-content;min-height:40px;color:var(--webp-blue);border:0;border-radius:25px;justify-content:center;align-items:center;gap:3px;margin-top:0;padding-inline:12px;font:700 14px/1.2 Source Han Sans SC VF,sans-serif;display:inline-flex}.webp-tool-options .webp-reconvert-button,.webp-reconvert-button:hover:not(:disabled),.webp-tool-panel .webp-reconvert-button:hover:not(:disabled){background:var(--webp-accent-soft);color:var(--webp-blue)}.webp-reconvert-icon{background:currentColor;flex:0 0 16px;width:16px;height:16px;display:block;-webkit-mask:url(/assets/webp-converter/reconvert-active.svg) 50%/contain no-repeat;mask:url(/assets/webp-converter/reconvert-active.svg) 50%/contain no-repeat}.webp-reconvert-button[hidden],.webp-tool-input>.webp-tool-status,.webp-tool-input>.tool-results{display:none}.webp-tool-input>.webp-tool-status[data-kind=warning]{clip:auto;color:#b26a00;white-space:normal;width:auto;height:auto;margin:8px 0 0;padding:0 8px;font-size:12px;line-height:1.4;display:block;position:static;overflow:visible}@media (width<=900px){.webp-tool-workspace{height:auto;max-height:none}.webp-tool-panel{grid-template-columns:1fr;height:auto;min-height:720px}.webp-tool-divider{display:none}.webp-tool-input{min-height:520px}.webp-tool-options{border-top:1px solid #0000001f;border-left:0;height:auto;min-height:280px;padding-top:24px}}@media (width<=620px){.webp-tool-page{padding-top:22px}.webp-tool-title,.webp-tool-workspace{width:calc(100% - 24px)}.webp-tool-title h1{font-size:28px}.webp-tool-title p{font-size:14px}.webp-tool-seo{width:calc(100% - 24px);margin-top:20px}.webp-tool-seo-grid{grid-template-columns:1fr}.webp-tool-panel{border-radius:22px;padding:16px}.webp-task-header{padding:0 8px}.webp-task-header__actions{gap:12px}.webp-tool-task-surface .webp-file-list{padding-inline:8px}.webp-tool-task-surface .tool-task-thumb{width:42px;height:42px}.webp-tool-task-surface .webp-file-list__item{grid-template-columns:42px minmax(0,1fr) minmax(44px,auto) minmax(118px,auto)}.webp-tool-task-surface .webp-file-list__item--pending{grid-template-columns:42px minmax(0,1fr) minmax(136px,auto)}.webp-tool-task-surface .webp-file-list__result{min-width:44px}.webp-tool-task-surface .webp-file-list__actions{min-width:118px}.webp-tool-task-surface .webp-file-list__item--pending .webp-file-list__result{display:none}.webp-tool-task-surface .webp-file-list__item--pending .webp-file-list__actions{min-width:136px}.webp-summary-bar{gap:8px;padding-left:12px}.webp-summary-bar .tool-download-all{width:max-content;min-width:150px;padding-inline:20px;font-size:14px}}.heic-tool-page{background:radial-gradient(46% 54% at 14% 22%,#664ae033,#0000 76%),radial-gradient(42% 46% at 88% 84%,#664ae029,#0000 74%),linear-gradient(#060512 0%,#0a0820 54%,#15103c 100%)}.heic-tool-page .webp-tool-title__format{color:var(--webp-title-format)}[data-range-slider=scale]{--range-default-position:100%;--range-percent:100%}[data-range-slider=quality]{--range-default-position:80%;--range-percent:80%}.heic-dimensions-preview{color:var(--webp-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.webp-tool-task-surface .tool-task-thumb__placeholder{color:#697384;letter-spacing:.04em;background:#eef1f5;place-items:center;width:100%;height:100%;font-size:10px;font-weight:800;display:grid}.webp-tool-task-surface .tool-task-thumb__placeholder--heic,.webp-tool-task-surface .tool-task-thumb__placeholder--heif{color:#c86a08;background:#ff86051f}.webp-tool-task-surface .tool-format-badge--avif,.webp-tool-task-surface .tool-format-action--avif,.webp-tool-task-surface .webp-file-list__actions .tool-result-download[data-output-format=avif]{color:#0080aa!important;background:#009ecd2e!important}.webp-tool-task-surface .tool-format-badge--bmp,.webp-tool-task-surface .tool-format-action--bmp,.webp-tool-task-surface .webp-file-list__actions .tool-result-download[data-output-format=bmp]{color:#bd255f!important;background:#d4286d2e!important}.webp-tool-task-surface .tool-format-badge--heic,.webp-tool-task-surface .tool-format-badge--heif,.webp-tool-task-surface .tool-format-action--heic,.webp-tool-task-surface .tool-format-action--heif,.webp-tool-task-surface .webp-file-list__actions .tool-result-download[data-output-format=heic],.webp-tool-task-surface .webp-file-list__actions .tool-result-download[data-output-format=heif],.webp-tool-task-surface .tool-task-thumb__placeholder--heic,.webp-tool-task-surface .tool-task-thumb__placeholder--heif{color:#d45d00!important;background:#ef67002e!important}.webp-tool-task-surface .tool-task-thumb__placeholder--avif{color:#0080aa!important;background:#009ecd2e!important}.webp-tool-page{--webp-progress-track-bg:#00000014}.webp-tool-task-surface .tool-task-progress__track,.webp-format-options button:not(.is-active){background:var(--webp-progress-track-bg)!important}