@font-face{font-family:Geist;src:url(/assets/fonts/geist.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/fonts/geist-mono.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f1f3f6;--ink: #0b0d12;--ink-2: #2a2f3a;--muted: #5d6472;--line: #e2e5eb;--line-2: #d3d8e0;--brand: #2457ff;--brand-ink: #ffffff;--brand-soft: #e8eeff;--lime: #d4ff3a;--lime-ink: #0b0d12;--ok: #0f8a52;--ok-soft: #e3f6ec;--warn: #9a5b00;--danger: #b4232a;--danger-soft: #fdecec;--card-shadow: 0 1px 2px rgba(11, 13, 18, .04), 0 12px 40px -12px rgba(11, 13, 18, .14);--sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--r: 14px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #090b0f;--surface: #11141a;--surface-2: #181c24;--ink: #f2f4f8;--ink-2: #d5d9e1;--muted: #9098a8;--line: #222732;--line-2: #2e3442;--brand: #5b83ff;--brand-ink: #ffffff;--brand-soft: #182446;--ok: #3ed38f;--ok-soft: #0f2a1f;--warn: #f2b84b;--danger: #ff8a8f;--danger-soft: #34151a;--card-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 18px 50px -16px rgba(0, 0, 0, .7);color-scheme:dark}}:root[data-theme=dark]{--bg: #090b0f;--surface: #11141a;--surface-2: #181c24;--ink: #f2f4f8;--ink-2: #d5d9e1;--muted: #9098a8;--line: #222732;--line-2: #2e3442;--brand: #5b83ff;--brand-ink: #ffffff;--brand-soft: #182446;--ok: #3ed38f;--ok-soft: #0f2a1f;--warn: #f2b84b;--danger: #ff8a8f;--danger-soft: #34151a;--card-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 18px 50px -16px rgba(0, 0, 0, .7);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.6 var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01"}a{color:var(--brand);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--bg);padding:.6rem 1rem;z-index:50}.skip:focus{left:0}.wrap{max-width:1160px;margin:0 auto;padding:0 16px}@media(min-width:720px){.wrap{padding:0 28px}}.ico{width:1.15em;height:1.15em;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.num{font-family:var(--mono);font-feature-settings:"tnum";letter-spacing:-.02em}[hidden]{display:none!important}header.site{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}header.site .wrap{display:flex;align-items:center;gap:1.25rem;min-height:60px}.brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);text-decoration:none;font:650 1.2rem/1 var(--sans);letter-spacing:-.035em}.brand svg{width:26px;height:26px}nav.main{display:flex;align-items:center;gap:.15rem;margin-left:auto}nav.main a{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:500;padding:.45rem .7rem;border-radius:8px;white-space:nowrap}nav.main a:hover{color:var(--ink);background:var(--surface-2)}nav.main a[aria-current=page]{color:var(--ink);background:var(--surface-2)}@media(max-width:760px){nav.main a.opt{display:none}}.theme{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;margin-left:.35rem}.theme:hover{border-color:var(--line-2)}.theme .moon{display:none}:root[data-theme=dark] .theme .sun{display:none}:root[data-theme=dark] .theme .moon{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme .sun{display:none}:root:not([data-theme=light]) .theme .moon{display:block}}.hero{display:grid;gap:28px;padding:36px 0 8px;align-items:start}@media(min-width:980px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:56px;padding:64px 0 24px}.hero .copy{padding-top:24px}}.crumbs{font-size:.85rem;color:var(--muted);margin:0 0 14px;display:flex;gap:.4rem;flex-wrap:wrap}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}.pill{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:550;padding:.3rem .7rem .3rem .4rem;border-radius:99px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);margin:0 0 18px}.pill b{background:var(--lime);color:var(--lime-ink);border-radius:99px;padding:.05rem .5rem;font-weight:650}h1{font:650 clamp(2.2rem,5.2vw,3.6rem)/1.04 var(--sans);letter-spacing:-.045em;margin:0 0 18px;text-wrap:balance}h1 em{font-style:normal;color:var(--brand)}h2{font:650 clamp(1.5rem,2.6vw,1.9rem)/1.15 var(--sans);letter-spacing:-.03em;margin:0 0 .7rem;text-wrap:balance}h3{font:600 1.05rem/1.35 var(--sans);letter-spacing:-.01em;margin:0 0 .3rem}.lead{font-size:1.12rem;color:var(--muted);margin:0;max-width:54ch}.trust{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}@media(max-width:979px){.trust{display:none}}.trust li{display:flex;gap:.7rem;align-items:flex-start;color:var(--ink-2);font-size:.97rem}.trust .ico{color:var(--brand);margin-top:.2em}.trust strong{color:var(--ink);font-weight:600}.tool{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--card-shadow);padding:20px;min-height:470px;display:flex;flex-direction:column}@media(min-width:720px){.tool{padding:24px}}.tool>[data-setup],.tool>.work,.tool>.result{flex:1}.lbl{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin:0 0 8px;letter-spacing:.01em}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.chip{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:10px;padding:.45rem .7rem;font:500 .9rem var(--sans);cursor:pointer}.chip:hover{border-color:var(--line-2);background:var(--surface-2)}.chip[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--brand)}.chip small{font:500 .78rem var(--mono);color:var(--muted)}.dot{width:8px;height:8px;border-radius:3px;flex:none}.selectwrap{position:relative}.selectwrap:after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}.tool select,.tool input[type=number]{appearance:none;-webkit-appearance:none;font:500 .95rem var(--sans);padding:.7rem .9rem;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--ink);width:100%;min-height:44px}.tool select{padding-right:2.4rem;cursor:pointer}.tool select:hover,.tool input[type=number]:hover{border-color:var(--muted)}.row{display:flex;gap:8px}.row>*{flex:1}.row>.selectwrap.unit{flex:0 0 96px}.limit{font-size:.86rem;line-height:1.5;margin:10px 0 0;min-height:3.9em;color:var(--muted)}.limit strong{color:var(--ink);font-weight:600}.muted{color:var(--muted)}.drop{display:grid;place-items:center;align-content:center;text-align:center;gap:4px;border:1.5px dashed var(--line-2);border-radius:14px;padding:26px 16px;margin-top:14px;background:var(--surface-2);cursor:pointer;min-height:196px;position:relative;transition:border-color .15s,background .15s}.drop:hover,.drop.over,.drop:focus-within{border-color:var(--brand);background:var(--brand-soft)}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.drop .badge{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--brand);color:var(--brand-ink);margin-bottom:10px;box-shadow:0 8px 20px -8px var(--brand)}.drop .badge .ico{width:22px;height:22px;stroke-width:2}.drop strong{font-size:1.08rem;font-weight:600;letter-spacing:-.01em}.drop .fake{margin-top:10px;display:inline-flex;padding:.45rem .9rem;border-radius:9px;background:var(--surface);border:1px solid var(--line-2);font-size:.88rem;font-weight:550}.drop .hint{font-size:.8rem;color:var(--muted);margin-top:8px}.opts{margin-top:12px;display:flex;align-items:center;gap:10px;font-size:.86rem;color:var(--muted)}.opts .selectwrap{flex:1}.opts select{min-height:36px;padding-top:.35rem;padding-bottom:.35rem;font-size:.86rem}.local{display:flex;align-items:center;gap:.5rem;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.local .ico{color:var(--ok)}.local b{font-family:var(--mono);color:var(--ink);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:600 .95rem var(--sans);padding:.75rem 1.15rem;border-radius:11px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none;min-height:46px}.btn:hover{background:var(--surface-2);text-decoration:none}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);box-shadow:0 8px 24px -10px var(--brand)}.btn.primary:hover{filter:brightness(1.07)}.btn.block{width:100%}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--ink);background:var(--surface-2)}.work{display:flex;flex-direction:column}.file{display:flex;align-items:center;gap:.7rem;padding:10px 12px;border-radius:12px;background:var(--surface-2);font-size:.9rem;font-weight:500;overflow:hidden}.file .ico{color:var(--muted)}.file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.big{font:600 clamp(3.2rem,9vw,4.4rem)/1 var(--mono);letter-spacing:-.06em;margin:34px 0 6px}.work [data-status]{margin:0 0 18px;color:var(--ink-2);font-size:.95rem;min-height:1.6em}progress{width:100%;height:8px;appearance:none;-webkit-appearance:none;border:0;border-radius:99px;background:var(--surface-2);overflow:hidden;display:block}progress::-webkit-progress-bar{background:var(--surface-2);border-radius:99px}progress::-webkit-progress-value{background:var(--brand);border-radius:99px;transition:width .25s}progress::-moz-progress-bar{background:var(--brand);border-radius:99px}.meter{display:flex;justify-content:space-between;gap:1rem;font-size:.82rem;margin-top:10px;color:var(--muted)}.work .actions{margin-top:auto;padding-top:18px}.result{display:flex;flex-direction:column}.done-head{display:flex;align-items:center;gap:.7rem}.done-head .tick{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ok-soft);color:var(--ok)}.saved{font:650 1.45rem/1.2 var(--sans);letter-spacing:-.03em;margin:0}.bars{display:grid;gap:12px;margin:20px 0 12px}.bar{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;font-size:.82rem;color:var(--muted)}.bar i{display:block;height:10px;border-radius:99px;background:var(--line-2);min-width:6px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.bar.after i{background:var(--brand)}.bar b{font:600 .95rem var(--mono);color:var(--ink);letter-spacing:-.02em}.bar.after b{color:var(--ok)}.result .detail{font-size:.82rem;color:var(--muted);margin:0 0 12px}.preview{margin:0 0 14px;display:flex;justify-content:center;background:var(--surface-2);border-radius:12px;overflow:hidden;max-height:190px}.preview img,.preview video{max-height:190px;max-width:100%;display:block;background:#000}.preview:empty{display:none}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.result .actions{margin-top:auto}.result .actions .primary{flex:1 1 220px}.warn{color:var(--warn);font-weight:550;font-size:.9rem;margin:0 0 10px}.error{background:var(--danger-soft);color:var(--danger);border-radius:12px;padding:10px 14px;margin:14px 0 0;font-size:.92rem;font-weight:500}.section{padding:64px 0 0}.section>.head{max-width:640px;margin-bottom:24px}.section>.head p{color:var(--muted);margin:0}.steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px}.steps .n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ink);color:var(--bg);font:600 .85rem var(--mono);margin-bottom:14px}.steps p{margin:0;color:var(--muted);font-size:.95rem}.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));grid-auto-rows:1fr;gap:12px}.grid a{display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:72px;box-sizing:border-box;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);text-decoration:none;color:var(--ink);font-weight:550;transition:border-color .15s,transform .15s}.grid a:hover{border-color:var(--brand);transform:translateY(-1px);box-shadow:0 6px 18px -12px var(--brand)}.grid a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.grid a>span:last-child{min-width:0;line-height:1.25}.grid a small{display:block;font:500 .8rem var(--sans);color:var(--muted);margin-top:3px}.mono-tile{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#fff;font:650 .95rem var(--sans);flex:none}.sizes{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.sizes a{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:500}.sizes a:hover{border-color:var(--line-2);background:var(--surface-2)}.sizes a .num{font-weight:600}.sizes-label{font-size:.8rem;font-weight:600;color:var(--muted);margin:18px 0 8px}.compare{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:.95rem}.compare th,.compare td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}.compare tr:last-child td{border-bottom:0}.compare thead th{font-size:.8rem;font-weight:600;color:var(--muted);background:var(--surface-2)}.compare thead th.us{color:var(--brand)}.compare td.us{font-weight:600}.yes{color:var(--ok)}.no{color:var(--muted)}.compare-wrap{overflow-x:auto}.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;padding-top:56px}@media(min-width:1100px){.layout.with-side{grid-template-columns:minmax(0,1fr) 300px}}.side{display:none}@media(min-width:1100px){.side{display:block}.side .ad{position:sticky;top:84px;margin-top:0}}article{max-width:68ch;padding-bottom:24px;color:var(--ink-2)}article h2{margin-top:2.6rem;color:var(--ink)}article h2:first-child{margin-top:0}article p{margin:.75rem 0}article ul{padding-left:1.2rem}article li{margin:.4rem 0}article li::marker{color:var(--muted)}.faq{margin-top:.4rem;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600;color:var(--ink);list-style:none;padding:1rem 2rem 1rem 0;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:4px;top:.85rem;font:400 1.3rem/1 var(--mono);color:var(--muted);transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details p{margin:0 0 1rem;color:var(--muted)}.note{font-size:.85rem;color:var(--muted);margin-top:2.4rem;padding:14px 16px;border-radius:12px;background:var(--surface-2)}.plain{max-width:68ch;padding:48px 0 24px}.plain h1{font-size:clamp(2rem,4.4vw,2.8rem)}.ad{margin:48px 0 0}.ad .tag{display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.ad .slot{background:var(--surface-2);border:1px dashed var(--line-2);border-radius:12px;display:grid;place-items:center;color:var(--muted);font-size:.8rem;overflow:hidden}.ad-tool .slot{height:120px}.ad-content .slot{height:280px}.ad-sidebar .slot{height:600px}article .ad{margin:2.4rem 0}@media(max-width:720px){.ad-tool .slot{height:280px}}footer.site{margin-top:88px;border-top:1px solid var(--line);background:var(--surface);padding:48px 0 36px;font-size:.9rem;color:var(--muted)}.fcols{display:grid;gap:28px;grid-template-columns:repeat(2,1fr)}@media(min-width:860px){.fcols{grid-template-columns:1.4fr 1fr 1fr 1fr}}.fcols h4{margin:0 0 10px;font-size:.8rem;font-weight:600;color:var(--ink)}.fcols ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.fcols a{color:var(--muted);text-decoration:none}.fcols a:hover{color:var(--ink)}.fbrand p{margin:12px 0 0;max-width:32ch}.fbase{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:.82rem}@media(max-width:859px){.fbrand{grid-column:1 / -1}}.noscript{background:var(--brand-soft);padding:12px 16px;border-radius:12px;margin-bottom:14px;font-size:.92rem}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.customlbl{display:block;margin:12px 0 6px}.tool [data-custom] input[type=number]{min-width:0;font-size:1rem}.tool [data-custom].active input[type=number]{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.plain pre{overflow-x:auto;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font:.85rem var(--mono)}.apiform .row{margin:6px 0}.apiform input[type=email]{min-width:0;padding:.7rem .9rem;font:1rem var(--sans);border:1px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--ink);min-height:44px}.allpages{margin-top:18px;color:var(--muted)}.allpages summary{cursor:pointer;font-weight:600}@media(max-width:480px){.grid a{padding:12px;gap:10px}.grid .mono-tile{width:34px;height:34px}}.grid>li{display:flex}.grid>li>a{flex:1}