:root{--ink:#17211b;--muted:#667069;--paper:#f6f6ef;--card:#fff;--lime:#dfff72;--lime-hover:#d3f35e;--line:#dfe3db;--danger:#b3261e;--control:#f3f4ef;--page-width:1180px;--content-width:980px;--tool-width:790px;--radius-card:22px;--radius-control:14px;--shadow-card:0 18px 45px #1d2b2114}
html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper)}button,input,select{font:inherit}a{color:inherit}
body>header.shell{width:min(var(--page-width),calc(100% - 40px));margin:0 auto}body>header nav{display:flex;min-height:82px;height:auto;align-items:center;justify-content:space-between;padding:0}body>header .brand{display:inline-flex;align-items:center;gap:10px;margin:0;color:var(--ink);font-size:21px;font-weight:800;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}body>header .brand-mark,body>header .mark{display:block;width:34px;height:34px;border-radius:11px;background:var(--ink);object-fit:contain}body>header .nav-links,body>header .links,body>header nav>div{display:flex;align-items:center;gap:16px;margin-left:auto;font-size:13px;font-weight:650}body>header .nav-links a,body>header .links a,body>header nav>div a{color:var(--ink);text-decoration:none;white-space:nowrap}body>header nav a:hover{text-decoration:underline;text-underline-offset:4px}body>header nav a:focus-visible,.site-footer a:focus-visible{outline:3px solid var(--lime);outline-offset:3px;border-radius:5px}
.card,.feature,.calculator,.tool,.panel,.thumb-card,.ready-card,.seo-copy{border-color:var(--line)}.card,.feature{background:#ffffffa8}.calculator,.tool,.panel{background:var(--card);box-shadow:var(--shadow-card)}.primary,.cta{border:0;border-radius:var(--radius-control);background:var(--ink);color:#fff;font-weight:750;cursor:pointer;transition:background .2s ease,transform .2s ease}.primary:hover:not(:disabled),.cta:hover{background:#29372e;transform:translateY(-1px)}.primary:focus-visible,.cta:focus-visible,.action:focus-visible,.download-file:focus-visible,.download-subtitles:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.primary:disabled{cursor:wait;opacity:.6;transform:none}.url-input,.input-row input,.field input,.field select,.controls select,.select{border:0;border-radius:13px;background:var(--control);color:var(--ink)}.url-input:focus,.input-row input:focus,.field input:focus,.field select:focus,.controls select:focus,.select:focus{outline:0;box-shadow:inset 0 0 0 2px var(--ink)}.helper.error,.message.error{color:var(--danger)}.progress{height:7px;overflow:hidden;border-radius:999px;background:#e9ebe5}.progress span{border-radius:inherit;background:#8ab52d}
.landing-hero{padding-top:60px}.crumb,.hero nav.helper[aria-label="Breadcrumb"]{display:flex;min-height:0;height:auto;align-items:center;justify-content:flex-start;gap:8px;color:var(--muted);font-size:13px}.hero>.crumb{width:min(var(--content-width),100%);margin:0 auto 24px;text-align:left}.crumb a,.hero nav.helper[aria-label="Breadcrumb"] a{padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-weight:700;text-decoration:none}.crumb a:hover,.hero nav.helper[aria-label="Breadcrumb"] a:hover{border-color:#c8e75b;background:var(--lime)}.related,.related-links,.seo-links{display:flex;flex-wrap:wrap;gap:10px}.related a,.related-links a,.seo-links a{display:inline-flex;min-height:40px;align-items:center;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:750;line-height:1.25;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}.related a:hover,.related-links a:hover,.seo-links a:hover{border-color:#c8e75b;background:var(--lime);text-decoration:none;transform:translateY(-1px)}.related a:focus-visible,.related-links a:focus-visible,.seo-links a:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.ad-zone{width:min(var(--content-width),calc(100% - 24px));text-align:center;overflow:hidden}.ad-label{display:block;margin-bottom:8px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.banner-slot{display:flex;min-height:90px;align-items:center;justify-content:center}
.site-footer{padding:56px 0 28px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.site-footer .footer-shell{display:block!important;width:min(var(--page-width),calc(100% - 40px));margin:0 auto}.footer-main{display:grid;grid-template-columns:minmax(220px,1.05fr) minmax(360px,1.7fr) minmax(150px,.7fr);gap:48px}.footer-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;font-weight:850;text-decoration:none}.footer-brand img{display:block;border-radius:10px;background:var(--ink)}.footer-about p{max-width:310px;margin:16px 0 0;line-height:1.65}.footer-group h2{margin:3px 0 16px;color:var(--ink);font-size:13px;letter-spacing:.06em;text-transform:uppercase}.site-footer nav.footer-tools{display:grid!important;min-height:0;height:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 24px;margin:0}.footer-pages nav{display:grid;min-height:0;height:auto;gap:11px}.site-footer nav a{color:var(--muted);font-weight:650;text-decoration:none;overflow-wrap:anywhere}.site-footer nav a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:22px;border-top:1px solid var(--line);font-size:12px}
@media(max-width:760px){body>header.shell{width:100%}body>header nav{display:block;padding:14px 12px}body>header .brand{margin-bottom:12px}body>header .nav-links,body>header .links,body>header nav>div{width:100%;gap:10px 16px;margin-left:0;padding:0 0 6px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin}body>header .nav-links a:not(.pill){display:block}.landing-hero{padding-top:45px}.site-footer{padding:40px 0 24px}.site-footer .footer-shell{width:calc(100% - 24px)}.footer-main{grid-template-columns:1fr;gap:30px}.footer-about p{max-width:none}.site-footer nav.footer-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.footer-bottom{display:grid;gap:8px;margin-top:32px}.footer-group h2{margin-bottom:14px}}
@media(max-width:380px){.site-footer nav.footer-tools{grid-template-columns:1fr}}
.hero>p.crumb{margin:0 0 24px}
.content .table-wrap{max-width:100%;margin:18px 0;overflow-x:auto}.content .table-wrap table{width:100%;border-collapse:collapse;text-align:left}.content .table-wrap th,.content .table-wrap td{padding:12px 14px;border-bottom:1px solid var(--line)}.content .table-wrap th{background:var(--control);font-size:12px}.content .table-wrap+p{margin-top:14px}.content #reverseCalculator{margin-top:18px}.content #reverseCalculator .result{margin-top:16px}
@media(max-width:760px){body>header .nav-links,body>header .links,body>header nav>div{flex-wrap:wrap;overflow-x:visible;padding-bottom:0}}
body>header.shell{position:sticky;top:0;z-index:100;width:100%;max-width:none;background:var(--paper);border-bottom:1px solid var(--line)}body>header nav{width:min(var(--page-width),calc(100% - 40px));margin:0 auto}
@media(max-width:760px){body>header nav{width:100%}}
#downloadAllThumbnails{display:none;margin-top:18px}.results.visible:has(.thumb-grid)+#downloadAllThumbnails{display:inline-flex}
body>header nav{position:relative}body>header .tools-menu>summary{display:inline-flex;align-items:center;gap:7px;list-style:none;cursor:pointer;color:var(--ink);white-space:nowrap}body>header .tools-menu>summary::-webkit-details-marker{display:none}body>header .tools-menu>summary::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s ease}body>header .tools-menu[open]>summary::after{transform:translateY(2px) rotate(225deg)}body>header .tools-menu>summary:hover{text-decoration:underline;text-underline-offset:4px}body>header .tools-menu>summary:focus-visible{outline:3px solid var(--lime);outline-offset:3px;border-radius:5px}body>header .tools-menu-panel{position:absolute;z-index:110;top:100%;right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:min(520px,calc(100vw - 24px));max-height:min(70vh,520px);overflow-y:auto;padding:14px;border:1px solid var(--line);border-radius:0 0 16px 16px;background:var(--card);box-shadow:0 18px 45px #1d2b211c}body>header .tools-menu-panel a{display:flex;align-items:center;min-height:42px;padding:9px 11px;border-radius:9px;color:var(--ink);font-size:13px;font-weight:650;line-height:1.3;text-decoration:none;white-space:normal}body>header .tools-menu-panel a:hover,body>header .tools-menu-panel a:focus-visible{background:var(--lime);text-decoration:none}
@media(max-width:760px){body>header .tools-menu-panel{left:12px;right:12px;width:auto}}
body>header .tools-menu:not([open]) .tools-menu-panel{display:none}