:root{--paper:#f5f6f2;--card:#fff;--ink:#151a1e;--slate:#5c6770;--hairline:#e1e5dd;--teal:#0e7c86;--teal-deep:#0a5a62;--teal-tint:#e5f2f3;--amber:#e8a33d;--panel:#10151b;--panel-line:#26303a;--panel-text:#d9e1e7;--panel-dim:#8d9aa5;--ok:#2e9e5b;--err:#c8503c;--font-display:"Archivo";--font-body:"IBM Plex Sans";--font-mono:"IBM Plex Mono";--radius:10px;--maxw:1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body),system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--teal-deep);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:4px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--hairline);background:var(--card)}.site-header .wrap{justify-content:space-between;height:62px}.logo,.site-header .wrap{display:flex;align-items:center}.logo{font-family:var(--font-display),sans-serif;font-weight:800;font-size:1.25rem;letter-spacing:-.02em;color:var(--ink);gap:8px}.logo:hover{text-decoration:none}.logo-mark{width:22px;height:22px;border-radius:6px;background:var(--panel);position:relative;flex:none}.logo-mark:after{content:"";position:absolute;inset:6px 6px auto auto;width:6px;height:6px;border-radius:50%;background:var(--amber)}.header-nav{display:flex;gap:20px;font-size:.92rem}.header-nav a{color:var(--slate)}.header-nav a:hover{color:var(--ink);text-decoration:none}.site-footer{border-top:1px solid var(--hairline);margin-top:72px;padding:36px 0 48px;font-size:.88rem;color:var(--slate)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:28px;gap:28px}.footer-grid h3{font-family:var(--font-display),sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin:0 0 10px}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{margin:6px 0}.footer-grid a{color:var(--slate)}@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}}.hero{padding:64px 0 40px}.hero-kicker{font-family:var(--font-mono),monospace;font-size:.8rem;color:var(--teal-deep);letter-spacing:.06em;text-transform:uppercase}.hero h1{font-family:var(--font-display),sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.03em;line-height:1.08;margin:10px 0 16px;max-width:18ch}.hero p.lede{font-size:1.13rem;color:var(--slate);max-width:58ch;margin:0 0 22px}.hero-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--font-mono),monospace;font-size:.78rem;border:1px solid var(--hairline);background:var(--card);border-radius:999px;padding:5px 12px;color:var(--ink)}.chip:hover{border-color:var(--teal);text-decoration:none}.cat-section{margin-top:46px}.cat-head{display:flex;align-items:baseline;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:8px}.cat-head h2{font-family:var(--font-display),sans-serif;font-weight:700;font-size:1.35rem;letter-spacing:-.02em;margin:0}.cat-count{font-family:var(--font-mono),monospace;font-size:.8rem;color:var(--slate)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:14px;gap:14px;margin-top:16px}.tool-card{display:block;background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius);padding:16px 18px;color:var(--ink);transition:border-color .15s,transform .15s}.tool-card:hover{border-color:var(--teal);text-decoration:none;transform:translateY(-2px)}.tool-card h3{margin:0 0 6px;font-size:1rem;font-weight:600}.tool-card p{margin:0;font-size:.86rem;color:var(--slate);line-height:1.5}.tool-card .go{display:inline-block;margin-top:10px;font-size:.82rem;color:var(--teal-deep);font-weight:600}.crumbs{font-size:.82rem;padding:20px 0 0}.crumbs,.crumbs a{color:var(--slate)}.crumbs span{margin:0 6px;color:var(--hairline)}.tool-hero{padding:14px 0 22px}.tool-hero h1{font-family:var(--font-display),sans-serif;font-weight:800;font-size:clamp(1.6rem,4vw,2.3rem);letter-spacing:-.025em;line-height:1.12;margin:0 0 10px}.tool-hero p{color:var(--slate);font-size:1.05rem;max-width:68ch;margin:0}.panel{background:var(--panel);border-radius:14px;border:1px solid var(--panel-line);box-shadow:0 14px 34px rgba(16,21,27,.16);overflow:hidden;margin:10px 0 8px}.panel-head{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--panel-line)}.panel-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);flex:none}.panel-title{font-family:var(--font-mono),monospace;font-size:.78rem;color:var(--panel-dim);letter-spacing:.08em;text-transform:uppercase}.panel-body{padding:18px}.panel-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:720px){.panel-cols{grid-template-columns:1fr}}.io-label{font-family:var(--font-mono),monospace;font-size:.72rem;color:var(--panel-dim);text-transform:uppercase;letter-spacing:.08em;display:block;margin:0 0 6px}input.io,select.io,textarea.io{width:100%;background:#0a0e13;color:var(--panel-text);border:1px solid var(--panel-line);border-radius:8px;font-family:var(--font-mono),monospace;font-size:.88rem;padding:12px;resize:vertical}textarea.io{min-height:220px;line-height:1.55}input.io::placeholder,textarea.io::placeholder{color:#55636e}input.io,select.io{min-height:42px}input[type=color].io{padding:4px;min-height:42px;cursor:pointer}input[type=range].io{padding:0;min-height:auto;accent-color:var(--teal)}.panel-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}.panel-note{font-family:var(--font-mono),monospace;font-size:.78rem;color:var(--panel-dim)}.panel-note.ok{color:#5fd08c}.panel-note.err{color:#f08a76}.btn{font-family:var(--font-body),sans-serif;font-weight:600;font-size:.9rem;background:var(--teal);color:#fff;border:none;border-radius:8px;padding:10px 18px;cursor:pointer;transition:background .15s}.btn:hover{background:var(--teal-deep)}.btn-ghost{background:transparent;color:var(--panel-text);border:1px solid var(--panel-line)}.btn-ghost:hover,.meter{background:#1a222b}.meter{height:10px;overflow:hidden;margin-top:6px}.meter,.meter>div{border-radius:999px}.meter>div{height:100%;transition:width .3s}.finding{display:flex;gap:8px;font-size:.86rem;color:var(--panel-text);margin:6px 0;align-items:baseline}.finding .f-ok{color:#5fd08c}.finding .f-warn{color:var(--amber)}.finding .f-err{color:#f08a76}.swatch-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-gap:8px;gap:8px}.swatch{border-radius:8px;border:1px solid var(--panel-line);cursor:pointer;padding:0;overflow:hidden;text-align:center;background:transparent}.swatch .sw-color{height:52px;display:block}.swatch .sw-hex{display:block;font-family:var(--font-mono),monospace;font-size:.7rem;color:var(--panel-dim);padding:5px 0}.grad-preview{height:160px;border-radius:10px;border:1px solid var(--panel-line)}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));grid-gap:10px;gap:10px}.stat{background:#0a0e13;border:1px solid var(--panel-line);border-radius:8px;padding:12px;text-align:center}.stat b{display:block;font-family:var(--font-display),sans-serif;font-size:1.4rem;color:#fff}.stat span{font-size:.68rem;color:var(--panel-dim);text-transform:uppercase;letter-spacing:.06em}.match-list,.stat span{font-family:var(--font-mono),monospace}.match-list{list-style:none;margin:10px 0 0;padding:0;font-size:.84rem}.match-list li{border:1px solid var(--panel-line);border-radius:6px;padding:7px 10px;margin:6px 0;color:var(--panel-text)}.match-list .m-index{color:var(--panel-dim);margin-right:8px}mark.rx{background:rgba(232,163,61,.35);color:inherit;border-radius:3px;padding:0 1px}.rx-preview{background:#0a0e13;border:1px solid var(--panel-line);border-radius:8px;padding:12px;font-family:var(--font-mono),monospace;font-size:.86rem;color:var(--panel-text);white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto}.sig-preview{padding:18px}.md-preview,.sig-preview{background:#fff;border-radius:8px}.md-preview{padding:16px;font-size:.92rem;max-height:320px;overflow:auto;color:#1a1a1a}.md-preview h1,.md-preview h2,.md-preview h3{margin:.6em 0 .3em;line-height:1.25}.md-preview pre{background:#f1f3f0;padding:10px;border-radius:6px;overflow:auto}.md-preview code{background:#f1f3f0;padding:1px 5px;border-radius:4px;font-size:.85em}.md-preview blockquote{border-left:3px solid var(--teal);margin:.6em 0;padding:2px 14px;color:#444}.prose{max-width:74ch;margin-top:40px}.prose h2{font-family:var(--font-display),sans-serif;font-weight:700;font-size:1.4rem;letter-spacing:-.02em;margin:40px 0 12px}.prose h3{font-size:1.08rem;font-weight:600;margin:26px 0 8px}.prose p{margin:0 0 14px;color:#2c3338}.prose ol,.prose ul{padding-left:22px;color:#2c3338}.prose li{margin:6px 0}.prose code{font-family:var(--font-mono),monospace;font-size:.86em;background:#eceee8;padding:1px 6px;border-radius:4px}.faq details{border:1px solid var(--hairline);background:var(--card);border-radius:var(--radius);margin:10px 0;padding:0 18px}.faq summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq summary:after{content:"+";color:var(--teal);font-size:1.2rem;font-weight:400}.faq details[open] summary:after{content:"–"}.faq details p{margin:0 0 16px;color:#2c3338}.related{margin-top:44px}.related h2{font-family:var(--font-display),sans-serif;font-weight:700;font-size:1.25rem;margin:0 0 4px}@media (max-width:640px){.header-nav{display:none}.panel-body{padding:14px}}.article h1{font-family:var(--font-display),sans-serif;font-weight:800;font-size:clamp(1.7rem,4vw,2.4rem);letter-spacing:-.025em;line-height:1.12;margin:18px 0 6px}.article-meta{font-size:.78rem;color:var(--slate);margin:0 0 22px}.article-meta,.prose pre{font-family:var(--font-mono),monospace}.prose pre{background:var(--panel);color:var(--panel-text);padding:14px 16px;border-radius:8px;overflow:auto;font-size:.84rem;line-height:1.55}.prose pre code{background:none;padding:0;color:inherit;font-size:inherit}.prose table{border-collapse:collapse;width:100%;font-size:.9rem;margin:0 0 14px}.prose td,.prose th{border:1px solid var(--hairline);padding:8px 10px;text-align:left;vertical-align:top}.prose th{background:var(--card);font-weight:600}.tv-root{font-family:var(--font-mono),monospace;font-size:.85rem;color:var(--panel-text);background:#0a0e13;border:1px solid var(--panel-line);border-radius:8px;padding:12px;max-height:420px;overflow:auto}.tv-node>summary{cursor:pointer;list-style:none;padding:1px 0}.tv-node>summary:before{content:"▸ ";color:var(--panel-dim)}.tv-node[open]>summary:before{content:"▾ "}.tv-children{margin-left:18px;border-left:1px solid var(--panel-line);padding-left:10px}.tv-row{padding:1px 0}.tv-key{color:var(--amber)}.tv-meta{color:var(--panel-dim)}.tv-string{color:#8fd3a7}.tv-number{color:#7fb8e6}.tv-boolean{color:#e0a1d8}.tv-null{color:var(--panel-dim);font-style:italic}.diff-added{color:#5fd08c}.diff-removed{color:#f08a76}.diff-changed{color:var(--amber)}.footer-inline{column-count:2;column-gap:28px}@media (max-width:760px){.footer-inline{column-count:1}}