:root{--bg:#f7f8fb;--card:#ffffff;--card-2:#fbfcfe;--line:#e8ebf2;--line-2:#d6dbe8;--text:#14161f;--muted:#5c6479;--faint:#878fa3;--primary:#4f46e5;--primary-dark:#4338ca;--primary-wash:#eef0ff;--on-primary:#ffffff;--ok:#0f7a52;--ok-wash:#e8f6ef;--alert:#b93b30;--alert-wash:#fdeeec;--r-sm:8px;--r:11px;--r-lg:16px;--tap:48px;--s1:0.375rem;--s2:0.625rem;--s3:1rem;--s4:1.5rem;--s5:2rem;--s6:3rem;--t--1:0.8125rem;--t-0:0.9375rem;--t-1:1rem;--t-2:1.1875rem;--t-3:clamp(1.375rem,1.2rem + 0.7vw,1.625rem);--t-4:clamp(1.625rem,1.4rem + 1.1vw,2.125rem);--t-5:clamp(2rem,1.6rem + 2vw,2.75rem);--sh-1:0 1px 2px rgba(16,24,40,0.04),0 1px 3px rgba(16,24,40,0.05);--sh-2:0 2px 4px -1px rgba(16,24,40,0.05),0 12px 24px -6px rgba(16,24,40,0.1);--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Noto Sans Arabic","Noto Sans Thai","Helvetica Neue",sans-serif}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--t-0);line-height:1.6;text-align:start;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}h1,h2,h3{margin:0 0 .4em;line-height:1.2;font-weight:700;letter-spacing:-.02em;text-wrap:balance}h1{font-size:var(--t-4);letter-spacing:-.03em}h2{font-size:var(--t-3)}h3{font-size:var(--t-1);letter-spacing:-.012em}p{margin:0 0 1em;text-wrap:pretty}a{color:inherit;text-underline-offset:3px}:focus-visible{outline:2.5px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm)}.fig{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum"}.wrap{width:min(100% - 2rem,64rem);margin-inline:auto}.wrap-narrow{width:min(100% - 2rem,44rem);margin-inline:auto}.site-head{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:saturate(1.5) blur(10px);backdrop-filter:saturate(1.5) blur(10px);-webkit-border-after:1px solid var(--line);border-block-end:1px solid var(--line)}.head-bar{display:grid;grid-template-columns:1fr auto;grid-gap:0 var(--s3);gap:0 var(--s3);padding-block:.4rem}.brand,.head-bar{align-items:center}.brand{display:inline-flex;gap:.5rem;min-height:var(--tap);font-weight:700;font-size:1.0625rem;letter-spacing:-.03em;text-decoration:none}.tool-nav{grid-column:1/-1;min-inline-size:0}@media (min-width:52rem){.head-bar{grid-template-columns:auto 1fr auto}.tool-nav{grid-column:2;justify-self:start}.langs-nav{grid-column:3;grid-row:1}}.tool-nav ul{display:flex;align-items:center;flex-wrap:wrap;gap:.125rem;list-style:none;margin:0;padding:0}.tool-nav a{display:grid;place-items:center;min-block-size:var(--tap);border-radius:var(--r-sm);color:var(--muted);font-size:var(--t--1);font-weight:620;text-decoration:none;white-space:nowrap;padding-inline:.75rem}.tool-nav a:hover{color:var(--text);background:var(--bg)}.tool-nav a[aria-current=page]{color:var(--primary);background:var(--primary-wash)}.menu{position:relative}.menu>summary{display:flex;align-items:center;justify-content:center;gap:.4rem;min-block-size:var(--tap);padding-inline:.75rem;border-radius:var(--r-sm);color:var(--muted);font-size:var(--t--1);font-weight:620;white-space:nowrap;cursor:pointer;list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu>summary:hover{color:var(--text);background:var(--bg)}.menu>summary[aria-current=page],.menu[open]>summary{color:var(--primary);background:var(--primary-wash)}.menu-panel{position:absolute;inset-inline-start:0;inset-block-start:calc(100% + .25rem);z-index:20;display:grid;grid-gap:.125rem;gap:.125rem;inline-size:max-content;max-inline-size:min(88vw,22rem);padding:.375rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-2)}@media (max-width:51.9375rem){.tool-nav .menu{position:static}.tool-nav{position:relative}.tool-nav .menu-panel{inset-inline:0;inline-size:auto;max-inline-size:none}}.menu-end .menu-panel{inset-inline-start:auto;inset-inline-end:0;min-inline-size:11rem}.menu-panel a{display:flex;align-items:center;gap:.625rem;min-block-size:var(--tap);padding:.375rem .5rem;border-radius:var(--r-sm);text-decoration:none;color:var(--text)}.menu-panel a:hover{background:var(--bg)}.menu-panel a[aria-current=page],.menu-panel a[aria-current=true]{background:var(--primary-wash);color:var(--primary);font-weight:650}.menu-panel strong{font-size:var(--t--1);font-weight:650}.site-foot{-webkit-margin-before:auto;margin-block-start:auto;padding-block:var(--s5) var(--s6);-webkit-border-before:1px solid var(--line);border-block-start:1px solid var(--line);background:var(--card);font-size:var(--t--1);color:var(--muted)}.foot-grid{display:grid;grid-gap:var(--s4);gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.foot-grid h2{font-size:var(--t--1);font-weight:700;color:var(--text);-webkit-margin-after:var(--s1);margin-block-end:var(--s1)}.foot-links{list-style:none;margin:0;padding:0}.foot-links a{display:block;padding-block:.45rem;text-decoration:none;color:var(--muted)}.foot-links a:hover{color:var(--primary)}.trust{display:inline-flex;align-items:center;gap:.5rem;-webkit-margin-after:var(--s4);margin-block-end:var(--s4);padding:.45rem .85rem;border-radius:999px;background:var(--ok-wash);color:var(--ok);font-size:var(--t--1);font-weight:650}.tile{display:grid;place-items:center;border-radius:11px;flex:0 0 auto}.hero{padding-block:var(--s5) var(--s4);text-align:center}.hero h1{-webkit-margin-after:.3em;margin-block-end:.3em}.hero p{max-width:44ch;margin-inline:auto;-webkit-margin-after:0;margin-block-end:0;color:var(--muted);font-size:var(--t-1)}.grid{display:grid;grid-gap:.625rem;gap:.625rem;grid-template-columns:repeat(auto-fit,minmax(14.5rem,1fr));padding:0;margin:0 0 var(--s5);list-style:none}.card{display:flex;align-items:flex-start;gap:.75rem;block-size:100%;padding:.875rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);text-decoration:none;transition:box-shadow .16s,border-color .16s,transform .16s}.card:hover{border-color:var(--line-2);box-shadow:var(--sh-2);transform:translateY(-2px)}.card h3{margin:0 0 .1em;font-size:var(--t-0);font-weight:650;letter-spacing:-.008em}.card p{margin:0;color:var(--muted);font-size:var(--t--1);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chipgrid{display:grid;grid-gap:var(--s2);gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));padding:0;margin:0 0 var(--s5);list-style:none}.chipcard{display:flex;align-items:center;gap:.625rem;min-block-size:var(--tap);padding:.7rem var(--s3);background:var(--card);border:1px solid var(--line);border-radius:var(--r);font-size:var(--t--1);font-weight:640;text-decoration:none;transition:border-color .15s,box-shadow .15s}.chipcard:hover{border-color:var(--primary);box-shadow:var(--sh-1)}.chipcard .dot{inline-size:.5rem;block-size:.5rem;border-radius:999px;background:var(--primary);flex:0 0 auto}.section-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .75rem;margin-block:var(--s4) var(--s2)}.section-head span{color:var(--muted);font-size:var(--t--1)}.section-head h2{margin:0;font-size:var(--t-2)}.stage{padding-block:var(--s5) var(--s5);text-align:center}.stage h1{-webkit-margin-after:.25em;margin-block-end:.25em}.lede{max-width:48ch;margin-inline:auto;-webkit-margin-after:var(--s4);margin-block-end:var(--s4);color:var(--muted);font-size:var(--t-1);line-height:1.55}.panel{display:grid;place-items:center;grid-gap:var(--s2);gap:var(--s2);inline-size:100%;padding:var(--s5) var(--s3);border:1.5px dashed var(--line-2);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--card),var(--card-2));color:inherit;font:inherit;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.panel[data-over=true]{border-color:var(--primary);border-style:solid;background:var(--primary-wash)}.panel:disabled{cursor:progress}.panel-cta{display:grid;place-items:center;min-block-size:3.25rem;padding-inline:2rem;border-radius:var(--r);background:linear-gradient(180deg,#5a52e8,var(--primary));color:var(--on-primary);font-size:var(--t-1);font-weight:650;letter-spacing:-.008em;box-shadow:0 1px 2px rgba(16,24,40,.1),0 6px 16px -4px rgba(79,70,229,.45)}.panel:hover .panel-cta{background:var(--primary-dark)}.panel-hint{color:var(--muted);font-size:var(--t--1)}.panel-types{color:var(--faint);font-size:.75rem;letter-spacing:.03em}.panel-work{inline-size:min(100%,20rem);display:grid;grid-gap:var(--s2);gap:var(--s2)}.panel-count{font-size:var(--t-5);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--primary)}.bar{inline-size:100%;block-size:6px;background:var(--line);overflow:hidden}.bar,.bar>i{border-radius:999px}.bar>i{display:block;block-size:100%;background:var(--primary);transition:inline-size .2s linear}.controls{display:grid;grid-gap:var(--s3);gap:var(--s3);-webkit-margin-before:var(--s4);margin-block-start:var(--s4);text-align:start}.control>span{display:block;-webkit-margin-after:var(--s1);margin-block-end:var(--s1);font-size:var(--t--1);font-weight:650;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:.375rem}.chip{min-block-size:var(--tap);padding-inline:1rem;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);color:var(--text);font:inherit;font-size:var(--t--1);font-weight:640;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .13s,background .13s,color .13s}.chip:hover,.chip[aria-pressed=true]{border-color:var(--primary)}.chip[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.chip-input{inline-size:6.5rem;min-block-size:var(--tap);padding-inline:.75rem;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);color:var(--text);font:inherit;font-size:var(--t--1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tally{display:flex;align-items:baseline;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:var(--s4) var(--s3);-webkit-margin-after:var(--s3);margin-block-end:var(--s3);background:var(--ok-wash);border-radius:var(--r-lg)}.tally-num{font-size:var(--t-5);font-weight:800;line-height:.95;letter-spacing:-.04em;color:var(--ok);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tally-note{color:var(--ok);font-size:var(--t--1);font-weight:600}.files{list-style:none;margin:0;padding:0;text-align:start}.file{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:var(--s3);gap:var(--s3);padding:var(--s2) var(--s3);-webkit-margin-after:var(--s2);margin-block-end:var(--s2);background:var(--card);border:1px solid var(--line);border-radius:var(--r)}.thumb{inline-size:3.25rem;block-size:3.25rem;border-radius:var(--r-sm);object-fit:cover;background:var(--bg)}.file-name{font-size:var(--t--1);font-weight:640;overflow-wrap:anywhere}.file-nums{display:flex;align-items:baseline;gap:.4rem;-webkit-margin-before:.15rem;margin-block-start:.15rem;font-size:var(--t--1);color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.file-new{color:var(--text)}.cut,.file-new{font-weight:700}.cut{color:var(--ok);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--tap);padding-inline:1.4rem;border:1px solid transparent;border-radius:var(--r);background:var(--primary);color:var(--on-primary);font:inherit;font-weight:690;cursor:pointer;transition:background .13s}.btn:hover{background:var(--primary-dark)}.btn[data-variant=quiet]{background:var(--card);border-color:var(--line-2);color:var(--text)}.btn[data-variant=quiet]:hover{background:var(--card);border-color:var(--primary);color:var(--primary)}.btn[data-variant=quiet][aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-sm{min-block-size:var(--tap);padding-inline:1rem;font-size:var(--t--1)}.btn:disabled{opacity:.4;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s2);-webkit-margin-before:var(--s4);margin-block-start:var(--s4)}.result{display:grid;grid-gap:var(--s2);gap:var(--s2);padding:var(--s3);background:var(--card);border:1px solid var(--line);border-radius:var(--r);text-align:start}.result dl{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:0;font-size:var(--t--1);color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.result dd,.result dt{display:inline}.result dd{margin:0;color:var(--text);font-weight:650}.saved{color:var(--ok);font-weight:700}.alert{-webkit-margin-before:var(--s3);margin-block-start:var(--s3);padding:.75rem 1rem;border-radius:var(--r);background:var(--alert-wash);color:var(--alert);font-size:var(--t--1);font-weight:620;text-align:start}.prose{padding-block:var(--s5) var(--s6)}.prose h1{-webkit-margin-after:.35em;margin-block-end:.35em}.prose h2{margin-block:var(--s5) var(--s2);font-size:var(--t-2)}.prose p{max-width:68ch;color:var(--muted);line-height:1.65}.prose .lede{margin-inline:0;color:var(--text);font-size:var(--t-1)}.notes{display:grid;grid-gap:var(--s4);gap:var(--s4);margin-block:var(--s5);padding:var(--s4);background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}@media (min-width:40rem){.notes{grid-template-columns:1.4fr 1fr;gap:var(--s5)}}.notes h2{font-size:var(--t-2);-webkit-margin-after:var(--s3);margin-block-end:var(--s3)}.steps{display:grid;grid-gap:.875rem;gap:.875rem;margin:0;padding:0;list-style:none;counter-reset:step}.steps li{position:relative;-webkit-padding-start:2.25rem;padding-inline-start:2.25rem;color:var(--muted);font-size:var(--t--1);line-height:1.5;counter-increment:step}.steps li:before{content:counter(step);position:absolute;inset-inline-start:0;inset-block-start:-.1rem;display:grid;place-items:center;inline-size:1.6rem;block-size:1.6rem;border-radius:999px;background:var(--primary-wash);color:var(--primary);font-size:.75rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.facts{display:grid;grid-gap:.75rem;gap:.75rem;align-content:start;margin:0;padding:0;list-style:none}.facts li{display:flex;align-items:flex-start;gap:.5rem;color:var(--text);font-size:var(--t--1);font-weight:550;line-height:1.45}.facts svg{flex:0 0 auto;-webkit-margin-before:.1rem;margin-block-start:.1rem;color:var(--ok)}ins.ad{display:block;margin-block:var(--s4);min-block-size:100px}div.ad{margin:0;min-block-size:0}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}