@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+460-52F,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+301,U+400-45F,U+490-491,U+4B0-4B1,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+1F??}@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+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@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+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,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+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--bg:#f8fbff;--surface:#fff;--surface-2:#f3f8fe;--surface-3:#eaf3fc;--ink:#102657;--ink-2:#3c5779;--muted:#5f7896;--line:#d8e8f8;--line-2:#e6eff8;--blue:#087df5;--blue-2:#0668d8;--blue-soft:#e1f0ff;--focus:#087df5;--ok:#0d9a65;--ok-bg:#dcfaec;--bad:#d62d4d;--bad-bg:#ffe7ec;--warn:#b86200;--shadow-sm:0 2px 8px #2462940f;--shadow:0 10px 28px #1f599021;--shadow-lg:0 18px 40px #2d5a8433, 0 2px 6px #336ea11a;--hero-bg:linear-gradient(115deg, #eef9ff 0%, #def1ff 48%, #f4fbff 100%);--code-key:#d63f86;--code-str:#128a6b;--code-num:#b35a00;--code-bool:#8b45c8;--radius:10px;--wrap:1200px;--font:"Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--mono:ui-monospace, "SFMono-Regular", "Cascadia Code", Consolas, "Liberation Mono", monospace;--hand:"Caveat", "Segoe Print", cursive}:root[data-theme=dark]{color-scheme:dark;--bg:#0b1627;--surface:#111f35;--surface-2:#0e1b2f;--surface-3:#16294a;--ink:#e8f1ff;--ink-2:#bfd0e6;--muted:#93a8c4;--line:#22395a;--line-2:#1b304d;--blue:#4aa6ff;--blue-2:#7abdff;--blue-soft:#15335a;--focus:#7abdff;--ok:#3fd49a;--ok-bg:#0f3a2c;--bad:#ff7a92;--bad-bg:#401827;--warn:#ffb45c;--shadow-sm:0 2px 8px #00000040;--shadow:0 10px 28px #00000059;--shadow-lg:0 18px 40px #00000073;--hero-bg:linear-gradient(120deg, #0f2440 0%, #11294a 50%, #0d1f38 100%);--code-key:#ff8cc1;--code-str:#5ee0b5;--code-num:#ffb86b;--code-bool:#c89bff}.c-text{--c1:#1686f8;--c2:#0865d6;--c-bg:#eaf5ff;--c-border:#c8e4fb;--c-fg:#0a5fc4;--c-shadow:#0974eb38}.c-json{--c1:#18cbc5;--c2:#00a2a8;--c-bg:#e3fbfa;--c-border:#b7ecec;--c-fg:#007f86;--c-shadow:#00aab038}.c-dev{--c1:#8d4af4;--c2:#611ad8;--c-bg:#f1eaff;--c-border:#ddcfff;--c-fg:#5d1bd0;--c-shadow:#6822e238}.c-convert{--c1:#1bc974;--c2:#0ba35b;--c-bg:#e5f9ee;--c-border:#c3eed6;--c-fg:#06864a;--c-shadow:#0bb15b38}.c-generators{--c1:#ff8618;--c2:#e85a00;--c-bg:#fff1e3;--c-border:#ffdfbd;--c-fg:#b84700;--c-shadow:#e8650638}.c-seo{--c1:#f54991;--c2:#d51a69;--c-bg:#ffedf5;--c-border:#ffd1e4;--c-fg:#bb1159;--c-shadow:#df1b6c38}[data-theme=dark] .c-text{--c-bg:#1686f81f;--c-border:#1686f852;--c-fg:#7cbcff}[data-theme=dark] .c-json{--c-bg:#18cbc51a;--c-border:#18cbc54d;--c-fg:#5fe3dd}[data-theme=dark] .c-dev{--c-bg:#8d4af421;--c-border:#8d4af45c;--c-fg:#c3a0ff}[data-theme=dark] .c-convert{--c-bg:#1bc9741a;--c-border:#1bc9744d;--c-fg:#5fe3a3}[data-theme=dark] .c-generators{--c-bg:#ff86181a;--c-border:#ff861852;--c-fg:#ffac5f}[data-theme=dark] .c-seo{--c-bg:#f549911a;--c-border:#f5499152;--c-fg:#ff8dbd}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:16px;line-height:1.5;display:flex;overflow-x:hidden}main{flex:1}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}img,svg{display:block}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;line-height:1.15}p{margin:0}code,pre,kbd{font-family:var(--mono);font-size:.92em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}::selection{background:#087df538}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{width:min(var(--wrap), calc(100% - 40px));margin-inline:auto}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.skip{z-index:100;background:var(--blue);color:#fff;border-radius:8px;padding:10px 14px;font-weight:700;position:absolute;top:-60px;left:12px}.skip:focus{top:10px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:650;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:#9ccaf8}.btn:active{transform:translateY(1px)}.btn .icon{width:16px;height:16px}.btn-primary{color:#fff;background:linear-gradient(135deg,#1386fa,#0870e8);border-color:#0000;box-shadow:0 7px 14px #0b77ef45}.btn-primary:hover{background:linear-gradient(135deg,#0f7cf0,#0663d4);border-color:#0000}.btn-outline{color:var(--blue-2);background:var(--surface);border-color:#8dc4fb}[data-theme=dark] .btn-outline{border-color:#2d5f95}.btn-sm{border-radius:7px;min-height:34px;padding:0 12px;font-size:13px}.btn-lg{min-height:48px;padding:0 26px;font-size:15px;font-weight:750}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-3);border-color:#0000}.btn[aria-pressed=true],.btn.is-on{background:var(--blue);border-color:var(--blue);color:#fff}[data-theme=dark] .btn[aria-pressed=true],[data-theme=dark] .btn.is-on{color:#07162a}.btn:disabled{opacity:.5;cursor:not-allowed}.topbar{z-index:40;background:color-mix(in srgb, var(--surface) 92%, transparent);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line-2);position:sticky;top:0}.topbar-inner{align-items:center;gap:22px;height:62px;display:flex}.brand{flex:none;align-items:center;gap:10px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#36a9ff,#0758c9);border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 5px 10px #0068d542}.brand-mark .icon{stroke-width:1.5px;width:24px;height:24px}.brand-copy{flex-direction:column;line-height:1.1;display:flex}.brand-name{letter-spacing:-.03em;font-size:20px;font-weight:800}.brand-sub{color:var(--muted);margin-top:2px;font-size:10.5px}.nav{align-items:center;gap:4px;font-size:14px;font-weight:650;display:flex}.nav>a,.nav-drop>button{background:0 0;border:0;align-items:center;gap:4px;padding:20px 10px;display:flex;position:relative}.nav>a:hover,.nav-drop>button:hover,.nav>a[aria-current=page]{color:var(--blue)}.nav>a[aria-current=page]:after{content:"";background:var(--blue);border-radius:2px;height:2px;position:absolute;bottom:12px;left:10px;right:10px}.nav-drop{position:relative}.nav-drop .icon{width:14px;height:14px;transition:transform .15s}.nav-drop[data-open]>button .icon{transform:rotate(180deg)}.drop-menu{background:var(--surface);border:1px solid var(--line);width:300px;box-shadow:var(--shadow);border-radius:12px;padding:8px;display:none;position:absolute;top:calc(100% - 6px);left:-8px}.nav-drop[data-open] .drop-menu{display:grid}.drop-menu a{border-radius:8px;align-items:center;gap:10px;padding:8px;font-weight:600;display:flex}.drop-menu a:hover{background:var(--surface-2)}.drop-menu small{color:var(--muted);font-size:12px;font-weight:500;display:block}.mini-ico{color:#fff;background:linear-gradient(145deg, var(--c1), var(--c2));border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.mini-ico .icon{stroke-width:2px;width:16px;height:16px}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.search{position:relative}.search-box{background:var(--surface-3);width:300px;height:38px;color:var(--muted);border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-box:focus-within{border-color:var(--blue);background:var(--surface)}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13.5px}.search-box input::placeholder{color:var(--muted)}.search-box kbd{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:5px;padding:0 5px;font-size:11px}.search-results{background:var(--surface);border:1px solid var(--line);min-width:300px;max-height:420px;box-shadow:var(--shadow);border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.search-results[hidden]{display:none}.search-results a{border-radius:8px;align-items:center;gap:10px;padding:8px;font-size:14px;font-weight:650;display:flex}.search-results a small{color:var(--muted);font-size:12px;font-weight:500;display:block}.search-results [aria-selected=true] a,.search-results a:hover{background:var(--surface-2)}.search-empty{color:var(--muted);padding:12px;font-size:13px}.theme-toggle{border:1px solid var(--line);background:var(--surface-3);border-radius:20px;flex:none;width:52px;height:30px;padding:0;position:relative}.theme-toggle .knob{background:var(--surface);color:#e28a00;border-radius:50%;place-items:center;width:22px;height:22px;transition:transform .2s;display:grid;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #143c644d}.theme-toggle .knob .icon{width:14px;height:14px}.theme-toggle .knob .moon{display:none}[data-theme=dark] .theme-toggle .knob{color:#cfe3ff;background:#102d57;transform:translate(22px)}[data-theme=dark] .theme-toggle .knob .moon{display:block}[data-theme=dark] .theme-toggle .knob .sun{display:none}.my-tools{position:relative}.my-tools .icon{fill:currentColor;width:16px;height:16px}.my-tools .count{background:var(--blue);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;line-height:18px}.my-tools .count:empty{display:none}.menu-btn{background:0 0;border:0;border-radius:8px;place-items:center;width:40px;height:40px;display:none}.menu-btn .icon{width:22px;height:22px}.menu-btn .close,.topbar[data-menu] .menu-btn .open{display:none}.topbar[data-menu] .menu-btn .close{display:block}.footer{color:#c9d8e8;background:linear-gradient(110deg,#142d4b,#0b1e36);margin-top:48px}.footer-top{grid-template-columns:1.3fr repeat(3,1fr);gap:32px;padding:40px 0 28px;display:grid}.footer .brand-name{color:#fff}.footer .brand-sub{color:#9ab1c7}.footer-about{color:#9fb4ca;max-width:300px;margin-top:14px;font-size:13.5px}.footer h2{text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:12px;font-size:13px}.footer ul{gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.footer a:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}.footer-bottom{color:#8ca3ba;border-top:1px solid #2a4461;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:18px 0;font-size:13px;display:flex}.footer-bottom nav{flex-wrap:wrap;gap:18px;display:flex}.section{padding:40px 0 0}.section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.section-head h2{letter-spacing:-.03em;font-size:26px;font-weight:820}.section-head p{color:var(--muted);margin-top:4px;font-size:14px}.view-link{color:var(--blue-2);white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.view-link .icon{width:15px;height:15px;transition:transform .15s}.view-link:hover .icon{transform:translate(3px)}.badge{color:var(--c-fg);background:color-mix(in srgb, var(--surface) 70%, transparent);border:1px solid var(--c-border);white-space:nowrap;border-radius:20px;padding:4px 7px;font-size:11px;font-weight:650;line-height:1;display:inline-block}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tool-card{border:1px solid var(--c-border);background:var(--c-bg);border-radius:12px;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:11px;min-height:96px;padding:13px 12px 12px;transition:transform .16s,box-shadow .16s;display:grid;position:relative}.tool-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.tool-card .t-ico{color:#fff;background:linear-gradient(145deg, var(--c1), var(--c2));width:36px;height:36px;box-shadow:0 4px 9px var(--c-shadow);border-radius:10px;place-items:center;display:grid}.tool-card .t-ico .icon{stroke-width:2px;width:20px;height:20px}.tool-card h3{letter-spacing:-.01em;font-size:14.5px;font-weight:750;line-height:1.25}.tool-card h3 a:after{content:"";border-radius:12px;position:absolute;inset:0}.tool-card p{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.tool-card .badge{margin-top:8px;margin-right:30px}.star{z-index:1;width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;bottom:6px;right:6px}.star:hover{background:color-mix(in srgb, var(--surface) 70%, transparent);color:#e58a00}.star .icon{width:17px;height:17px}.star[aria-pressed=true]{color:#f59a06}.star[aria-pressed=true] .icon{fill:currentColor}.toast{z-index:90;color:#fff;opacity:0;pointer-events:none;background:#12335a;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .18s,transform .18s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);box-shadow:0 8px 25px #09203f47}.toast.show{opacity:1;transform:translate(-50%)}.toast .icon{color:#5ee0b5}.prose{color:var(--ink-2);font-size:16px;line-height:1.7}.prose h2{color:var(--ink);margin:34px 0 12px;font-size:22px}.prose h3{color:var(--ink);margin:22px 0 8px;font-size:17px}.prose p,.prose ul,.prose ol,.prose table,.prose pre{margin:0 0 14px}.prose ul,.prose ol{padding-left:22px}.prose li{margin:4px 0}.prose a{color:var(--blue-2);text-underline-offset:3px;text-decoration:underline}.prose strong{color:var(--ink)}.prose code{background:var(--surface-3);color:var(--ink);word-break:break-word;border-radius:5px;padding:2px 5px}.prose pre{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;font-size:14.5px;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:9px 12px}.prose th{color:var(--ink);background:var(--surface-2);white-space:nowrap;font-weight:700}@media (width<=1180px){.search-box{width:230px}.nav>a,.nav-drop>button{padding-inline:7px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=960px){.topbar-inner{gap:12px;height:58px}.menu-btn{display:grid}.nav{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 58px);padding:8px 20px 16px;display:none;position:absolute;top:100%;left:0;right:0;overflow:auto}.topbar[data-menu] .nav{display:flex}.nav>a,.nav-drop>button{border-bottom:1px solid var(--line-2);width:100%;padding:13px 4px;font-size:16px}.nav>a[aria-current=page]:after{display:none}.nav-drop>button{justify-content:space-between}.drop-menu{width:auto;box-shadow:none;border:0;padding:4px 0 8px;position:static}.search-box{width:200px}.my-tools .label{display:none}.footer-top{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.wrap{width:calc(100% - 32px)}.brand-sub{display:none}.brand-mark{width:34px;height:34px}.brand-name{font-size:19px}.header-actions{gap:6px}.search{position:static}.search-box{background:0 0;justify-content:center;width:40px;padding:0}.search-box input,.search-box kbd{display:none}.topbar[data-search] .search-box{background:var(--surface);border-color:var(--blue);z-index:2;justify-content:flex-start;width:auto;height:40px;padding:0 12px;position:absolute;top:10px;left:16px;right:16px}.topbar[data-search] .search-box input{font-size:16px;display:block}.search-results{min-width:0;top:56px;left:16px;right:16px}.section-head{flex-wrap:wrap}.section-head h2{font-size:22px}.tool-grid{grid-template-columns:1fr;gap:10px}.tool-card{min-height:0}.footer-top{grid-template-columns:1fr 1fr;gap:24px}.footer-top>:first-child{grid-column:1/-1}}