.landing-page.tool-ui{--landing-width:1120px;--landing-gutter:20px;--font-sans:"Inter Variable", Inter, sans-serif;--font-serif-display:"Inter Variable", Inter, sans-serif;--font-mono-display:"Inter Variable", Inter, sans-serif;--tool-text:896px;--tool-visual:960px;font-family:Inter Variable,Inter,sans-serif}.tool-ui :is(.font-mono,.converter-readout,input,output){font-variant-numeric:tabular-nums}.tool-ui :is(h1,h2,h3,.font-display,.font-mono){font-family:inherit;font-stretch:100%}.tool-ui .reveal{opacity:1;transition:none;transform:none}.tool-ui .site-header-inner{height:64px}.landing-page.tool-ui .landing-hero{padding-block:32px 48px}.tool-ui .tool-breadcrumb{margin-bottom:20px;font-size:12px}.tool-ui .landing-hero-copy h1{letter-spacing:-.03em;font-size:clamp(30px,3.2vw,40px);font-weight:700;line-height:1.2}.tool-ui .landing-hero-copy p{max-width:660px;margin-top:14px;font-size:16px;line-height:1.65}.tool-ui .landing-workspace-wrap{max-width:1040px;margin:28px auto 0}.tool-ui .converter-workspace{border-color:var(--border);border-radius:16px;box-shadow:0 4px 20px -12px #0002}.tool-ui .converter-workspace .converter-inputs{gap:14px;padding:20px}.tool-ui .converter-workspace .converter-settings{gap:16px;padding:20px}.tool-ui .converter-workspace .converter-upload{background:var(--background);border-radius:10px;min-height:116px}.tool-ui .converter-settings>div:last-child>button{border-radius:8px;height:44px}.tool-ui .converter-readout{padding:10px 16px;font-size:12px}.tool-ui .converter-workspace .converter-stage{aspect-ratio:4/3;min-height:0}@media (width>=768px){.tool-ui .converter-workspace{grid-template:"inputs preview""settings preview"1fr/320px minmax(0,1fr)}.tool-ui .converter-workspace .converter-inputs{grid-area:inputs}.tool-ui .converter-workspace .converter-settings{border-top:1px solid var(--border);grid-area:settings}.tool-ui .converter-workspace .converter-preview{border-block:0;border-left:1px solid var(--border);grid-area:preview}.tool-ui .converter-workspace .converter-stage{aspect-ratio:auto;flex:1;min-height:420px}}@media (width<=767px){.tool-ui .converter-workspace{grid-template-areas:"inputs""preview""settings"}.tool-ui .converter-inputs{grid-area:inputs}.tool-ui .converter-preview{grid-area:preview}.tool-ui .converter-settings{grid-area:settings}}.tool-ui :is(.tool-steps,.tool-compare,.tool-article,.tool-checks,.landing-faq,.tools-hub,.tg-section){padding:40px var(--landing-gutter);background:0 0;border:0}.tool-ui :is(.tool-steps,.tool-compare,.tool-article,.tool-checks,.landing-faq,.tools-hub) .landing-section-inner{max-width:var(--tool-text)}.landing-page.tool-ui main h2{letter-spacing:-.025em;font-size:32px;font-weight:650;line-height:1.25}.tool-ui .landing-section-heading,.tool-ui .tg-heading{text-align:center;max-width:720px;margin-inline:auto}.tool-ui .landing-section-heading>p,.tool-ui .tg-heading>p{color:var(--muted-foreground);margin-top:12px;font-size:15px;line-height:1.7}.tool-ui .tg-heading{margin-bottom:28px}.tool-ui .tg-inner{max-width:var(--tool-visual);margin-inline:auto}.tool-ui .tg-inner>.tg-heading:not(:first-child){margin-top:64px}.tool-ui :is(.tool-steps-list,.tool-compare-grid,.tool-checks-grid){gap:20px;margin-top:28px}.tool-ui .tool-step{background:0 0;border:0;border-radius:0;padding:0 12px 0 0}.tool-ui .tool-step:after{display:none}.tool-ui .tool-step-index{border-radius:8px;font-size:13px}.tool-ui .tool-step h3{margin-top:14px;font-size:16px}.tool-ui .tool-step p{font-size:14px;line-height:1.7}.tool-ui .tg-pair{grid-template-columns:1fr 1fr;gap:24px;display:grid;position:relative}.tool-ui .tg-pair figure{border:1px solid var(--border);background:var(--card);border-radius:14px;overflow:hidden}.tool-ui .tg-pair img{aspect-ratio:4/3;object-fit:cover;background:var(--muted);width:100%}.tool-ui .tg-pair img[data-fit=contain]{object-fit:contain}.tool-ui .tg-pair figcaption{flex-direction:column;gap:6px;padding:18px 20px;display:flex}.tool-ui .tg-pair figcaption span{color:var(--muted-foreground);font-size:13px}.tool-ui .tg-pair-arrow{border:1px solid var(--border);background:var(--card);color:var(--filament-ink);border-radius:50%;padding:12px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.tool-ui .tg-takeaways{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;gap:16px 28px;padding-top:22px;font-size:13px;display:flex}.tool-ui .tg-takeaways li{align-items:center;gap:8px;display:flex}.tool-ui .tg-takeaways svg{color:var(--filament-ink);flex-shrink:0}.tool-ui .tg-diagrams{grid-template-columns:1fr 1fr;gap:24px;display:grid}.tool-ui .tg-diagrams article{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:24px}.tool-ui .tg-diagrams h3{margin-top:22px;font-size:18px;font-weight:600}.tool-ui :is(.tg-diagrams,.tg-checks) p{color:var(--muted-foreground);margin-top:8px;font-size:14px;line-height:1.7}.tool-ui .tg-visual{background:var(--background);border-radius:10px;justify-content:center;align-items:center;gap:24px;height:150px;padding:12px;display:flex}.tool-ui .tg-visual svg text{font-family:inherit}.tool-ui .tg-checks{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.tool-ui .tg-checks article{padding:12px 0 24px}.tool-ui .tg-checks svg{color:var(--filament-ink);margin-bottom:16px}.tool-ui .tg-checks h3{font-size:17px;font-weight:600}.tool-ui .tg-details{border:1px solid var(--border);background:var(--card);border-radius:12px;margin-top:28px;overflow:hidden}.tool-ui .tg-details>summary{cursor:pointer;padding:20px 24px;font-size:15px;font-weight:600}.tool-ui .tg-details>summary::marker{color:var(--filament-ink)}.tool-ui .tg-details>summary:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.tool-ui .tg-details-hint{color:var(--muted-foreground);margin-left:16px;font-size:12px;font-weight:400}.tool-ui .tg-details-body{border-top:1px solid var(--border);padding:0 24px 24px}.tool-ui .tg-details-body :is(.tool-article,.tool-compare,.tool-checks,.tool-steps){padding:32px 0}.tool-ui .tg-details-body h2{font-size:22px!important}.tool-ui .tool-article-grid{grid-template-columns:minmax(0,1fr);gap:28px}.tool-ui .tool-article-body{gap:36px}.tool-ui .tool-article-body>div{border-top:1px solid var(--border);padding-top:28px}.tool-ui .tool-article-body p{max-width:75ch;margin-top:12px;font-size:15px;line-height:1.8}.tool-ui .tool-article-figure{width:100%;max-width:480px;margin-inline:auto;position:static}.tool-ui .tool-article-figure img{box-shadow:none;border-radius:12px}.tool-ui .tool-compare-card{border-radius:12px;padding:24px}.tool-ui .tool-compare-card[data-tone=kept]{border-color:var(--border);background:var(--card)}.tool-ui .tool-compare-card h3{font-size:17px}.tool-ui .tool-compare-card li{font-size:14px}.tool-ui .tool-checks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-ui .tool-check{box-shadow:none;border-radius:12px;padding:20px}.tool-ui .tool-check h3{font-size:16px}.tool-ui .tool-check p{font-size:14px;line-height:1.7}.tool-ui .landing-faq .landing-section-inner{grid-template-columns:minmax(0,1fr);gap:24px}.tool-ui .landing-faq h2{text-align:center;position:static}.tool-ui .landing-faq-question{padding-block:20px;font-size:15px}.tool-ui .landing-faq-answer{font-size:14px;line-height:1.75}.tool-ui .tg-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-ui .tg-related-card{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:24px;transition:border-color .15s;display:block;position:relative}.tool-ui .tg-related-card:is(:hover,:focus-visible){border-color:var(--primary)}.tool-ui .tg-tool-icon{background:color-mix(in oklch, var(--primary) 10%, var(--card));color:var(--filament-ink);border-radius:10px;margin-bottom:20px;padding:10px;display:inline-flex}.tool-ui .tg-tool-icon svg{width:20px;height:20px}.tool-ui .tg-related-card strong{font-size:16px;display:block}.tool-ui .tg-related-card p{color:var(--muted-foreground);margin-top:8px;font-size:13px;line-height:1.6}.tool-ui .tg-related-arrow{color:var(--muted-foreground);position:absolute;top:32px;right:24px}.tool-ui .tg-all-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:24px;display:grid}.tool-ui .tg-all-tools h3{margin-bottom:12px;font-size:14px;font-weight:600}.tool-ui .tg-all-tools a{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.tool-ui .tg-all-tools a:is(:hover,:focus-visible){color:var(--filament-ink)}.tool-ui .tool-cta{padding:32px var(--landing-gutter) 56px}.tool-ui .tool-cta-card{max-width:var(--tool-text);background:var(--card);box-shadow:none;border-radius:12px;padding:24px}.tool-ui .tool-cta-card h2{letter-spacing:-.02em;font-size:22px!important}.tool-ui .tool-cta-card p{font-size:14px}.tool-ui .tool-cta-card a{border-radius:8px}@media (width<=767px){.landing-page.tool-ui main h2{font-size:28px}.tool-ui :is(.tg-pair,.tg-diagrams,.tg-checks,.tg-related,.tg-all-tools),.tool-ui .tool-checks-grid{grid-template-columns:minmax(0,1fr)}.tool-ui .tg-pair-arrow{top:50%;transform:translate(-50%,-50%)rotate(90deg)}.tool-ui .tg-inner>.tg-heading:not(:first-child){margin-top:48px}.tool-ui .tg-checks{gap:0}.tool-ui .tg-details-hint{margin:8px 0 0 18px;display:block}.tool-ui .tg-details-body{padding-inline:16px}.tool-ui .tool-step{border-bottom:1px solid var(--border);padding:16px 0}}.tool-ui .tg-details-body .tool-article-body>div:first-child{border-top:0;padding-top:0}