@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #faf7f2;--surface: #ffffff;--surface-2: #f5f1ea;--ink: #181512;--ink-2: #44403c;--muted: #7a7066;--border: #e7e1d5;--border-strong: #d6cec0;--accent: #ea580c;--accent-hover: #c2410c;--accent-text: #b8420a;--accent-soft: #fff1e6;--code-bg: #f0ebe1;--shadow: 0 1px 2px rgba(24, 21, 18, .04);--radius: 4px;--radius-lg: 6px;--sidebar-w: 250px;--font: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}html.dark{--bg: #0c0a09;--surface: #191614;--surface-2: #201c19;--ink: #f5f1eb;--ink-2: #d6cfc5;--muted: #8f8479;--border: #2a2521;--border-strong: #3b3430;--accent: #fb923c;--accent-hover: #f97316;--accent-soft: #2a1a0e;--code-bg: #1c1815;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}h1,h2,h3,h4{font-family:var(--mono);font-weight:600;letter-spacing:-.02em}a{color:var(--ink);text-decoration:none}a:hover{color:var(--accent)}#app{min-height:100vh}#sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;z-index:10}.sb-head{padding:20px 20px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.sb-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:600;font-family:var(--mono);font-size:14px;letter-spacing:-.02em}.sb-brand img{width:20px;height:20px}.sb-brand:hover{color:var(--accent)}.sb-search{padding:0 14px 14px}.sb-search input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--ink);font-family:var(--mono);font-size:12.5px;transition:border-color .12s,background .12s}.sb-search input::placeholder{color:var(--muted)}.sb-search input:focus{outline:none;border-color:var(--accent);background:var(--surface)}.sb-nav{padding:0 8px 32px}.sb-group{margin-bottom:12px}.sb-group-label{display:block;padding:8px 12px 4px;font-family:var(--mono);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.sb-subgroup{margin-bottom:2px}.sb-subgroup>summary{list-style:none;cursor:pointer;padding:6px 12px;font-size:12px;font-weight:500;color:var(--ink-2);display:flex;align-items:center;gap:6px;border-radius:var(--radius)}.sb-subgroup>summary:before{content:">";color:var(--muted);transition:transform .12s;display:inline-block;font-family:var(--mono)}.sb-link{display:block;padding:5px 10px;border-radius:var(--radius);color:var(--ink-2);font-size:13px;transition:color .12s,background .12s}.sb-link:hover{background:var(--surface-2);color:var(--accent)}.sb-link.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.sb-link.active:hover{background:var(--accent-soft);color:var(--accent-hover)}#sb-toggle{position:fixed;top:12px;left:12px;z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;cursor:pointer;display:none;color:var(--ink)}@media (max-width: 1100px){#sidebar{position:fixed;transform:translate(-100%);transition:transform .2s;z-index:40;box-shadow:0 10px 40px #0000001f}#sidebar.open{transform:translate(0)}#sb-toggle{display:block}#mask{display:none;position:fixed;inset:0;background:#18151259;z-index:30}#sidebar.open~#mask{display:block}}#content{margin-left:var(--sidebar-w);min-width:0;padding:32px 40px 80px}@media (max-width: 1100px){#content{margin-left:0}}@media (max-width: 800px){#content{padding:64px 20px 60px}}.home-hero{margin:0 0 40px;max-width:720px}.home-hero h1{font-family:var(--mono);font-size:40px;font-weight:600;margin:0 0 10px;letter-spacing:-.04em;line-height:1.1}.home-hero h1 .accent{color:var(--accent)}.home-hero p{color:var(--muted);margin:0;font-size:15px;max-width:540px}.home-search{max-width:560px;margin:0 0 48px;position:relative}.home-search input{width:100%;padding:12px 16px 12px 42px;font-size:14.5px;font-family:var(--mono);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);transition:border-color .15s,box-shadow .15s}.home-search input::placeholder{color:var(--muted)}.home-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.home-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.section{margin-bottom:44px}.section-title{font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card{display:block;background:var(--surface);padding:16px 18px;color:var(--ink);transition:background .12s}.card:hover{background:var(--surface-2);color:var(--ink)}.card:hover .card-title{color:var(--accent)}.card-title{font-family:var(--mono);font-weight:600;font-size:13.5px;margin:0 0 4px;letter-spacing:-.01em;transition:color .12s}.card-desc{font-size:12.5px;color:var(--muted);margin:0;line-height:1.45}.tool-page{max-width:1080px}.tool-header{margin-bottom:24px}.tool-title-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.tool-header h1{font-family:var(--mono);font-size:28px;font-weight:600;margin:0;letter-spacing:-.03em}.tool-intro{margin:8px 0 0;color:var(--muted);font-size:14px;max-width:640px}.title-menu{position:relative}.title-menu>summary{cursor:pointer;padding:3px 10px;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);font-size:11.5px;color:var(--muted);list-style:none;transition:all .12s}.title-menu>summary::-webkit-details-marker{display:none}.title-menu>summary:hover{border-color:var(--accent);color:var(--accent)}.title-menu[open]>summary{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.title-menu>nav{position:absolute;top:100%;left:0;margin-top:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px;min-width:180px;box-shadow:0 8px 24px #1815121a;z-index:20;display:flex;flex-direction:column;gap:1px}.title-menu>nav a{padding:6px 10px;border-radius:var(--radius);color:var(--ink-2);font-family:var(--mono);font-size:12.5px}.title-menu>nav a:hover{background:var(--surface-2);color:var(--accent)}.title-menu>nav a.active{background:var(--accent-soft);color:var(--accent)}.tool-desc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:22px;overflow:hidden}.tool-desc>summary{cursor:pointer;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13.5px;color:var(--ink-2);list-style:none}.tool-desc>summary::-webkit-details-marker{display:none}.tool-desc .read-more{color:var(--accent-text);font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.tool-desc[open] .read-more{display:none}.tool-desc-body{padding:4px 18px 18px;border-top:1px solid var(--border);font-size:14px;line-height:1.7;color:var(--ink-2);max-width:720px}.tool-desc-body h2{font-size:15px;margin:20px 0 6px;color:var(--ink)}.tool-desc-body h3{font-size:13.5px;margin:14px 0 4px;color:var(--ink)}.tool-desc-body p{margin:8px 0;color:var(--ink-2)}.tool-desc-body code{font-family:var(--mono);font-size:12.5px;background:var(--code-bg);padding:2px 6px;border-radius:3px;color:var(--accent);word-break:break-all}.tool-desc-body a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.tool-desc-body a:hover{color:var(--accent-hover)}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,260px);gap:20px;align-items:start}@media (max-width: 900px){.tool-layout{grid-template-columns:1fr}}.tool-main{min-width:0}.io-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 700px){.io-row{grid-template-columns:1fr}}.io-block{display:flex;flex-direction:column;margin-bottom:14px}.io-block header{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.io-actions{display:flex;gap:2px}.io-block textarea{width:100%;min-height:200px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);font-family:var(--mono);font-size:13px;line-height:1.6;resize:vertical;transition:border-color .12s,box-shadow .12s}.io-block textarea::placeholder{color:var(--muted)}.io-block.is-fullscreen{position:fixed;inset:24px;z-index:200;background:var(--bg);padding:16px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #18151240}.io-block.is-fullscreen textarea{min-height:calc(100vh - 120px)}.settings-panel{display:flex;flex-direction:column;gap:14px;position:sticky;top:20px;padding-top:24px}.btn-execute{width:100%;padding:11px;font-family:var(--mono);font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.switch-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);cursor:pointer;user-select:none}.switch-row input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.setting-group{border-top:1px solid var(--border);padding:0;margin:0}.setting-group>summary{cursor:pointer;padding:10px 0 8px;font-family:var(--mono);font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;list-style:none;display:flex;align-items:center;justify-content:space-between}.setting-group>summary::-webkit-details-marker{display:none}.setting-group>summary:after{content:"+";font-family:var(--mono);color:var(--muted);font-weight:400}.setting-group[open]>summary:after{content:"-"}.setting-group>select,.setting-group>input{width:100%;padding:8px 10px;margin:4px 0 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-family:var(--mono);font-size:12.5px}.setting-group>select:focus,.setting-group>input:focus{outline:none;border-color:var(--accent)}.setting-group>.field-label{display:block;font-family:var(--mono);font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:6px}.share-block{border-top:1px solid var(--border);padding-top:10px}.share-block>summary{cursor:pointer;font-family:var(--mono);font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;list-style:none}.share-block>summary::-webkit-details-marker{display:none}.share-block[open]>summary{margin-bottom:8px}.share-row{display:flex;gap:6px}.share-row input{flex:1;min-width:0;padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-family:var(--mono);font-size:11px}.share-row .btn{padding:7px 12px;font-size:11px}.btn{padding:8px 14px;font-family:var(--mono);font-size:12px;font-weight:500;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);cursor:pointer;transition:all .12s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-primary:hover{background:#9a3412;border-color:#9a3412;color:#fff}.icon-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:3px;display:inline-flex;align-items:center;transition:all .12s}.icon-btn:hover{color:var(--accent);background:var(--accent-soft)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:var(--radius);font-family:var(--mono);font-size:12px;opacity:0;transition:all .25s;pointer-events:none;z-index:100}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.related{margin-top:48px}.related .grid{margin-top:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.tool-desc .read-less{display:none}.tool-desc[open] .read-less{display:inline}.breadcrumb{margin-bottom:14px;font-size:12.5px}.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.breadcrumb li{display:flex;align-items:center;gap:6px;color:var(--muted)}.breadcrumb a{color:var(--muted);font-family:var(--mono)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span[aria-current]{color:var(--ink);font-family:var(--mono)}.breadcrumb .sep{color:var(--border-strong)}.sb-subgroup{margin-bottom:1px}.sb-subgroup>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:500;color:var(--ink-2);border-radius:var(--radius)}.sb-subgroup>summary::-webkit-details-marker{display:none}.sb-subgroup>summary:before{content:">";font-family:var(--mono);font-size:11px;color:var(--muted);display:inline-block;transition:transform .12s}.sb-subgroup[open]>summary:before{transform:rotate(90deg)}.sb-subgroup>summary:hover{background:var(--surface-2);color:var(--ink)}.sb-subgroup .sb-count{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--muted);background:var(--surface-2);padding:1px 6px;border-radius:8px}.sb-subgroup[open] .sb-count{background:transparent}.sb-subgroup>ol{list-style:none;margin:2px 0 4px;padding:0 0 0 22px}.sb-subgroup .sb-link{display:block;padding:6px 10px;border-radius:var(--radius);color:var(--ink-2);font-size:13px;transition:color .1s,background .1s;min-height:32px;display:flex;align-items:center}.sb-subgroup .sb-link:hover{background:var(--surface-2);color:var(--accent)}.sb-subgroup .sb-link.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.sb-foot{margin-top:auto;padding:12px 16px;border-top:1px solid var(--border);font-size:11.5px;color:var(--muted);display:flex;gap:6px;align-items:center}.sb-foot kbd{font-family:var(--mono);font-size:11px;padding:1px 6px;border:1px solid var(--border);border-radius:3px;background:var(--surface-2);color:var(--ink-2)}.sb-close{display:none}.subgroup{margin-bottom:24px}.subgroup:last-child{margin-bottom:0}.subgroup-title{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--ink-2);margin:0 0 8px;letter-spacing:-.01em}.home-search-kbd{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:11px;padding:2px 7px;border:1px solid var(--border);border-radius:3px;background:var(--surface-2);color:var(--muted);pointer-events:none}.empty-state{text-align:center;color:var(--muted);padding:40px 0;font-size:14px}.empty-state strong{color:var(--ink);font-family:var(--mono)}.tool-desc-wrap{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:16px 18px 18px;border-top:1px solid var(--border)}@media (max-width: 800px){.tool-desc-wrap{grid-template-columns:1fr;gap:12px}}.toc{position:sticky;top:16px;align-self:start;font-size:12.5px}.toc-label{display:block;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.toc a{color:var(--muted);padding:4px 8px;border-left:2px solid transparent;display:block;border-radius:0 var(--radius) var(--radius) 0}.toc a:hover{color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft)}.tool-desc-wrap .tool-desc-body{padding:0;border:0;max-width:none}.sibling-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:40px 0 8px}.sib-link{display:flex;flex-direction:column;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .12s,background .12s;min-height:64px;justify-content:center}.sib-link:hover{border-color:var(--accent);background:var(--surface-2)}.sib-next{text-align:right}.sib-dir{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px}.sib-title{font-family:var(--mono);font-size:13.5px;font-weight:600;color:var(--ink)}.sib-link:hover .sib-title{color:var(--accent)}.mobile-action-bar{display:none;position:fixed;bottom:0;left:0;right:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border);gap:8px;z-index:25;box-shadow:0 -4px 12px #0000000a}.mobile-action-bar .btn{flex:1;padding:12px;font-size:13px}.mobile-action-bar .btn-primary{flex:2}@media (max-width: 800px){#sb-toggle{top:calc(10px + env(safe-area-inset-top,0px));left:10px;padding:10px;border-radius:8px}#sidebar{width:84%;max-width:320px;padding-top:env(safe-area-inset-top,0px)}.sb-close{display:inline-flex}.sb-head{padding:14px 14px 10px}.sb-search{padding:0 12px 12px}.sb-search input{padding:10px 12px;font-size:14px}.sb-subgroup>summary{padding:10px 12px;font-size:14px;min-height:44px}.sb-subgroup .sb-link{padding:10px 12px;font-size:14px;min-height:44px}.sb-group-label{padding:12px 12px 4px;font-size:11px}#content{padding:60px 16px 96px}.home-hero h1{font-size:30px}.home-hero p{font-size:14px}.home-search{margin-bottom:28px}.home-search input{padding:14px 44px 14px 42px;font-size:15px}.home-search-kbd{display:none}.section{margin-bottom:32px}.grid{grid-template-columns:1fr;gap:1px}.card{padding:16px;min-height:64px}.card-title{font-size:14px}.tool-header h1{font-size:22px}.tool-title-row{gap:10px}.io-block textarea{min-height:140px;font-size:16px}.tool-layout{grid-template-columns:1fr;gap:12px}.tool-side .settings-panel{position:static;border-top:1px solid var(--border);padding-top:14px}.mobile-action-bar{display:flex}.tool-side .settings-panel .btn-execute{display:none}.sibling-nav{grid-template-columns:1fr;gap:8px;margin-top:28px}.sib-next{text-align:left}.tool-desc-wrap{padding:12px 14px 16px}.tool-desc-body{font-size:15px}.tool-desc-body code{font-size:13.5px}}body.drawer-open{overflow:hidden}@media (hover: none) and (pointer: coarse){.btn{min-height:40px}.icon-btn{min-height:40px;min-width:40px;justify-content:center}.breadcrumb a,.breadcrumb span{padding:4px 0}}.privacy-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:18px;background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:12.5px;color:var(--accent-text);font-family:var(--mono)}.privacy-banner svg{flex-shrink:0}.example-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.btn-ghost{background:transparent;border-style:dashed;color:var(--accent-text);font-size:11.5px;padding:6px 12px}.btn-ghost:hover{background:var(--accent-soft);border-style:solid}.example-hint{font-family:var(--mono);font-size:11px;color:var(--muted)}.io-block header{align-items:center}.io-block header .io-actions{flex-shrink:0}@media (max-width: 800px){.privacy-banner{font-size:11.5px;padding:9px 12px}.example-row{flex-wrap:wrap;gap:8px}}.cli-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:22px;overflow:hidden}.cli-block>summary{cursor:pointer;padding:12px 18px;font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);list-style:none;display:flex;align-items:center;justify-content:space-between}.cli-block>summary::-webkit-details-marker{display:none}.cli-block>summary:after{content:"+";font-family:var(--mono);color:var(--muted);font-weight:400}.cli-block[open]>summary:after{content:"-"}.cli-block>summary:hover{color:var(--accent)}.cli-block[open]>summary{border-bottom:1px solid var(--border);color:var(--ink-2)}.cli-block pre{margin:0;padding:14px 18px;overflow-x:auto;font-family:var(--mono);font-size:12.5px;line-height:1.6;color:var(--ink-2);background:var(--code-bg);white-space:pre;-webkit-overflow-scrolling:touch}.cli-block code{font-family:inherit;color:inherit;background:none;padding:0}@media (max-width: 800px){.cli-block pre{font-size:12px;padding:12px 14px}}.category-page{max-width:1080px}.category-tools{margin-bottom:48px}.category-tools .subgroup{margin-bottom:32px}.category-tools .subgroup:last-child{margin-bottom:0}.category-tools .subgroup-title{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--ink);margin:0 0 10px;letter-spacing:-.01em;padding-bottom:6px;border-bottom:1px solid var(--border)}.category-about{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:32px}.category-about .section-title{margin-top:0;margin-bottom:16px;border-bottom:0;padding-bottom:0}.category-about p{font-size:14px;line-height:1.7;color:var(--ink-2);margin:0 0 14px;max-width:720px}.category-about p:last-child{margin-bottom:0}.category-nav{margin:24px 0 8px}.sb-group-label{color:var(--muted);text-decoration:none;transition:color .12s}.sb-group-label:hover{color:var(--accent)}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-title a{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit}.section-title a:hover{color:var(--accent)}.section-more{font-family:var(--mono);font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--muted)!important;white-space:nowrap}.section-more:hover{color:var(--accent)!important}@media (max-width: 800px){.category-about{padding:18px 16px}.category-about p{font-size:15px}.category-tools .subgroup{margin-bottom:24px}}.compare-block{margin-top:8px;margin-bottom:14px}.compare-toggle{margin-bottom:10px}.compare-input-wrap{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px}.compare-input-wrap[hidden]{display:none}.compare-input-wrap .field-label{margin:0}.compare-input-wrap input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:13px;letter-spacing:.01em}.compare-input-wrap input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.compare-status{font-family:var(--mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);min-height:16px;display:inline-flex;align-items:center;gap:6px}.compare-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--border-strong);display:inline-block}.compare-status.idle:before{background:var(--muted)}.compare-status.idle{color:var(--muted)}.compare-status.ok{color:#15803d}.compare-status.ok:before{background:#15803d}.compare-status.fail{color:#b91c1c}.compare-status.fail:before{background:#b91c1c}html.dark .compare-status.ok{color:#4ade80}html.dark .compare-status.ok:before{background:#4ade80}html.dark .compare-status.fail{color:#f87171}html.dark .compare-status.fail:before{background:#f87171}@media (max-width: 800px){.compare-input-wrap input[type=text]{font-size:16px;padding:12px}}.file-hash-tool{margin-bottom:24px}.mode-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);padding:3px;gap:2px;margin-bottom:16px;background:var(--surface-2)}.mode-tab{padding:6px 14px;border:0;background:transparent;color:var(--muted);font-family:var(--mono);font-size:12px;font-weight:500;cursor:pointer;border-radius:3px}.mode-tab:hover{color:var(--ink)}.mode-tab.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 2px #1815120f}.drop-zone{display:block;border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:40px 24px;text-align:center;cursor:pointer;background:var(--surface);transition:border-color .15s,background .15s,transform .1s}.drop-zone:hover,.drop-zone:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}.drop-zone.is-dragging{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.005)}.drop-zone-inner{pointer-events:none}.drop-icon{color:var(--muted);margin-bottom:10px}.drop-zone.is-dragging .drop-icon,.drop-zone:hover .drop-icon{color:var(--accent)}.drop-title{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--ink);margin:0 0 6px}.drop-sub{color:var(--muted);font-size:13px;margin:0}.url-row{display:flex;gap:8px}.url-row input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-family:var(--mono);font-size:13px}.url-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.url-hint{color:var(--muted);font-size:12.5px;margin-top:8px}.file-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:16px}.file-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.file-name{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}.file-size{font-family:var(--mono);font-size:11.5px;color:var(--muted)}.file-info .btn{flex-shrink:0;padding:6px 12px;font-size:11.5px}.progress-wrap{margin-top:16px}.progress-bar{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--accent);width:0%;transition:width .08s linear}.progress-text{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11.5px;color:var(--muted)}.hash-output{margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.output-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}.output-label{font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.output-actions{display:flex;gap:6px}.output-actions .btn{padding:5px 10px;font-size:11px}.hash-hex{margin:0;padding:18px 16px;font-family:var(--mono);font-size:15px;line-height:1.5;color:var(--accent);background:var(--code-bg);overflow-wrap:anywhere;word-break:break-all;white-space:pre-wrap}.output-meta{padding:10px 16px;border-top:1px solid var(--border);font-family:var(--mono);font-size:11.5px;color:var(--muted)}.error-msg{margin-top:16px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius);color:#b91c1c;font-family:var(--mono);font-size:12.5px}html.dark .error-msg{background:#2a1414;border-color:#4a1a1a;color:#fca5a5}@media (max-width: 800px){.drop-zone{padding:32px 16px}.drop-title{font-size:14px}.drop-sub{font-size:12.5px}.hash-hex{font-size:13px;padding:14px 12px}.output-header{flex-direction:column;align-items:flex-start;gap:8px}.output-actions{width:100%}.output-actions .btn{flex:1}}.entropy-meter{display:flex;align-items:center;gap:12px;margin-top:10px}.entropy-bar{flex:1;height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden}.entropy-fill{height:100%;width:0%;background:var(--accent);transition:width .15s,background .15s}.entropy-fill[data-level=very-weak]{background:#dc2626}.entropy-fill[data-level=weak]{background:#ea580c}.entropy-fill[data-level=moderate]{background:#d97706}.entropy-fill[data-level=strong]{background:#16a34a}.entropy-fill[data-level=very-strong]{background:#15803d}.entropy-text{font-family:var(--mono);font-size:11.5px;color:var(--muted);white-space:nowrap}.time-tool{margin-bottom:24px}.time-tool .field-label{display:block;margin-bottom:6px}.time-tool .url-row{margin-bottom:20px}.time-outputs{display:flex;flex-direction:column;gap:8px}.time-output{display:grid;grid-template-columns:140px 1fr 32px;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.time-label{font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.time-value{font-family:var(--mono);font-size:13px;color:var(--ink);overflow-wrap:anywhere;min-width:0}.time-hint{color:var(--muted);font-size:12.5px;line-height:1.55;margin:0}.jwt-outputs{display:flex;flex-direction:column;gap:14px;margin-top:14px}.jwt-output{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.jwt-output-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--border)}.jwt-output-label{font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.jwt-value{margin:0;padding:14px;font-family:var(--mono);font-size:12.5px;line-height:1.6;color:var(--ink);background:var(--code-bg);overflow-x:auto;white-space:pre;-webkit-overflow-scrolling:touch}.jwt-sig{color:var(--muted);word-break:break-all;white-space:pre-wrap}.jwt-note{margin:0;padding:10px 14px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}@media (max-width: 800px){.time-output{grid-template-columns:1fr;gap:4px;padding:12px 14px}.time-output .icon-btn{display:none}.jwt-value{font-size:12px;padding:12px}.entropy-text{font-size:11px}}.file-compress-tool{margin-bottom:24px}.compress-output{margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.compress-output .output-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}.compress-output .output-label{font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.compress-output .output-meta{padding:14px 16px;font-family:var(--mono);font-size:13px;color:var(--ink-2)}.qr-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:20px;align-items:start}@media (max-width: 1200px){.qr-tool{grid-template-columns:1fr;gap:16px}}.qr-preview{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.qr-preview canvas{border-radius:6px;max-width:100%;height:auto}.qr-actions{display:flex;gap:8px;width:100%}.qr-actions .btn{flex:1}.diff-tool{margin-bottom:24px}.diff-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}@media (max-width: 800px){.diff-inputs{grid-template-columns:1fr}}.diff-output{margin-top:8px}.diff-output>header{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.diff-summary{margin-left:auto;margin-right:8px;font-family:var(--mono);text-transform:none;letter-spacing:0;font-weight:400}.diff-output textarea{font-family:var(--mono);font-size:13px;line-height:1.6}.field-hint{color:var(--muted);font-size:12.5px;margin:0}.json-tree{background:var(--code-bg);border-radius:var(--radius);padding:14px 16px;font-family:var(--mono);font-size:13px;line-height:1.6;max-height:480px;overflow-y:auto;min-height:100px}.json-tree details>summary{cursor:pointer;color:var(--ink-2);list-style:none}.json-tree details>summary::-webkit-details-marker{display:none}.json-tree details>summary:before{content:"v ";font-family:var(--mono);color:var(--muted)}.json-tree details:not([open])>summary:before{content:"> "}.json-children{padding-left:18px;border-left:1px dashed var(--border);margin-left:4px}.json-leaf{padding:2px 0}.json-key{color:var(--ink)}.json-string{color:#16a34a}.json-number{color:#ea580c}.json-bool{color:#7c3aed}.json-null{color:var(--muted);font-style:italic}html.dark .json-string{color:#4ade80}html.dark .json-number{color:#fb923c}html.dark .json-bool{color:#a78bfa}.temp-outputs{display:flex;flex-direction:column;gap:8px}.strength-summary{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:12px}.strength-summary .entropy-meter{flex:1}.strength-summary .entropy-bar{height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden}.strength-summary .entropy-fill{height:100%;width:0%;background:var(--accent);transition:width .15s,background .15s}.strength-summary .entropy-fill[data-level=very-weak]{background:#dc2626}.strength-summary .entropy-fill[data-level=weak]{background:#ea580c}.strength-summary .entropy-fill[data-level=moderate]{background:#d97706}.strength-summary .entropy-fill[data-level=strong]{background:#16a34a}.strength-summary .entropy-fill[data-level=very-strong]{background:#15803d}.strength-summary .entropy-text{font-family:var(--mono);font-size:12.5px;color:var(--ink);font-weight:600;white-space:nowrap}.strength-details{margin-top:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0}.strength-details:empty{display:none}.data-list{display:grid;grid-template-columns:200px 1fr;gap:6px 16px;margin:0;padding:14px 16px}.data-list dt{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-self:center}.data-list dd{font-family:var(--mono);font-size:13px;color:var(--ink);margin:0;overflow-wrap:anywhere}@media (max-width: 800px){.data-list{grid-template-columns:1fr;gap:2px 0}.data-list dt{margin-top:8px}}.field-hint{color:var(--muted);font-size:12.5px;margin:0;line-height:1.55}.url-parser-output{display:flex;flex-direction:column;gap:6px;margin-top:12px}.url-parser-header{font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:12px;padding-bottom:4px;border-bottom:1px solid var(--border)}.json-diff-tree{background:var(--code-bg);border-radius:var(--radius);padding:12px 14px;font-family:var(--mono);font-size:12.5px;line-height:1.6;max-height:400px;overflow-y:auto;min-height:60px}.diff-row{display:grid;grid-template-columns:240px 1fr;gap:12px;padding:3px 0;overflow-wrap:anywhere}.diff-path{color:var(--muted);word-break:break-all}.diff-val{color:var(--ink)}.diff-add .diff-val{color:#15803d}.diff-remove .diff-val{color:#b91c1c}.diff-change .diff-val{color:var(--accent)}html.dark .diff-add .diff-val{color:#4ade80}html.dark .diff-remove .diff-val{color:#f87171}@media (max-width: 800px){.diff-row{grid-template-columns:1fr;gap:2px}}.qr-container{display:flex;align-items:center;justify-content:center;min-height:0;aspect-ratio:1 / 1;width:100%;max-width:340px;margin:0 auto;min-width:0;padding:20px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);position:relative}html.dark .qr-container{background:#f5f1ea}.qr-image{max-width:100%;height:auto;display:block;border-radius:4px}.qr-status{font-family:var(--mono);font-size:12.5px;color:var(--muted);text-align:center;margin:0;padding:0 20px;line-height:1.55}.qr-status.is-error{color:#b91c1c}.qr-status.is-loading{color:var(--accent)}html.dark .qr-status.is-error{color:#f87171}.archive-tool{margin-bottom:24px}.archive-file-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin:16px 0;max-height:320px;overflow-y:auto}.archive-row{display:grid;grid-template-columns:1fr 100px 40px;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:12.5px}.archive-row:last-child{border-bottom:0}.archive-name{color:var(--ink);overflow-wrap:anywhere}.archive-size{color:var(--muted);text-align:right}.archive-remove{background:none;border:0;cursor:pointer;color:var(--muted);font-family:var(--mono);font-size:14px;padding:2px 8px;border-radius:3px}.archive-remove:hover{color:var(--accent);background:var(--accent-soft)}.archive-empty{padding:20px;text-align:center;color:var(--muted);font-family:var(--mono);font-size:12.5px;margin:0}#create-btn{margin-top:8px}.io-block textarea{width:100%;min-height:200px;padding:14px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font-family:var(--mono);font-size:14px;line-height:1.6;letter-spacing:.005em;resize:vertical;tab-size:2;overflow-wrap:anywhere;-webkit-appearance:none;appearance:none;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.io-block textarea::placeholder{color:var(--muted);opacity:.9}.io-block textarea:hover:not(:focus):not([readonly]){border-color:var(--border-strong)}.io-block textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.io-block textarea[readonly]{background:var(--surface-2);cursor:text}.io-block textarea[readonly]:focus{background:var(--surface-2)}.io-block textarea::-webkit-scrollbar{width:8px;height:8px}.io-block textarea::-webkit-scrollbar-track{background:transparent}.io-block textarea::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.io-block textarea::-webkit-scrollbar-thumb:hover{background:var(--muted)}.io-block textarea{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.io-block header{display:flex;align-items:center;gap:8px;padding:0 2px 8px;margin-bottom:0;font-family:var(--mono);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.io-block header>span:first-child{flex-shrink:0}.io-block header .count{margin-left:auto;margin-right:8px;font-family:var(--mono);font-size:10.5px;color:var(--muted);text-transform:none;letter-spacing:0}.io-block header .io-actions{display:flex;gap:2px;flex-shrink:0}.setting-group>select,.setting-group>input,.url-row input,.share-row input,.compare-input-wrap input[type=text]{width:100%;min-height:38px;padding:9px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--ink);font-family:var(--mono);font-size:13px;line-height:1.4;transition:border-color .12s ease,box-shadow .12s ease;-webkit-appearance:none;appearance:none}.setting-group>select:hover,.setting-group>input:hover,.url-row input:hover,.share-row input:hover,.compare-input-wrap input[type=text]:hover{border-color:var(--border-strong)}.setting-group>select:focus,.setting-group>input:focus,.url-row input:focus,.share-row input:focus,.compare-input-wrap input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.setting-group>select,.setting-group>input{margin:4px 0 10px}.home-search input,.sb-search input{-webkit-appearance:none;appearance:none}@media (max-width: 800px){.io-block textarea{font-size:16px;line-height:1.5;min-height:160px;padding:14px;border-radius:10px}.setting-group>select,.setting-group>input,.url-row input,.share-row input,.compare-input-wrap input[type=text]{min-height:44px;font-size:16px;padding:11px 12px;border-radius:8px}.io-block header{padding:0 2px 6px;font-size:11px}.io-block,.setting-group,.url-row{scroll-margin-top:80px;scroll-margin-bottom:120px}.io-block header .icon-btn{min-width:36px;min-height:36px;justify-content:center}}.btn:focus-visible,.icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent)}.content-page{max-width:760px}.content-page .prose{margin-top:24px}.content-page .prose h2{font-family:var(--mono);font-size:18px;font-weight:600;margin:32px 0 10px;letter-spacing:-.01em}.content-page .prose h3{font-family:var(--mono);font-size:14px;font-weight:600;margin:20px 0 6px;color:var(--ink)}.content-page .prose p{font-size:15px;line-height:1.75;color:var(--ink-2);margin:12px 0}.content-page .prose ul,.content-page .prose ol{padding-left:22px;margin:12px 0}.content-page .prose li{font-size:15px;line-height:1.7;color:var(--ink-2);margin:4px 0}.content-page .prose code{font-family:var(--mono);font-size:13px;background:var(--code-bg);padding:2px 6px;border-radius:3px;color:var(--accent)}.content-page .prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.content-page .prose a:hover{color:var(--accent-hover)}.content-page .content-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border);font-size:12.5px;color:var(--muted);font-family:var(--mono)}.site-footer{margin-top:60px;padding-top:20px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--muted)}.site-footer nav{display:flex;flex-wrap:wrap;gap:6px 18px}.site-footer a{color:var(--muted);font-family:var(--mono);font-size:12.5px}.site-footer a:hover{color:var(--accent)}.site-footer-credit{margin:0;font-family:var(--mono);font-size:12px;color:var(--muted)}@media (max-width: 800px){.site-footer{flex-direction:column;align-items:flex-start;gap:10px}.content-page .prose p{font-size:15px}}.mobile-header{display:none}@media (max-width: 1100px){.mobile-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;position:fixed;top:0;left:0;right:0;height:56px;padding:0 14px;padding-top:env(safe-area-inset-top,0px);background:var(--surface);border-bottom:1px solid var(--border);z-index:35}body.drawer-open .mobile-header{display:none}.mobile-brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-family:var(--mono);font-size:13.5px;font-weight:600;letter-spacing:-.02em;min-width:0}.mobile-brand img{width:20px;height:20px;flex-shrink:0}.mobile-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-brand:hover{color:var(--accent)}#sb-toggle{position:static;background:none;border:none;padding:8px;border-radius:var(--radius);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}#sb-toggle:hover{background:var(--surface-2);color:var(--accent)}#content{padding-top:calc(72px + env(safe-area-inset-top,0px))}}.tool-layout,.tool-layout>*,.tool-main,.tool-main>*,.tool-side,.tool-side>*,.io-row,.io-row>*,.io-block,.io-block>*,.qr-tool,.qr-tool>*,.qr-preview,.qr-preview>*,.settings-panel,.settings-panel>*{min-width:0}@media (max-width: 1000px){.tool-desc-wrap{grid-template-columns:1fr!important;gap:12px}.data-list{grid-template-columns:1fr!important;gap:2px 0}.diff-row{grid-template-columns:1fr!important;gap:2px}.time-output{grid-template-columns:1fr!important;gap:4px}}@media (max-width: 900px) and (min-width: 701px){.io-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.tool-page,.tool-page *,.tool-layout,.tool-layout *,.qr-tool,.qr-tool *,.diff-tool,.diff-tool *,.time-tool,.time-tool *,.settings-panel,.settings-panel *{min-width:0}.tool-page>*,.tool-layout>*,.tool-layout .tool-main>*,.tool-layout .tool-side>*,.io-row>*,.io-block>*,.qr-tool>*,.diff-inputs>*,.settings-panel>*,.tool-desc-wrap>*,.data-list>*,.diff-row>*{min-width:0}.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 12px;min-height:28px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink-2);font-family:var(--mono);font-size:11.5px;font-weight:500;cursor:pointer;transition:all .12s;white-space:nowrap}.share-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.share-btn:active{transform:scale(.98)}.share-btn svg{flex-shrink:0}@media (hover: none) and (pointer: coarse){.share-btn{min-height:44px;padding:10px 14px;font-size:13px}}@media (max-width: 500px){.share-btn-label{display:none}.share-btn{padding:10px;min-width:44px;min-height:44px}}@media (max-width: 500px){.tool-title-row{gap:8px;align-items:center}.tool-header h1{font-size:20px;flex-basis:100%}}html,body{overflow-x:hidden;max-width:100%}.hash-hex,.hash-output,.jwt-value,.url-parser-output,.json-tree,.diff-path,.diff-val,.cli-block pre,.tool-desc-body code,.contrast-preview-sample,.io-block textarea,input[type=text],input[type=url],input[type=search]{overflow-wrap:anywhere;word-break:break-word}pre{max-width:100%;overflow-x:auto}table{max-width:100%}.tool-desc-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}img,svg,video,canvas{max-width:100%;height:auto}.tool-page,.tool-page>*,.tool-layout>*,.io-row>*,.io-block>*,.qr-tool>*,.settings-panel>*,.tool-desc-wrap>*,.grid>*,.subgroup>*,.category-tools>*,.related>*{min-width:0}#content,main,article.tool-page,article.content-page,article.category-page{max-width:100vw;overflow-x:clip}*,*:before,*:after{box-sizing:border-box}.ad-slot{display:block;margin:24px 0}.ad-slot-real{min-height:250px;text-align:center}@media (max-width: 768px){.ad-slot-real{min-height:120px}}.ad-slot-preview{border:2px dashed var(--border, #c8c0b8);border-radius:8px;padding:24px 16px;text-align:center;background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(0,0,0,.02) 8px,rgba(0,0,0,.02) 16px);font-size:13px;line-height:1.5}.ad-slot-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--accent, #ea580c);margin-bottom:6px}.ad-slot-name{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:600;color:var(--text, #3a3531);margin-bottom:4px}.ad-slot-description{color:var(--muted, #7a7066);margin-bottom:8px}.ad-slot-hint{font-size:11px;color:var(--muted, #7a7066);font-style:italic;opacity:.7}.home-factstrip{max-width:720px;margin:0 0 32px;padding:16px 20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.home-factstrip p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text)}.home-factstrip p+p{margin-top:6px}.home-factstrip-stats{color:var(--muted);font-size:13px;letter-spacing:.02em}.home-faq{margin-top:64px;max-width:760px}.home-faq-list{margin-top:16px}.home-faq-item{border-bottom:1px solid var(--border)}.home-faq-item summary{cursor:pointer;padding:14px 28px 14px 0;font-weight:500;font-size:15.5px;color:var(--text);list-style:none;position:relative}.home-faq-item summary::-webkit-details-marker{display:none}.home-faq-item summary:after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:300;color:var(--muted)}.home-faq-item[open] summary:after{content:"−"}.home-faq-item p{margin:0 0 16px;color:var(--muted);font-size:14.5px;line-height:1.65;max-width:680px}.home-trust{margin:-32px 0 24px;max-width:720px;font-size:13.5px;color:var(--muted);letter-spacing:.01em}.home-trust a{color:var(--text);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px;transition:text-decoration-color .15s}.home-trust a:hover{text-decoration-color:var(--accent)}.home-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 40px;max-width:900px}.home-chip{display:inline-block;padding:6px 14px;border:1px solid var(--border);border-radius:999px;font-size:13px;color:var(--text);background:transparent;transition:background .15s,border-color .15s,color .15s}.home-chip:hover{background:var(--surface);border-color:var(--accent);color:var(--accent)}.home-about{max-width:720px;margin:48px 0 0;padding:20px 0 0;border-top:1px solid var(--border)}.home-about p{margin:0;font-size:14.5px;line-height:1.65;color:var(--muted)}.home-about a{color:var(--text);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}.home-about a:hover{text-decoration-color:var(--accent);color:var(--accent)}.card-badge{display:inline-block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-bottom:6px}@media (max-width: 640px){.home-trust{margin:-8px 0 20px}.home-chips{margin:0 0 32px}}