:root{--bg: #ffffff;--bg-soft: #f5f7fa;--bg-inset: #eef1f6;--surface: #ffffff;--border: #d9dee7;--border-strong: #c2c9d6;--text: #1b2330;--text-soft: #4a5567;--text-faint: #6b7688;--accent: #0369a1;--accent-text: #ffffff;--accent-soft: #e0f2fe;--ok: #15803d;--ok-soft: #dcfce7;--warn: #b45309;--warn-soft: #fef3c7;--err: #b91c1c;--err-soft: #fee2e2;--add-soft: #dcfce7;--add-text: #14532d;--del-soft: #fee2e2;--del-text: #7f1d1d;--mono: ui-monospace, "SF Mono", "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius: 10px;--radius-sm: 7px;--maxw: 940px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0b1220;--bg-soft: #111a2b;--bg-inset: #0d1626;--surface: #121c2e;--border: #263449;--border-strong: #35476220;--border-strong: #3a4d6b;--text: #e7ecf3;--text-soft: #aab6c8;--text-faint: #8593a8;--accent: #38bdf8;--accent-text: #06202e;--accent-soft: #0c2c3d;--ok: #4ade80;--ok-soft: #0f2c1c;--warn: #fbbf24;--warn-soft: #2e2411;--err: #f87171;--err-soft: #2c1414;--add-soft: #0f2c1c;--add-text: #86efac;--del-soft: #2c1414;--del-text: #fca5a5;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3)}}:root[data-theme=dark]{--bg: #0b1220;--bg-soft: #111a2b;--bg-inset: #0d1626;--surface: #121c2e;--border: #263449;--border-strong: #3a4d6b;--text: #e7ecf3;--text-soft: #aab6c8;--text-faint: #8593a8;--accent: #38bdf8;--accent-text: #06202e;--accent-soft: #0c2c3d;--ok: #4ade80;--ok-soft: #0f2c1c;--warn: #fbbf24;--warn-soft: #2e2411;--err: #f87171;--err-soft: #2c1414;--add-soft: #0f2c1c;--add-text: #86efac;--del-soft: #2c1414;--del-text: #fca5a5;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-underline-offset:2px}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.25;font-weight:650;color:var(--text)}h1{font-size:clamp(1.6rem,1.2rem + 2vw,2.1rem);margin:0 0 .4em}h2{font-size:1.3rem;margin:2em 0 .6em}h3{font-size:1.08rem;margin:1.6em 0 .4em}code,kbd,samp,pre{font-family:var(--mono);font-size:.92em}:not(pre)>code{background:var(--bg-inset);border:1px solid var(--border);border-radius:5px;padding:.08em .36em}.container{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(16px,4vw,28px)}.site-header{border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:20}.site-header .bar{display:flex;align-items:center;gap:16px;min-height:58px}.site-header .brand{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--text);text-decoration:none;font-size:1.02rem}.site-header .brand img{width:26px;height:26px;display:block}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.site-header nav a{color:var(--text-soft);text-decoration:none;padding:6px 10px;border-radius:var(--radius-sm);font-size:.95rem}.site-header nav a:hover{background:var(--bg-soft);color:var(--text)}.theme-toggle{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text-soft);width:34px;height:34px;border-radius:var(--radius-sm);cursor:pointer;display:grid;place-items:center;line-height:0}.theme-toggle:hover{color:var(--text);border-color:var(--border-strong)}.theme-toggle svg{width:17px;height:17px}:root:not([data-theme=dark]) .theme-toggle .i-sun,:root[data-theme=light] .theme-toggle .i-sun{display:none}:root[data-theme=dark] .theme-toggle .i-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .i-moon{display:none}:root:not([data-theme=light]) .theme-toggle .i-sun{display:block}}main{padding-block:28px 64px}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);color:var(--text-soft);font-size:.92rem;padding-block:28px}.site-footer .cols{display:flex;flex-wrap:wrap;gap:28px 48px}.site-footer h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:0 0 .5em}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.site-footer a{color:var(--text-soft);text-decoration:none}.site-footer a:hover{color:var(--text);text-decoration:underline}.site-footer .fine{margin-top:22px;color:var(--text-faint);font-size:.86rem}.breadcrumb{font-size:.88rem;color:var(--text-faint);margin-bottom:14px}.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.breadcrumb li:after{content:"/";margin-left:6px;color:var(--border-strong)}.breadcrumb li:last-child:after{content:""}.breadcrumb a{color:var(--text-faint);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.tool-intro{color:var(--text-soft);font-size:1.05rem;margin:0 0 22px;max-width:68ch}.tool{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(14px,3vw,20px);margin-bottom:14px}.tool .row{display:grid;gap:14px}@media(min-width:720px){.tool .row.two{grid-template-columns:1fr 1fr}}.field{display:grid;gap:6px}.field>label,.field-label{font-size:.85rem;font-weight:600;color:var(--text-soft)}.controls{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-bottom:14px}.controls label{font-size:.9rem;color:var(--text-soft);display:inline-flex;align-items:center;gap:6px}textarea,input[type=text],input[type=search],input[type=number],select{width:100%;font-family:var(--mono);font-size:.9rem;color:var(--text);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;resize:vertical}select,input[type=number]{font-family:var(--sans)}textarea{min-height:190px;line-height:1.5;white-space:pre;overflow-wrap:normal;tab-size:2}textarea:focus,input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}button,.btn{appearance:none;font:inherit;font-weight:600;font-size:.9rem;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);padding:8px 14px;display:inline-flex;align-items:center;gap:7px;line-height:1.2}button:hover,.btn:hover{border-color:var(--accent);color:var(--accent)}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.primary:hover,.btn.primary:hover{filter:brightness(1.05);color:var(--accent-text)}button:disabled{opacity:.5;cursor:not-allowed}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--accent)}.result{margin-top:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-inset);min-height:64px;overflow:auto}.result pre{margin:0;padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.result:empty:after,.result-empty{content:"Output will appear here.";display:block;padding:20px 14px;color:var(--text-faint);font-size:.9rem}.status{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:600;padding:5px 10px;border-radius:999px;border:1px solid transparent}.status.ok{color:var(--ok);background:var(--ok-soft)}.status.warn{color:var(--warn);background:var(--warn-soft)}.status.err{color:var(--err);background:var(--err-soft)}.status-line{min-height:30px;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hint{font-size:.85rem;color:var(--text-faint)}.error-detail{font-family:var(--mono);font-size:.85rem;color:var(--err);white-space:pre-wrap}table.kv{width:100%;border-collapse:collapse;font-size:.9rem}table.kv th,table.kv td{text-align:left;vertical-align:top;padding:7px 10px;border-bottom:1px solid var(--border)}table.kv th{width:30%;color:var(--text-soft);font-weight:600}table.kv td{font-family:var(--mono);overflow-wrap:anywhere}table.kv td .explain{font-family:var(--sans);color:var(--text-faint);display:block;font-size:.85rem;margin-top:2px}.diff{font-family:var(--mono);font-size:.88rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 14px}.diff ins{background:var(--add-soft);color:var(--add-text);text-decoration:none}.diff del{background:var(--del-soft);color:var(--del-text);text-decoration:none}mark.match{background:var(--warn-soft);color:var(--text);border-radius:3px;padding:0 1px}.related{margin-top:40px;border-top:1px solid var(--border);padding-top:22px}.related h2{margin-top:0;font-size:1.05rem}.related .grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{display:block;border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 15px;text-decoration:none;color:var(--text);background:var(--surface)}.card:hover{border-color:var(--accent);text-decoration:none}.card strong{display:block;margin-bottom:3px}.card span{font-size:.88rem;color:var(--text-soft)}.prose{margin-top:44px;max-width:72ch}.prose h2{padding-top:8px}.prose p,.prose li{color:var(--text)}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.3em 0}.prose table{width:100%;border-collapse:collapse;font-size:.92rem;margin:1em 0;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);padding:7px 10px;text-align:left}.prose th{background:var(--bg-soft)}.prose pre{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;overflow-x:auto}.prose :not(pre)>code{font-size:.88em}.callout{border-left:3px solid var(--accent);background:var(--accent-soft);padding:12px 16px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1.2em 0}.callout.warn{border-left-color:var(--warn);background:var(--warn-soft)}.hero{padding:8px 0 10px}.hero p.lead{font-size:1.15rem;color:var(--text-soft);max-width:60ch}.privacy-badge{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--ok);background:var(--ok-soft);border-radius:999px;padding:6px 13px;margin-top:6px}.cat{margin-top:40px}.cat>h2{margin-bottom:2px}.cat>p{margin-top:0;color:var(--text-soft)}.tool-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:14px}form.stack{display:grid;gap:14px;max-width:520px}form.stack input,form.stack textarea{font-family:var(--sans)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--accent-text);padding:8px 14px;z-index:50}.skip-link:focus{left:8px;top:8px}.ad-slot{margin:32px auto;max-width:728px;min-height:90px;border:1px dashed var(--border);border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--text-faint);font-size:.8rem}@media(max-width:600px){.site-header .bar{flex-wrap:wrap;min-height:0;padding-block:8px;gap:8px 12px}.site-header .brand{font-size:.98rem}.site-header .theme-toggle{margin-left:auto}.site-header nav{order:3;width:100%;margin-left:0;gap:2px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{padding:9px 12px;font-size:.92rem;white-space:nowrap}main{padding-block:20px 48px}.controls label{flex-wrap:wrap}.controls label input[type=text],.controls label input[type=search]{min-width:0!important;width:100%}}