.tool{gap:1.25rem;margin-top:1.75rem;display:grid}@media (width>=56rem){.tool--split{grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start}.tool--split>.tool__out{grid-column:1/-1}}.tool__controls{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);gap:.9rem;padding:1.15rem 1.25rem;display:grid}.field{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem .75rem;font-size:.92rem;font-weight:600;display:grid}.field>span:first-child{min-width:0}.field input[type=range]{grid-column:1/-1;width:100%}input[type=range]{min-height:1.5rem}.field output,.field .unit{font-family:var(--font-mono);color:var(--muted);font-size:.82rem;font-weight:500}.field input[type=number],.field input[type=text],.field select{border:1px solid var(--line);background:var(--bg);width:7.5rem;color:var(--fg);font:500 .9rem var(--font-mono);border-radius:8px;padding:.45rem .6rem}.field input[type=color]{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:8px;width:2.6rem;height:2.2rem;padding:.15rem}.field__pair{align-items:center;gap:.4rem;display:flex}.tool__preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft);min-height:12rem;padding:1.5rem;position:relative;overflow:hidden}.tool__hint{color:var(--muted);margin:0;font-size:.88rem}.tool__out{gap:.5rem;display:grid}.tool__out .code{white-space:pre-wrap;overflow-wrap:anywhere;padding-right:5.5rem}.presets{flex-wrap:wrap;gap:.4rem;display:flex}.presets button{border:1px solid var(--line);background:var(--bg-elevated);color:var(--fg);font:500 .82rem var(--font-mono);cursor:pointer;border-radius:999px;padding:.3rem .7rem}.presets button:hover,.presets button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.cl[data-astro-cid-r64ateuf]{align-content:start;gap:.6rem;display:grid}.cl__sample[data-astro-cid-r64ateuf]{letter-spacing:-.035em;overflow-wrap:anywhere;margin:.75rem 0 0;font-weight:800;line-height:1.05}.cl__size[data-astro-cid-r64ateuf]{font-family:var(--font-mono);color:var(--muted);margin:0;font-size:.82rem}.sp[data-astro-cid-iellnxvl]{font-family:var(--font-mono);gap:.45rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:grid}.sp[data-astro-cid-iellnxvl] li{grid-template-columns:7.5rem 1fr 4rem;align-items:center;gap:.75rem;display:grid}.sp[data-astro-cid-iellnxvl] .bar{background:var(--accent);border-radius:3px;max-width:100%;height:.9rem}.sp[data-astro-cid-iellnxvl] .px{text-align:right;color:var(--muted)}@media (width<=30rem){.sp[data-astro-cid-iellnxvl] li{grid-template-columns:6rem 1fr 3.2rem;gap:.5rem}}.sh[data-astro-cid-4zksuon4]{background:var(--bg);place-items:center;min-height:18rem;display:grid}.sh__card[data-astro-cid-4zksuon4]{aspect-ratio:4/3;background:var(--bg-elevated);text-align:center;border-radius:16px;place-items:center;width:min(100%,15rem);padding:1rem;font-weight:700;display:grid}.pl[data-astro-cid-im2pobpc]{padding:0}.pl__steps[data-astro-cid-im2pobpc]{height:100%;margin:0;padding:0;list-style:none;display:grid}.pl__steps[data-astro-cid-im2pobpc] li{font-family:var(--font-mono);justify-content:space-between;gap:1rem;padding:.5rem 1rem;font-size:.8rem;display:flex}.pl__steps[data-astro-cid-im2pobpc] li[data-yours]:after{content:"← " attr(data-yours);margin-inline-start:auto;font-weight:700}.pl__steps[data-astro-cid-im2pobpc] li b{min-width:2.5rem}.ct[data-astro-cid-sr23bwcw]{align-content:center;gap:.5rem;transition:background .2s,color .2s;display:grid}.ct[data-astro-cid-sr23bwcw] p[data-astro-cid-sr23bwcw]{margin:0}.ct__ratio[data-astro-cid-sr23bwcw]{font:800 clamp(2.4rem, 8vw, 3.6rem) / 1 var(--font-mono);letter-spacing:-.04em}.ct__big[data-astro-cid-sr23bwcw]{font-size:1.5rem;font-weight:700}.ct__small[data-astro-cid-sr23bwcw]{font-size:.85rem}.ct__grades[data-astro-cid-sr23bwcw]{border-collapse:collapse;width:100%;font-size:.92rem;display:table}.ct__grades[data-astro-cid-sr23bwcw] th[data-astro-cid-sr23bwcw],.ct__grades[data-astro-cid-sr23bwcw] td[data-astro-cid-sr23bwcw]{border-bottom:1px solid var(--line);text-align:left;padding:.55rem .75rem}.ct__grades[data-astro-cid-sr23bwcw] th[data-astro-cid-sr23bwcw][scope=row]{font-weight:500}.ct__grades[data-astro-cid-sr23bwcw] td[data-astro-cid-sr23bwcw]{white-space:nowrap;width:7.5rem;font-weight:700}.ct__grades[data-astro-cid-sr23bwcw] td[data-astro-cid-sr23bwcw][data-ok=true]{color:var(--ok)}.ct__grades[data-astro-cid-sr23bwcw] td[data-astro-cid-sr23bwcw][data-ok=false]{color:var(--danger)}.tool__hint[data-astro-cid-sr23bwcw] button{border:1px solid var(--line);background:var(--bg-elevated);color:var(--accent);font:600 .8rem var(--font-body);cursor:pointer;border-radius:999px;margin-inline-start:.4rem;padding:.15rem .6rem}.tool__hint[data-astro-cid-sr23bwcw] code{font-family:var(--font-mono);color:var(--fg);font-weight:600}.ez__svg[data-astro-cid-4kwitksn]{touch-action:none;width:100%;max-width:20rem;margin-inline:auto;overflow:visible}.ez__box[data-astro-cid-4kwitksn]{fill:var(--bg-soft);stroke:var(--line)}.ez__diag[data-astro-cid-4kwitksn]{stroke:var(--line);stroke-dasharray:4 4}.ez__arm[data-astro-cid-4kwitksn]{stroke:var(--muted);stroke-width:1.5px}.ez__curve[data-astro-cid-4kwitksn]{fill:none;stroke:var(--accent);stroke-width:3.5px;stroke-linecap:round}.ez__handle[data-astro-cid-4kwitksn]{cursor:grab;stroke:var(--bg-elevated);stroke-width:3px}.ez__handle--1[data-astro-cid-4kwitksn]{fill:var(--pink)}.ez__handle--2[data-astro-cid-4kwitksn]{fill:var(--tok-prop)}.ez__handle[data-astro-cid-4kwitksn]:focus-visible{stroke:var(--fg);outline:none}.ez[data-astro-cid-4kwitksn]{align-content:start;gap:1rem;display:grid}.ez__track[data-astro-cid-4kwitksn]{background:var(--bg-elevated);border-radius:999px;height:2rem;position:relative}.ez__ball[data-astro-cid-4kwitksn]{background:var(--accent);border-radius:50%;width:1.5rem;height:1.5rem;position:absolute;top:.25rem;left:.25rem}.ez__ball--linear[data-astro-cid-4kwitksn]{background:var(--muted);opacity:.5}.ez[data-astro-cid-4kwitksn] a[data-astro-cid-4kwitksn]{align-self:center;font-size:.88rem}.sp__label[data-astro-cid-3g3xmqr6]{gap:.4rem;font-size:.92rem;font-weight:600;display:grid}.sp__label[data-astro-cid-3g3xmqr6] textarea[data-astro-cid-3g3xmqr6]{border:1px solid var(--line);border-radius:var(--radius);background:var(--code-bg);width:100%;color:var(--fg);font:.9rem / 1.6 var(--font-mono);resize:vertical;padding:.8rem 1rem}.sp__legend[data-astro-cid-3g3xmqr6]{color:var(--muted);margin:0;font-size:.85rem}.sp__legend[data-astro-cid-3g3xmqr6] span[data-astro-cid-3g3xmqr6],.sp__table[data-astro-cid-3g3xmqr6] .k-a,.sp__table[data-astro-cid-3g3xmqr6] .k-b,.sp__table[data-astro-cid-3g3xmqr6] .k-c{font-family:var(--font-mono);font-weight:700}.k-a[data-astro-cid-3g3xmqr6],.sp__table[data-astro-cid-3g3xmqr6] .k-a{color:var(--tok-at)}.k-b[data-astro-cid-3g3xmqr6],.sp__table[data-astro-cid-3g3xmqr6] .k-b{color:var(--accent)}.k-c[data-astro-cid-3g3xmqr6],.sp__table[data-astro-cid-3g3xmqr6] .k-c{color:var(--tok-prop)}.sp__table[data-astro-cid-3g3xmqr6]{border-collapse:collapse;width:100%;font-size:.92rem}.sp__table[data-astro-cid-3g3xmqr6] th[data-astro-cid-3g3xmqr6],.sp__table[data-astro-cid-3g3xmqr6] td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.6rem .7rem}.sp__table[data-astro-cid-3g3xmqr6] td:first-child{font-family:var(--font-mono);overflow-wrap:anywhere}.sp__table[data-astro-cid-3g3xmqr6] td:last-child{width:9rem;font:700 1rem var(--font-mono);white-space:nowrap}.sp__table[data-astro-cid-3g3xmqr6] .zero{color:var(--muted);text-decoration:line-through}.sp__table[data-astro-cid-3g3xmqr6] tr[data-win] td{background:var(--accent-soft)}.sp__table[data-astro-cid-3g3xmqr6] .win{background:var(--accent);color:var(--accent-ink);font:700 .72rem var(--font-body);vertical-align:.1em;border-radius:999px;margin-inline-start:.5rem;padding:.05rem .45rem}.tp[data-astro-cid-hs5igvha]{padding-block:1rem 2rem}.tp[data-astro-cid-hs5igvha]>.lede[data-astro-cid-hs5igvha]{max-width:42rem}.tp__back[data-astro-cid-hs5igvha]{margin:0 0 1rem;font-size:.92rem}.tp__back[data-astro-cid-hs5igvha] a[data-astro-cid-hs5igvha]{min-height:1.5rem;color:var(--muted);align-items:center;text-decoration:none;display:inline-flex}.tp__back[data-astro-cid-hs5igvha] a[data-astro-cid-hs5igvha]:hover{color:var(--accent)}.tp[data-astro-cid-hs5igvha]>.eyebrow[data-astro-cid-hs5igvha]{margin:0}.tp[data-astro-cid-hs5igvha]>.page-title[data-astro-cid-hs5igvha]{margin-top:.2rem}.tp__more[data-astro-cid-hs5igvha]{margin-top:3rem}.tp__more[data-astro-cid-hs5igvha] h2[data-astro-cid-hs5igvha]{margin:0 0 .6rem;font-size:1.25rem}.tp__more[data-astro-cid-hs5igvha] ul[data-astro-cid-hs5igvha]{gap:.35rem;margin:0 0 .75rem;padding:0;list-style:none;display:grid}.tp__more[data-astro-cid-hs5igvha] li[data-astro-cid-hs5igvha] span[data-astro-cid-hs5igvha]{font-family:var(--font-mono);color:var(--muted);font-size:.78rem}.tp__next[data-astro-cid-hs5igvha]{border-top:1px solid var(--line);color:var(--muted);margin-top:2.5rem;padding-top:1.25rem}.tp__next[data-astro-cid-hs5igvha] a[data-astro-cid-hs5igvha]{padding-block:.15rem;display:inline-block}