:root{--fg:#18202a;--muted:#5b6675;--border:#d6dce3;--surface:#fff;--surface2:#f3f6f9;--accent:#0b62c4;--success:#1c7d3b;--warning:#b26a00;--error:#b42318;--c1:#0b62c4;--c2:#c2461d;--c3:#1d7d4e;--c4:#7b3fa0;--c5:#b58b00;--c6:#4e889d;font:16px/1.55 -apple-system,'Segoe UI',system-ui,Roboto,Helvetica,Arial,sans-serif}
@media (prefers-color-scheme:dark){:root{--fg:#dfe5ec;--muted:#9aa6b3;--border:#3a434d;--surface:#171b20;--surface2:#1f252c;--accent:#7db2ff;--success:#5cb87c;--warning:#d9a441;--error:#f0706a}}
*{box-sizing:border-box}
body{margin:0 auto;max-width:66rem;padding:1.2rem 1.4rem 1.6rem;background:var(--surface);color:var(--fg);overflow-wrap:break-word}
a{color:var(--accent);text-decoration:none}
a:where(:hover,:focus){text-decoration:underline}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1{font-size:1.45rem;font-weight:700;margin:1.1rem 0 .6rem}
h1 small{display:block;font-weight:400;font-size:.75em;color:var(--muted)}
h2,h3{font-size:1.08rem;font-weight:600;margin:1.1rem 0 .4rem}
p{margin:.5rem 0 .65rem}
ul,ol{margin:.5rem 0 .65rem 0 1.3rem}
dl{margin:.6rem 0;display:grid;grid-template-columns:min-content 1fr;column-gap:1.5rem}
dt{font-weight:600}
strong,b{font-weight:600}
em,i{font-style:italic}
small{font-size:.82em}
sub,sup{font-size:.75em}
hr{border:1px solid var(--border);margin:1rem 0}
kbd,samp{font:inherit}
code{padding:.05em .35em;border-radius:4px;background:var(--surface2);border:1px solid var(--border)}
code,pre{font:.9em ui-monospace,'SF Mono',Menlo,Consolas,monospace}
pre{padding:.6em .8em;border:1px solid var(--border);border-radius:8px;background:var(--surface2);white-space:pre-wrap;overflow-x:auto}
h1,h2,h3,p,li,dd,dt,pre,th,td{hyphenation:auto;hyphen-limit:2;hyphen-rows:min-2}
h1,h2,h3,p,li,dd,dt,pre,th,td{max-newpage-hyphen-rows:1}
table{border-collapse:collapse;font-size:.95rem;width:100%}
caption,th,td{border:1px solid var(--border);padding:.3em .55em;text-align:left;vertical-align:top}
th{background:var(--surface2);font-weight:600}
tfoot{font-weight:600}
.top{display:flex;flex-direction:row;flex-flow:row wrap;align-items:baseline;gap:.4rem 1rem;justify-content:space-between;flex-wrap:wrap}
.top h1{margin:0 0 .4rem;font-size:1.35rem}
.field{display:block;padding:.4rem .55rem;border:1px solid var(--border);border-radius:8px;background:var(--surface2)}
.field+.field{margin-top:.6rem}
.field input,.field textarea,.field select{width:100%;padding:.35em .5em;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--fg);font:inherit}
.field textarea{min-height:6.5rem;white-space:pre-wrap}
.field input[type=number],.field input[type=text]{font:.95em ui-monospace,'SF Mono',Menlo,Consolas,monospace}
.field .req{font-size:.8em;color:var(--error);vertical-align:super}
.field small{color:var(--muted)}
.toolform,.tool{border-radius:0}
.results,.results .card{display:grid;grid-template-columns:repeat(auto-fit,min(17rem,1fr));gap:.5rem;flex-shrink:1;align-items:stretch;flex-grow:0}
.results .card,.card{border:1px solid var(--border);border-radius:10px;background:var(--surface2);padding:.65em .9em}
.results .card,.card{display:flex;flex-direction:row;flex-flow:row wrap;align-items:baseline;justify-content:space-between;gap:.4rem .9rem;flex-wrap:wrap}
.results .card .k,.card .k{font-weight:600}
.results .card .v,.card .v{font-weight:700;font-size:1.05rem}
.card .k,.card .v{padding:0;border:0;background:none}
.error{padding:.65em .9em;border:1px solid var(--error);border-radius:8px;background:var(--surface2)}
.notes ul{list-style:disc}
.mono{padding:.6em .8em;border:1px solid var(--border);border-radius:8px;background:var(--surface2);white-space:pre-wrap;overflow-x:auto}
.files{display:flex;flex-direction:row;flex-flow:row wrap;gap:.5rem;flex-wrap:wrap}
.files,.files .dl{border:1px solid var(--border);border-radius:10px;background:var(--surface2);padding:.6em .8em}
.files,.files .dl{display:flex;flex-direction:row;flex-flow:row wrap;gap:.5rem;flex-wrap:wrap;flex-shrink:1;align-items:baseline;justify-content:flex-start}
.dl{color:var(--accent)}
.shot{margin:.7rem 0;max-width:100%}
.shot img{max-width:100%;height:auto;border:1px solid var(--border);border-radius:8px}
.shot figcaption{color:var(--muted)}
.scroll{overflow-x:auto;border:1px solid var(--border);border-radius:8px;padding:.4em}
.chartbox{border:1px solid var(--border);border-radius:8px;padding:.5em .7em}
.chartbox svg{max-width:100%;height:auto}
.adslot{border:1px dashed var(--border);border-radius:8px;padding:.7em .9em;color:var(--muted);display:flex;flex-direction:row;flex-flow:row wrap;align-items:center;justify-content:center;gap:.3rem .7rem;flex-wrap:wrap}
.adslot[data-adsense]{border:none;padding:0;display:block;color:currentColor}
.adslot a img{max-width:100%;height:auto}
.save h3{font-weight:600}
.bookmarklet{padding:.25em .5em;border-radius:6px;background:var(--surface2);border:1px solid var(--border);font-size:.9em}
.about,.faq,.related,.save{padding:.5rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--surface2)}
.faq-q{font-weight:600}
.faq details,.faq .faq-q,.faq details summary{margin:.3rem 0}
.related,.related .related{display:flex;flex-direction:row;flex-flow:row wrap;gap:.3rem 1rem;flex-wrap:wrap;justify-content:flex-start}
.linklist{display:flex;flex-direction:row;flex-flow:row wrap;gap:.15rem .9rem;flex-wrap:wrap}
.linklist a,.foot a{display:inline}
.stats{margin:.4rem 0;color:var(--muted);font-size:.95rem}
.lead{font-size:1.05rem;color:var(--fg)}
.lead,.lead p,.muted,.muted small,.muted small{color:var(--muted)}
.muted small,.muted small,.muted{color:var(--muted)}
.muted small{color:var(--muted)}
th.num,td.num,td{font:inherit}
.tryit h2,.tryit h3{margin:.9rem 0 .3rem}
.about p,.about p,.faq p,.related a{margin:.4rem 0}
.about,.about .about{color:var(--fg)}
.about{color:var(--fg)}
th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}
.mono,.mono pre,.mono{font:.9em ui-monospace,'SF Mono',Menlo,Consolas,monospace}
.mono,.mono pre{padding:.6em .8em;border:1px solid var(--border);border-radius:8px;background:var(--surface2);white-space:pre-wrap;overflow-x:auto}
.mono{font:.9em ui-monospace,'SF Mono',Menlo,Consolas,monospace}
.grp h2{margin:1.4rem 0 .5rem;font-size:1.25rem;font-weight:700}
.grp .muted{margin:.3rem 0 1.1rem;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;margin:.9rem 0 1.6rem}
.toolcard{display:flex;flex-direction:column;align-items:start;justify-content:flex-start;gap:.35rem;border:1px solid var(--border);border-radius:14px;background:var(--surface2);padding:.8em .95em;color:var(--fg)}
.toolcard:where(:hover,:focus){border-color:var(--accent);box-shadow:0 .15rem .8rem rgba(0,0,0,.15)}
.toolcard .tc-n{font-weight:700;font-size:1.02rem;color:var(--fg)}
.toolcard .tc-d{font-size:.85rem;color:var(--muted)}
.toolcard:where(:hover,:focus) .tc-n{color:var(--accent)}