:root{color-scheme:light;--bg:#f3f2ec;--ink:#182424;--muted:#5d6f6a;--line:#cfd8d2;--panel:#fffefa;--panel-strong:#ebf1eb;--panel-glass:rgba(255,254,250,0.84);--accent:#0e7a67;--accent-strong:#0a5f50;--accent-soft:#d8ede6;--warn:#9d5a17;--bad:#b42318;--code:#0d1918;--shadow:0 20px 52px rgba(23,37,33,0.1);--shadow-soft:0 8px 24px rgba(23,37,33,0.08);--radius-sm:10px;--radius-md:14px;--radius-lg:18px}:root[data-theme=dark]{color-scheme:dark;--bg:#0f1818;--ink:#e8f1ed;--muted:#a4b8b0;--line:#2a3935;--panel:#15201d;--panel-strong:#1d2a25;--panel-glass:rgba(21,32,29,0.88);--accent:#4ac5a6;--accent-strong:#8fe6d0;--accent-soft:#193b34;--warn:#f4a261;--bad:#ff8a80;--code:#071311;--shadow:0 22px 62px rgba(0,0,0,0.34);--shadow-soft:0 8px 28px rgba(0,0,0,0.28)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1400px 600px at -8% -12%,rgba(14,122,103,.18),transparent 60%),radial-gradient(1100px 520px at 108% -14%,rgba(189,109,52,.16),transparent 58%),linear-gradient(to bottom,rgba(255,255,255,.26),transparent 26rem),repeating-linear-gradient(115deg,rgba(18,44,40,.03) 0 2px,transparent 2px 24px),var(--bg);color:var(--ink);font-family:Avenir Next,Nunito Sans,Segoe UI,Helvetica Neue,sans-serif;line-height:1.58;text-rendering:optimizeLegibility;font-weight:460}:root[data-theme=dark] body{background:radial-gradient(1400px 620px at -6% -10%,rgba(74,197,166,.18),transparent 58%),radial-gradient(1000px 500px at 108% -12%,rgba(193,97,49,.2),transparent 56%),repeating-linear-gradient(115deg,rgba(154,207,191,.03) 0 2px,transparent 2px 24px),var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}textarea{min-height:13rem;padding:1rem;resize:vertical;font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92rem;line-height:1.55}input,select{padding:.72rem .8rem}code,pre{font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace}pre{white-space:pre-wrap;overflow-wrap:anywhere}.site-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 2px 0 rgba(255,255,255,.3),var(--shadow-soft)}:root[data-theme=dark] .site-header{background:rgba(15,21,20,.88)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;max-width:1180px;margin:0 auto;padding:.78rem 1.25rem}.brand{gap:.76rem;font-weight:700;letter-spacing:.01em;font-size:1.02rem}.brand,.brand-cluster{display:inline-flex;align-items:center}.brand-cluster{gap:.55rem}.brand img{width:34px;height:34px;filter:drop-shadow(0 4px 10px rgba(18,58,48,.18))}.nav-links{display:flex;flex-wrap:wrap;gap:.7rem;color:var(--muted);font-size:.88rem;flex:1 1;justify-content:flex-end}.site-header .nav-links a{border:0;background:transparent;padding:.2rem 0;font-weight:560;letter-spacing:0;transition:all .16s ease}.nav-links a:hover{color:var(--accent-strong)}.site-header .nav-links a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--accent) 60%,transparent)}.theme-toggle{display:inline-grid;place-items:center;flex:0 0 auto;width:2.45rem;min-height:2.45rem;aspect-ratio:1;border:1px solid var(--line);border-radius:999px;background:linear-gradient(145deg,var(--panel),var(--panel-strong));color:var(--ink);cursor:pointer;font-size:1.1rem;font-weight:900;line-height:1;padding:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent-strong)}.theme-toggle svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.theme-toggle svg circle{fill:currentColor;stroke:none}.container{max-width:1180px;margin:0 auto;padding:1.95rem 1.25rem 3.8rem}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:2rem;align-items:center;padding:1.8rem 0 1.2rem}.eyebrow,.notice{color:var(--accent-strong);font-size:.78rem;font-weight:660;text-transform:uppercase;letter-spacing:.07em}h1,h2,h3{line-height:1.16;letter-spacing:0}h1{max-width:820px;margin:.35rem 0 .9rem;font-size:clamp(1.95rem,5.1vw,4.15rem);font-weight:730}h2{margin:0 0 .72rem;font-size:clamp(1.3rem,2.3vw,1.78rem);font-weight:690}h3{margin:0 0 .45rem;font-size:1rem;font-weight:640}.lede{max-width:720px;color:var(--muted);font-size:clamp(.98rem,1.6vw,1.09rem)}.ad-slot,.content-card,.hero-panel,.tool-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-glass);box-shadow:var(--shadow)}.hero-panel{padding:1rem}.terminal{overflow:hidden;border-radius:12px;background:var(--code);color:#d6f4e9;border:1px solid rgba(125,204,182,.2)}.terminal-bar{display:flex;gap:.4rem;padding:.75rem;background:rgba(255,255,255,.08)}.dot{width:.65rem;height:.65rem;border-radius:999px;background:#78d7ba}.terminal pre{margin:0;padding:1.1rem;min-height:270px;font-size:.84rem}.grid{display:grid;gap:1rem}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.category-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{min-height:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:.95rem;box-shadow:0 4px 14px rgba(22,39,34,.05);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.card:hover{border-color:color-mix(in srgb,var(--accent) 54%,var(--line));box-shadow:0 8px 20px rgba(22,39,34,.08);transform:translateY(-1px)}.meta{color:var(--muted);font-size:.89rem}.section{margin-top:2.15rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;color:var(--muted);font-size:.9rem}.breadcrumbs a{color:var(--accent-strong)}.tool-top{display:grid;gap:.8rem;margin-bottom:1.2rem}.local-notice,.quick-answer{border-left:4px solid var(--accent);border-radius:12px;background:var(--accent-soft);padding:.9rem 1rem}.tool-panel{padding:clamp(1rem,3vw,1.35rem)}.tool-controls{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin:.9rem 0}.tool-finder{display:grid;gap:.55rem;margin-top:.4rem;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 82%,transparent);padding:.75rem}.tool-finder-label{color:var(--muted);font-size:.8rem;font-weight:620;letter-spacing:.01em}.tool-finder-row{display:flex;gap:.55rem;align-items:center}.tool-finder input,.tool-finder select{min-height:2.5rem}.tool-finder-row .ghost-button{min-height:2.5rem;white-space:nowrap}.tool-finder-compact{flex:0 1 250px;margin-top:0;padding:0;border:0;background:transparent}.tool-finder-compact .tool-finder-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tool-finder-compact .tool-finder-row{width:100%}.tool-finder-compact select{min-height:2.25rem;padding:.5rem .7rem;font-size:.9rem;background:color-mix(in srgb,var(--panel) 86%,transparent)}.button,.ghost-button,.mode-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.32rem;border:1px solid transparent;border-radius:9px;padding:.5rem .78rem;cursor:pointer;font-weight:640;transition:transform .14s ease,border-color .14s ease,background .14s ease}.button{background:linear-gradient(145deg,var(--accent),var(--accent-strong));color:white;box-shadow:0 6px 14px rgba(14,122,103,.2)}.button:hover{transform:translateY(-1px)}.ghost-button,.mode-button{border-color:var(--line);background:color-mix(in srgb,var(--panel) 80%,transparent);color:var(--ink)}.mode-button[data-active=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.password-options{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(220px,.55fr);gap:1rem}.recommendation-card{grid-column:1/-1;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);padding:1rem}.recommendation-card strong{display:block;margin-bottom:.35rem;color:var(--accent-strong);letter-spacing:.06em;text-transform:uppercase}.recommendation-card p{margin:.45rem 0 0;color:var(--muted)}.regex-workbench{display:grid;gap:1rem}.regex-pattern-field{display:grid;gap:.45rem;color:var(--muted);font-weight:750}.regex-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.35rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:.35rem .7rem;color:var(--accent-strong);font-weight:800}.regex-shell,.regex-shell input{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.regex-shell input{min-height:2.55rem;border:0;background:transparent;padding:.35rem 0}.regex-shell input:focus{outline:none}.regex-flags{gap:.8rem;padding:.8rem}.regex-flags,.regex-reference{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong)}.regex-reference{gap:.55rem .8rem;padding:.85rem;color:var(--muted);font-size:.9rem}.regex-reference strong{color:var(--accent-strong)}.color-picker-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(220px,1fr);gap:1rem;align-items:stretch}.color-picker-embed{--picked-color:#0f7b63;position:relative;display:grid;grid-template-columns:minmax(7rem,.9fr) minmax(8rem,1fr);min-height:9.5rem;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(45deg,rgba(255,255,255,.55) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.55) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.55) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.55) 75%),var(--picked-color);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;cursor:pointer}.color-picker-embed:focus-within{outline:3px solid rgba(15,123,99,.25);outline-offset:3px}.color-native-input{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;cursor:pointer}.color-swatch{min-height:100%;background:var(--picked-color)}.color-picker-meta{display:flex;flex-direction:column;justify-content:flex-end;gap:.35rem;padding:1rem;background:linear-gradient(90deg,rgba(255,253,247,.9),rgba(255,253,247,.74));color:var(--ink)}:root[data-theme=dark] .color-picker-meta{background:linear-gradient(90deg,rgba(21,29,27,.92),rgba(21,29,27,.72))}.color-picker-meta strong{font-size:1.05rem}.color-picker-meta span{color:var(--muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.color-value-field{display:grid;gap:.45rem;align-content:start;color:var(--muted);font-size:.92rem}.color-value-field input,.color-value-field select{min-height:3rem;color:var(--ink);font-size:1rem}.diff-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.diff-input-panel{display:grid;gap:.5rem;color:var(--muted);font-weight:750}.diff-input-panel textarea{min-height:15rem}.preview-panel{display:grid;gap:.5rem;color:var(--muted);font-weight:750}.contrast-sample,.markdown-preview,.qr-preview{min-height:15rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:1rem}.markdown-preview{color:var(--ink);overflow:auto}.markdown-preview>:first-child{margin-top:0}.markdown-preview>:last-child{margin-bottom:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin-top:0}.markdown-preview blockquote,.markdown-preview ol,.markdown-preview p,.markdown-preview pre,.markdown-preview ul{margin:0 0 .95rem}.markdown-preview ol,.markdown-preview ul{padding-left:1.2rem}.markdown-preview blockquote{border-left:4px solid var(--accent);margin-left:0;padding-left:.85rem;color:var(--muted)}.markdown-preview code,.markdown-preview pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.markdown-preview pre{overflow:auto;border-radius:8px;background:var(--code);color:#d6f4e9;padding:.85rem}.markdown-preview code{background:var(--panel-strong);border-radius:6px;padding:.12rem .35rem}.markdown-preview a{color:var(--accent-strong);text-decoration:underline}.qr-preview{display:grid;place-items:center;background:linear-gradient(45deg,rgba(15,123,99,.04),transparent),var(--panel)}.qr-preview svg{width:min(100%,18rem);height:auto}.org-chart-stack,.org-chart-workbench{display:grid;gap:1rem}.org-chart-scroll{min-height:21rem;max-height:34rem;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#f3f5f7;padding:1rem}.org-chart-canvas{display:inline-block;min-width:max-content}.org-chart-list{display:flex;justify-content:center;margin:0;padding-top:1.25rem;white-space:nowrap;position:relative}.org-chart-item{list-style:none;text-align:center;position:relative;padding:1.25rem .55rem 0}.org-chart-item:after,.org-chart-item:before{content:"";position:absolute;top:0;right:50%;width:50%;height:1.25rem;border-top:2px solid var(--line)}.org-chart-item:after{right:auto;left:50%;border-left:2px solid var(--line)}.org-chart-item:only-child{padding-top:0}.org-chart-item:only-child:after,.org-chart-item:only-child:before{display:none}.org-chart-item:first-child:before,.org-chart-item:last-child:after{border:none}.org-chart-item:last-child:before{border-right:2px solid var(--line);border-radius:0 8px 0 0}.org-chart-item:first-child:after{border-radius:8px 0 0 0}.org-chart-list .org-chart-list:before{content:"";position:absolute;top:0;left:50%;width:0;height:1.25rem;border-left:2px solid var(--line)}.org-chart-node{width:176px;min-height:78px;display:inline-flex;flex-direction:column;justify-content:center;gap:.3rem;border:2px solid #8b9199;border-radius:8px;background:#fff;padding:.55rem .65rem;text-align:center;white-space:normal;overflow-wrap:anywhere}.org-chart-node strong{font-size:.95rem;line-height:1.15}.org-chart-node span{color:#2e353d;font-size:.9rem;line-height:1.2}:root[data-theme=dark] .org-chart-scroll{background:#131a18}:root[data-theme=dark] .org-chart-node{background:#1a2320;border-color:#3f514b}:root[data-theme=dark] .org-chart-node span{color:#c5d4cd}.contrast-workbench{display:grid;gap:1rem}.contrast-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.contrast-sample{display:grid;align-content:center;gap:.5rem}.contrast-sample p,.contrast-sample strong{margin:0}.hash-validator-grid{display:grid;gap:1rem}.file-input-line{display:grid;gap:.45rem;color:var(--muted);font-size:.92rem}.file-input-line input{min-height:3rem}.jwt-verifier{display:grid;gap:.85rem;margin-top:1rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);padding:1rem}.jwt-verifier h3{margin-bottom:.25rem}.checkbox-line{display:inline-flex;align-items:center;gap:.55rem;width:fit-content;color:var(--muted);font-size:.94rem}.checkbox-line input{width:1rem;height:1rem}.output{min-height:13rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:1rem;overflow:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92rem}.status{min-height:1.5rem;margin:.55rem 0 0;color:var(--muted)}.status[data-kind=error]{color:var(--bad)}.content-card{padding:clamp(1rem,3vw,1.35rem)}.content-card ol,.content-card ul{padding-left:1.2rem}.faq-item{border-top:1px solid var(--line);padding:1rem 0}.ad-slot{min-height:92px;display:grid;place-items:center;margin:1.5rem 0;box-shadow:none}.ad-slot,.footer{color:var(--muted)}.footer{border-top:1px solid var(--line);padding:2rem 1.25rem;background:color-mix(in srgb,var(--panel) 60%,transparent)}.footer .nav-links a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--muted) 46%,transparent)}@media (max-width:820px){.color-picker-grid,.contrast-picker-grid,.diff-input-grid,.hash-validator-grid,.hero,.password-options,.split{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}.nav-links{justify-content:flex-start}.tool-finder-compact{width:100%;max-width:none}h1{font-size:clamp(1.85rem,10.8vw,3.2rem)}}