.tools-page{--tool-success: #226748;--tool-error: var(--eh-error);--tool-working: var(--eh-focus);--tool-error-bg: var(--eh-error-surface);min-height:100vh;padding:144px max(24px,5vw) 96px;color:var(--eh-ink, #202020);background:var(--eh-bg, #faf9f6);font-family:Plus Jakarta Sans,sans-serif}[data-theme=dark] .tools-page{--tool-success: var(--eh-mint, #9bdac5)}.tools-page :is(button,summary,a,[role=button]):focus-visible,.popular-tools a:focus-visible,.tool-back-to-top:focus-visible{outline:2px solid var(--eh-ink, #202020);outline-offset:5px}.tools-page :is(input,select):focus-visible{outline:2px solid var(--eh-focus, #176f95);outline-offset:3px}.tools-page :is(input,select,button){accent-color:var(--eh-ink, #202020)}.tools-page :is(button,input,select):disabled{cursor:not-allowed}.tools-hero,.tools-grid,.tools-features,.tools-benefits,.tools-controls,.tools-cat-blurb,.tools-converters-head{max-width:1280px;margin-inline:auto}.tools-hero{margin-bottom:64px;padding-bottom:48px;border-bottom:1px solid var(--eh-ink, #202020)}.tools-eyebrow,.tools-feature-eyebrow{color:var(--eh-muted, #62625f);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px}.tools-title,.tools-converters-title,.tools-feature-title,.tools-why-h,.tools-faq-h{font-family:Plus Jakarta Sans,Arial,sans-serif;font-weight:400;text-transform:uppercase;color:var(--eh-ink, #202020);letter-spacing:-.025em}.tools-title{font-size:clamp(3.5rem,8vw,8rem);line-height:1.02;max-width:1100px;margin-bottom:32px}.tools-title span,.tools-converters-title span{color:inherit;text-decoration-line:underline;text-decoration-color:var(--eh-purple, #989dde);text-decoration-thickness:.055em;text-underline-offset:.1em}.tools-sub{max-width:680px;color:var(--eh-muted, #62625f);font-size:1.05rem;line-height:1.75}.tools-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tools-feature{display:block;min-width:0;position:relative;padding:32px;border:1px solid var(--eh-ink, #202020);border-radius:0;background:var(--eh-surface, #f0f0ea);color:var(--eh-ink, #202020);text-decoration:none;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.tools-feature.glass{background:var(--eh-surface, #f0f0ea);border:1px solid var(--eh-ink, #202020);backdrop-filter:none;-webkit-backdrop-filter:none}.tools-feature--background,.tools-feature--background.glass{grid-column:1 / -1;display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;align-items:center;min-height:320px;padding:48px;background:var(--eh-yellow, #fdd359);color:#202020}.tools-feature:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--eh-ink, #202020)}.tools-feature-visual{position:relative;display:grid;place-items:center;width:100%;max-width:210px;aspect-ratio:1;border:1px solid #202020;border-radius:50%;background-color:#faf9f6;background-image:linear-gradient(45deg,#d8d8d2 25%,transparent 25%),linear-gradient(-45deg,#d8d8d2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d8d8d2 75%),linear-gradient(-45deg,transparent 75%,#d8d8d2 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.tools-feature-visual:before{content:"";position:absolute;inset:-12px;border:1px solid #202020;border-radius:50%}.tools-feature-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.tools-feature-visual span{position:absolute;right:-16px;bottom:16px;padding:8px 12px;border:1px solid #202020;background:var(--eh-mint, #9bdac5);color:#202020;font-size:.75rem;font-weight:800;transform:rotate(-7deg)}.tools-feature-inner{position:relative}.tools-feature-title{font-size:clamp(2rem,3vw,3rem);line-height:1.1;margin-bottom:16px}.tools-feature-sub{color:var(--eh-muted, #62625f);font-size:1rem;line-height:1.7;margin-bottom:24px;max-width:700px}.tools-feature--background :is(.tools-feature-eyebrow,.tools-feature-title,.tools-feature-sub,.tools-feature-cta){color:#202020}.tools-feature--background .tools-feature-title{font-size:clamp(2.2rem,4.2vw,4rem)}.tools-feature-cta{display:inline-flex;min-height:44px;align-items:center;gap:8px;color:var(--eh-ink, #202020);font-size:.875rem;font-weight:800;border-bottom:1px solid currentColor}.tools-converters{margin-top:112px}.tools-converters-head{margin-bottom:48px}.tools-converters-title{font-size:clamp(2.75rem,5.7vw,5.5rem);line-height:1.1;margin:0 0 24px}.tools-benefits{margin-bottom:64px}.tools-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}.benefit-card{padding:24px 0;border-top:1px solid var(--eh-line, #d8d8d2);display:flex;flex-direction:column;gap:12px}.benefit-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #202020;background:var(--eh-mint, #9bdac5);color:#202020;margin-bottom:8px}.benefit-card:nth-child(3n+2) .benefit-icon{background:var(--eh-blue, #66cdfa)}.benefit-card:nth-child(3n) .benefit-icon{background:var(--eh-pink, #f58cab)}.benefit-heading{font-size:1.05rem;font-weight:800;color:var(--eh-ink, #202020)}.benefit-body{color:var(--eh-muted, #62625f);font-size:.95rem;line-height:1.75}.tools-controls{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.tools-search{box-sizing:border-box;width:100%;min-height:56px;padding:16px 20px;border:1px solid var(--eh-muted, #62625f);border-radius:0;background:var(--eh-surface, #f0f0ea);color:var(--eh-ink, #202020);font:inherit;font-size:1rem}.tools-search::placeholder{color:var(--eh-muted, #62625f);opacity:1}.tools-tabs{display:flex;flex-wrap:wrap;gap:8px}.tools-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--eh-muted, #62625f);border-radius:0;background:transparent;color:var(--eh-ink, #202020);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.tools-tab:hover{background:var(--eh-surface, #f0f0ea);transform:translateY(-2px)}.tools-tab.is-active{background:var(--cat-color, var(--eh-purple, #989dde));border-color:#202020;color:#202020}.tab-count{font-size:.75rem;font-variant-numeric:tabular-nums}.tools-cat-blurb{margin-bottom:24px;color:var(--eh-muted, #62625f);line-height:1.7}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px}.tool-card{min-width:0;padding:28px;display:flex;flex-direction:column;gap:20px;background:var(--eh-surface, #f0f0ea);border:1px solid var(--eh-line, #d8d8d2);border-radius:0;color:var(--eh-ink, #202020);text-decoration:none;transition:transform .25s ease,border-color .25s ease}.tool-card:hover{border-color:var(--eh-ink, #202020);transform:translateY(-4px)}.tool-card.is-soon{opacity:.65}.tool-card.is-soon:hover{transform:none}.tool-card-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}.tool-card-title{flex:1 1 180px;font-size:1.35rem;font-weight:800;line-height:1.35;color:var(--eh-ink, #202020)}.tool-card-badge{display:inline-flex;align-items:center;padding:6px 8px;border:1px solid #202020;font-size:.75rem;line-height:1.3;font-weight:700}.tool-card-badge--live,.tool-card-badge--featured{background:var(--eh-purple, #989dde);color:#202020}.tool-card-badge--soon{color:var(--eh-muted, #62625f);border-color:var(--eh-muted, #62625f)}.tool-card-blurb{flex:1;color:var(--eh-muted, #62625f);font-size:.95rem;line-height:1.75}.tool-card-cta{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;color:var(--eh-ink, #202020);font-size:.875rem;font-weight:800;text-decoration:underline;text-underline-offset:5px}.tool-card-cta.is-disabled{color:var(--eh-muted, #62625f);pointer-events:none}.tool-card--featured{border-color:var(--eh-ink, #202020)}.tools-empty{grid-column:1 / -1;padding:64px 24px;border:1px solid var(--eh-line, #d8d8d2);color:var(--eh-muted, #62625f);text-align:center}.tools-why,.tools-faq{max-width:880px;margin:96px auto 0}.tools-why-h,.tools-faq-h{font-size:clamp(2rem,3vw,3rem);margin-bottom:24px}.tools-why-body{color:var(--eh-muted, #62625f);font-size:1rem;line-height:1.8}.tools-faq-list{display:flex;flex-direction:column}.tools-faq-item{border-top:1px solid var(--eh-line, #d8d8d2);padding:12px 0}.tools-faq-item:last-child{border-bottom:1px solid var(--eh-line, #d8d8d2)}.tools-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;color:var(--eh-ink, #202020);font-size:1rem;font-weight:700;cursor:pointer;list-style:none}.tools-faq-item summary::-webkit-details-marker{display:none}.tools-faq-item summary:after{content:"+";flex:0 0 auto;font-size:1.5rem;font-weight:400}.tools-faq-item[open] summary:after{content:"−"}.tools-faq-item p{max-width:760px;margin:12px 0 20px;color:var(--eh-muted, #62625f);font-size:.95rem;line-height:1.75}.tool-detail-inner{max-width:960px;margin:0 auto}.tool-options-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;min-height:44px;margin-bottom:16px}.tool-options-row:last-child{margin-bottom:0}.tool-options-row>span:first-child{flex:0 1 180px}.tool-options-row input[type=checkbox]{width:22px;height:22px;margin:11px}.tool-options-row input[type=range]{min-width:100px;min-height:44px}.tool-dropzone{position:relative;overflow-wrap:anywhere}.tool-dropzone:hover:not([aria-disabled=true]){box-shadow:4px 4px 0 var(--eh-ink, #202020)}.tool-related-card:hover,.popular-tool-card:hover{border-color:var(--eh-ink, #202020);transform:translateY(-3px)}.tool-download-row{gap:16px}.tool-category-label{display:inline-flex;align-items:center;padding:5px 8px;background:var(--tool-category, var(--eh-purple, #989dde));color:#202020;font-size:.75rem;font-weight:700;letter-spacing:.06em;margin-bottom:12px}.popular-tools{color:var(--eh-ink, #202020);font-family:Plus Jakarta Sans,sans-serif}@media(max-width:720px){.tools-page{padding:120px 20px 64px}.tools-hero{padding-bottom:32px;margin-bottom:40px}.tools-title{font-size:clamp(3rem,11vw,5rem)}.tools-features{grid-template-columns:1fr;gap:20px}.tools-feature{padding:24px}.tools-feature--background{grid-template-columns:1fr;gap:40px;padding:36px 24px}.tools-feature-visual{max-width:160px;justify-self:center}.tools-converters{margin-top:64px}.tools-benefits{margin-bottom:48px}.tools-why,.tools-faq{margin-top:64px}.tool-card{padding:24px}.tool-options-row>span:first-child{flex-basis:100%}.tool-download-row{flex-wrap:wrap}.tool-download-row>div{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.tools-page *,.popular-tools *{transition:none!important;scroll-behavior:auto!important}.tools-feature:hover,.tool-card:hover,.tools-tab:hover,.tool-related-card:hover,.popular-tool-card:hover{transform:none}}.tools-page{--tool-working: var(--eh-focus);padding-inline:var(--eh-gutter);background:var(--eh-bg);color:var(--eh-ink)}.tools-page :is(button,summary,a,[role=button]):focus-visible,.popular-tools a:focus-visible,.tool-back-to-top:focus-visible{outline:2px solid var(--eh-focus);outline-offset:4px;box-shadow:none}.tools-hero{min-height:0;padding:48px 0 56px;border-bottom-color:var(--eh-line)}.tools-title,.tools-converters-title,.tools-feature-title,.tools-why-h,.tools-faq-h{color:var(--eh-ink);font-weight:600;letter-spacing:-.04em;line-height:1.08;text-transform:none}.tools-title{max-width:960px;font-size:clamp(44px,5.6vw,84px)}.tools-title span,.tools-converters-title span{color:var(--eh-focus);text-decoration:none}.tools-eyebrow,.tools-feature-eyebrow{color:var(--eh-muted)}.tools-feature,.tools-feature.glass{padding:32px;border:1px solid var(--eh-line);border-radius:12px;background:var(--eh-surface);color:var(--eh-ink);box-shadow:none;transition:border-color .2s ease}.tools-feature:hover{transform:none;border-color:var(--eh-focus);box-shadow:none}.tools-feature--background,.tools-feature--background.glass{grid-template-columns:minmax(200px,280px) minmax(0,1fr);min-height:320px;gap:48px;padding:40px}.tools-feature-visual{max-width:280px;aspect-ratio:1;border:0;border-radius:8px;background-color:var(--eh-surface);background-image:linear-gradient(45deg,var(--eh-line) 25%,transparent 25%),linear-gradient(-45deg,var(--eh-line) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--eh-line) 75%),linear-gradient(-45deg,transparent 75%,var(--eh-line) 75%)}.tools-feature-visual:before{display:none}.tools-feature-visual img{object-fit:contain;border-radius:8px}.tools-feature-visual span{right:12px;bottom:12px;border:0;border-radius:4px;background:var(--eh-carbon);color:var(--eh-paper);transform:none}.tools-feature--background :is(.tools-feature-eyebrow,.tools-feature-title,.tools-feature-sub,.tools-feature-cta){color:var(--eh-ink)}.tools-feature--background .tools-feature-sub{color:var(--eh-muted)}.tools-feature-title,.tools-feature--background .tools-feature-title{font-size:clamp(28px,3vw,44px)}.tools-feature-cta{border-bottom-color:var(--eh-focus)}.tools-converters-head{display:block;max-width:1280px}.tools-converters-title{max-width:900px;font-size:clamp(36px,4.5vw,64px)}.benefit-icon,.benefit-card:nth-child(3n+2) .benefit-icon,.benefit-card:nth-child(3n) .benefit-icon{border:0;border-radius:10px;background:color-mix(in srgb,var(--eh-maya) 16%,var(--eh-surface));color:var(--eh-focus)}.tools-search{border-radius:8px}.tools-tab{border-radius:6px}.tools-tab:hover{transform:none}.tools-tab.is-active{background:var(--eh-sapphire);color:#fff;border-color:var(--eh-sapphire)}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.tool-card{border-radius:10px;background:var(--eh-surface)}.tool-card:hover{transform:none;border-color:var(--eh-focus)}.tool-card-badge{border:0;border-radius:4px}.tool-card-badge--live,.tool-card-badge--featured{background:var(--eh-maya);color:var(--eh-carbon)}.tool-dropzone:hover:not([aria-disabled=true]){box-shadow:none;border-color:var(--eh-focus)}.tools-why,.tools-faq{max-width:960px}.tools-faq-item summary{min-height:64px;padding:16px;border-radius:6px}.tools-faq-item[open] summary{background:var(--eh-surface)}.tools-faq-item p{padding:0 16px}.tools-faq-item summary:after{content:"";width:10px;height:10px;margin-right:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.tools-faq-item[open] summary:after{content:"";transform:rotate(225deg)}@media(max-width:720px){.tools-hero{padding:24px 0 40px}.tools-title{font-size:clamp(40px,10.6vw,64px)}.tools-feature,.tools-feature.glass{padding:24px}.tools-feature--background,.tools-feature--background.glass{grid-template-columns:1fr;gap:24px}.tools-feature-visual{max-width:240px}}