@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-cyrillic-wght-normal.Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-greek-wght-normal.DL7QRZyv.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-vietnamese-wght-normal.usUDDRr7.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-ext-wght-normal.Ch3YOpNY.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-wght-normal.DHIcAJRg.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}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-mono-latin-ext-400-normal.C2zvOubV.woff2)format("woff2"),url(./dm-mono-latin-ext-400-normal.1aZr6b2b.woff)format("woff");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:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-mono-latin-400-normal.4GdczIuU.woff2)format("woff2"),url(./dm-mono-latin-400-normal.-0xN8mdc.woff)format("woff");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}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-mono-latin-ext-500-normal.BtRyHRi6.woff2)format("woff2"),url(./dm-mono-latin-ext-500-normal.Dw3M13d8.woff)format("woff");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:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-mono-latin-500-normal.DRMDZjhP.woff2)format("woff2"),url(./dm-mono-latin-500-normal.CN8Miw6E.woff)format("woff");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{--font-sans:"Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Manrope", system-ui, sans-serif;--font-mono:"DM Mono", "SFMono-Regular", Consolas, monospace;--sidebar:#171c1b;--sidebar-hover:#252b29;--canvas:#f3f1e9;--surface:#fbfaf6;--surface-raised:#fffefa;--surface-alt:#ebe9df;--ink:#18201e;--muted:#68706d;--line:#deddd5;--accent:#d9f264;--accent-strong:#b9d83d;--teal:#236d64;--teal-soft:#dcebe5;--coral:#e56f51;--danger:#bd4a3e;--danger-soft:#f7e3dd;--warning-soft:#f8efd4;--shadow:0 20px 55px #1d252214;--radius-sm:.65rem;--radius:1rem;--radius-lg:1.5rem}body.theme-dark{--canvas:#111614;--surface:#191f1d;--surface-raised:#202724;--surface-alt:#242b28;--ink:#edf1e9;--muted:#a0aaa5;--line:#303834;--teal-soft:#1c3833;--danger-soft:#402723;--warning-soft:#3f3721;--shadow:0 20px 55px #0000002e}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body,html{min-width:0;overflow-x:clip}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:var(--teal);text-underline-offset:3px;text-decoration-thickness:1px}button{color:inherit}canvas,img,video{max-width:100%}::selection{background:var(--accent);color:#18201e}.app-shell{min-height:100vh;padding-left:280px;transition:padding-left .25s}.app-shell--compact{padding-left:84px}.sidebar{z-index:30;background:var(--sidebar);color:#e9ece7;flex-direction:column;width:280px;padding:1.5rem 1.1rem 1rem;transition:width .25s,transform .25s;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.app-shell--compact .sidebar{align-items:stretch;width:84px;padding-inline:.75rem}.sidebar__head{justify-content:space-between;align-items:center;min-height:2.3rem;padding:0 .4rem;display:flex}.sidebar__brand{text-decoration:none}.sidebar__close{display:none!important}.search-box{color:#919b96;background:#202624;border:1px solid #333b38;border-radius:.7rem;align-items:center;gap:.55rem;height:2.75rem;margin:1.6rem .15rem 1rem;padding:0 .8rem;display:flex}.search-box:focus-within{border-color:#66706b;box-shadow:0 0 0 3px #d9f26412}.search-box input{color:#eef1ec;background:0 0;border:0;outline:0;flex:1;min-width:0}.search-box input::placeholder{color:#7c8581}.search-box kbd{color:#727c77;font:500 .65rem var(--font-mono);border:1px solid #3a423f;border-radius:.28rem;padding:.08rem .35rem}.tool-nav{scrollbar-width:thin;scrollbar-color:#39413e transparent;flex:1;min-height:0;padding:.2rem .1rem 1rem;overflow:hidden auto}.tool-nav__group+.tool-nav__group{margin-top:1rem}.tool-nav__label{color:#76817c;letter-spacing:.13em;text-transform:uppercase;margin:0 0 .35rem;padding:0 .75rem;font-size:.67rem;font-weight:700}.tool-nav__item{color:#aeb6b2;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:.58rem;align-items:center;gap:.75rem;width:100%;min-height:2.45rem;padding:.52rem .72rem;font-size:.84rem;font-weight:600;text-decoration:none;transition:color .15s,background .15s;display:flex}.tool-nav__item:hover{background:var(--sidebar-hover);color:#f5f7f2}.tool-nav__item.router-link-active{background:var(--accent);color:#17201c}.tool-nav__item svg{flex:none}.app-shell--compact .tool-nav__item{justify-content:center;padding-inline:0}.tool-nav__empty{color:#77807c;text-align:center;padding:1rem}.sidebar__footer{border-top:1px solid #2d3432;flex:none;padding-top:.7rem}.version{color:#69736e;font:500 .66rem var(--font-mono);padding:.85rem .75rem .1rem;display:block}.main-content{flex-direction:column;min-width:0;min-height:100vh;display:flex}.page-wrap{width:100%;max-width:1480px;min-height:calc(100vh - 70px);margin:0 auto;padding:3.6rem clamp(2rem,5vw,5rem) 5rem}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:1.2rem clamp(2rem,5vw,5rem);font-size:.75rem;display:flex}.mobile-menu{z-index:20;top:max(1rem,env(safe-area-inset-top));left:max(1rem,env(safe-area-inset-left));box-shadow:var(--shadow);position:fixed;display:none!important}.sidebar-backdrop{z-index:25;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070a098c;position:fixed;inset:0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.035em;line-height:1.13}h1{font-size:clamp(2rem,4vw,3.2rem)}h2{font-size:clamp(1.45rem,2.4vw,2rem)}h3{font-size:1.1rem}.eyebrow{color:var(--teal);letter-spacing:.15em;text-transform:uppercase;margin:0 0 .4rem;font-size:.7rem;font-weight:800}.lede{max-width:60ch;font-size:1.05rem}.lede,.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.small{font-size:.78rem}.text-right{text-align:right}.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}.tool-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.15rem;margin-bottom:2.4rem;display:grid}.tool-header>div{min-width:0}.tool-header__icon{border:1px solid var(--line);background:var(--surface);width:3.3rem;height:3.3rem;color:var(--teal);border-radius:1rem;place-items:center;display:grid;box-shadow:0 8px 25px #1928230a}.tool-header h1{margin:0;font-size:clamp(1.8rem,3.5vw,2.55rem)}.tool-header__description{overflow-wrap:anywhere;color:var(--muted);margin:.35rem 0 0}.tool-header__actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow)}.panel__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:1.2rem 1.4rem;display:flex}.panel__head>*{min-width:0}.panel__head h2,.panel__head h3{margin:0}.panel__body{padding:1.4rem}.panel--flat{box-shadow:none}.panel--accent{background:var(--accent);color:#18201e;border-color:#0000}.stack{gap:1rem;display:grid}.stack--lg{gap:1.5rem}.inline{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.3rem;display:grid}.three-col{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.field{gap:.45rem;min-width:0;display:grid}.field-label,.field>label{color:var(--ink);font-size:.77rem;font-weight:750}.field-hint{color:var(--muted);font-size:.72rem}.input,.select,.textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);width:100%;color:var(--ink);outline:0;transition:border-color .15s,box-shadow .15s}.input,.select{height:2.75rem;padding:0 .85rem}.textarea{resize:vertical;min-height:10rem;padding:.8rem .9rem;line-height:1.55}.input:focus,.select:focus,.textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 13%,transparent)}.input--mono,.textarea--mono{font-family:var(--font-mono);font-size:.84rem}.input-group{align-items:stretch;display:flex}.input-group .input{border-radius:var(--radius-sm) 0 0 var(--radius-sm);min-width:0}.input-group .button{border-radius:0 var(--radius-sm) var(--radius-sm) 0;flex:none}.input-group__label{border:1px solid var(--line);border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--surface-alt);color:var(--muted);font:500 .76rem var(--font-mono);border-right:0;align-items:center;padding:0 .85rem;display:flex}.input-group__label+.input{border-radius:0}.button{cursor:pointer;text-align:center;white-space:normal;border:1px solid #0000;border-radius:.65rem;justify-content:center;align-items:center;gap:.5rem;max-width:100%;min-height:2.65rem;padding:.6rem 1rem;font-size:.79rem;font-weight:750;line-height:1.25;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,opacity .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.45}.button--primary{background:var(--ink);color:var(--surface)}.button--accent,.theme-dark .button--primary{background:var(--accent);color:#18201e}.button--accent:hover{background:var(--accent-strong)}.button--secondary{border-color:var(--line);background:var(--surface-raised);color:var(--ink)}.button--ghost{color:var(--muted);background:0 0;border-color:#0000}.button--danger{background:var(--danger-soft);color:var(--danger)}.button--dark{color:#d9dfda;background:#242a28}.button--icon{width:2.65rem;padding:0}.button--small{min-height:2.1rem;padding:.35rem .7rem;font-size:.72rem}.segmented{background:var(--surface-alt);border-radius:.75rem;flex-wrap:wrap;gap:.28rem;max-width:100%;padding:.25rem;display:inline-flex}.segmented label{position:relative}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented span{cursor:pointer;color:var(--muted);border-radius:.55rem;padding:.48rem .75rem;font-size:.75rem;font-weight:700;display:block}.segmented input:checked+span{background:var(--surface-raised);color:var(--ink);box-shadow:0 3px 12px #121a1714}.check{cursor:pointer;align-items:flex-start;gap:.65rem;font-size:.85rem;display:flex}.check input{width:1.05rem;height:1.05rem;accent-color:var(--teal);flex:none;margin-top:.19rem}input[type=range]{width:100%;accent-color:var(--teal)}.result-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-alt);padding:1.1rem 1.2rem;position:relative;overflow:auto}.result-box pre{white-space:pre-wrap;word-break:break-word;font:400 .79rem/1.65 var(--font-mono);margin:0}.result-box--dark{color:#e9eee9;background:#151a18;border-color:#242b28}.result-box--accent{border-color:color-mix(in srgb,var(--teal) 26%,var(--line));background:var(--teal-soft)}.badge{background:var(--surface-alt);color:var(--muted);border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.68rem;font-weight:750;display:inline-flex}.badge--accent{background:var(--accent);color:#18201e}.notice{overflow-wrap:anywhere;border-radius:var(--radius);background:var(--teal-soft);min-width:0;color:var(--ink);gap:.8rem;padding:.9rem 1rem;font-size:.82rem;display:flex}.notice>svg{flex:none}.notice--warning{background:var(--warning-soft)}.notice--danger{background:var(--danger-soft);color:var(--danger)}.error-text{color:var(--danger);font-size:.78rem}.drop-zone{border-radius:var(--radius);cursor:pointer;width:100%;min-height:7rem;color:var(--ink);text-align:left;background:0 0;border:1.5px dashed #b8bcb4;justify-content:center;align-items:center;gap:.85rem;padding:1.2rem;transition:background .15s,border-color .15s;display:flex}.drop-zone--active,.drop-zone:hover{border-color:var(--teal);background:var(--teal-soft)}.drop-zone__icon{background:var(--surface-alt);width:2.8rem;height:2.8rem;color:var(--teal);border-radius:.8rem;flex:none;place-items:center;display:grid}.drop-zone small,.drop-zone strong{display:block}.drop-zone small{color:var(--muted);margin-top:.15rem;font-size:.7rem}.data-table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.78rem}.data-table th{background:var(--surface-alt);color:var(--muted);letter-spacing:.06em;text-align:left;text-transform:uppercase;font-size:.67rem}.data-table td,.data-table th{border-bottom:1px solid var(--line);white-space:nowrap;padding:.72rem .85rem}.data-table tr:last-child td{border-bottom:0}.data-table tr.success{background:color-mix(in srgb,var(--teal-soft) 55%,transparent)}.data-table tr.danger{background:color-mix(in srgb,var(--danger-soft) 65%,transparent)}.toast{z-index:60;right:max(1.5rem,env(safe-area-inset-right));bottom:max(1.5rem,env(safe-area-inset-bottom));overflow-wrap:anywhere;color:#f1f3ed;background:#171c1b;border-radius:.7rem;align-items:center;gap:.55rem;max-width:min(420px,100vw - 2rem);padding:.8rem 1rem;font-size:.78rem;font-weight:650;display:flex;position:fixed;box-shadow:0 15px 45px #00000038}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}@media (width<=1050px){.app-shell,.app-shell--compact{padding-left:0}.app-shell--compact .sidebar,.sidebar{align-items:stretch;width:min(88vw,300px);padding:1.5rem 1.1rem 1rem;transform:translate(-105%);box-shadow:20px 0 50px #00000038}.sidebar--open{transform:translate(0)}.mobile-menu,.sidebar__close{display:inline-flex!important}.desktop-only{display:none!important}.page-wrap{padding-top:5.5rem}.app-shell--compact .tool-nav__label,.tool-nav__label{display:block}.app-shell--compact .tool-nav__item{justify-content:flex-start;padding-inline:.72rem}}@media (width<=760px){.page-wrap{padding:5rem 1.1rem 3.5rem}.site-footer{flex-direction:column;gap:.2rem;padding-inline:1.1rem}.tool-header{grid-template-columns:auto 1fr;align-items:start;gap:.85rem}.tool-header__icon{width:2.8rem;height:2.8rem}.tool-header__actions{grid-column:1/-1;width:100%}.split,.three-col{grid-template-columns:1fr}.panel__body{padding:1rem}.panel__head{flex-wrap:wrap;padding:1rem}.panel__head>.badge{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.input-group{flex-wrap:wrap;gap:.5rem}.input-group .button,.input-group .input{border-radius:var(--radius-sm);width:100%}.input-group__label{display:none}.input,.search-box input,.select,.textarea{font-size:1rem}.button--small,.segmented span{min-height:2.65rem}.segmented span{justify-content:center;align-items:center;display:flex}.drop-zone{min-height:6.25rem;padding:1rem}.drop-zone>span:last-child{overflow-wrap:anywhere;min-width:0}.toast{right:1rem;bottom:max(1rem,env(safe-area-inset-bottom));max-width:none;left:1rem}.site-footer{font-size:.7rem}.tool-nav__item{min-height:2.75rem}}@media (width<=380px){.page-wrap,.site-footer{padding-left:.8rem;padding-right:.8rem}.panel__body,.panel__head{padding-left:.85rem;padding-right:.85rem}.tool-header{gap:.7rem}.tool-header h1{font-size:1.7rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
