.blog-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.blog-page{min-height:100vh;background:var(--canvas)}.blog-page-content{min-height:calc(100vh - 76px)}.blog-topbar{position:sticky;top:0;z-index:40;height:76px;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);background:color-mix(in srgb,var(--canvas) 90%,transparent);backdrop-filter:blur(16px)}.blog-topbar-inner{display:flex;width:min(1320px,calc(100% - 64px));height:100%;align-items:center;gap:32px;margin:0 auto}.blog-topbar .language-switch{flex:0 0 auto}.blog-brand{display:flex;align-items:center;gap:10px;margin-right:auto;text-decoration:none}.blog-brand img{width:40px;height:40px;object-fit:contain}.blog-brand span{display:flex;flex-direction:column;line-height:1.25}.blog-brand strong{font-size:.96rem;letter-spacing:-.02em}.blog-brand small{margin-top:2px;color:var(--muted);font-size:.68rem}.blog-nav{display:flex;align-items:center;gap:6px}.blog-nav a{padding:8px 13px;color:var(--muted);border-radius:7px;font-size:.84rem;font-weight:600;text-decoration:none}.blog-nav a:hover{color:var(--brand);background:var(--surface)}.blog-nav a.active{color:var(--brand);background:var(--brand-soft)}.blog-shell{width:min(1320px,100%);margin:0 auto;padding:48px 32px 84px}.blog-header{max-width:820px;margin-bottom:34px}.blog-eyebrow{margin-bottom:8px;color:var(--brand);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.blog-header h1{font-size:clamp(2.35rem,5vw,4.2rem);line-height:1.08;letter-spacing:-.055em}.blog-intro{max-width:720px;margin-top:18px;color:var(--muted);font-size:1rem;line-height:1.75}.blog-controls{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-bottom:30px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.blog-search-form{width:100%;min-width:0}.blog-search-form label{display:block;margin-bottom:7px;color:var(--ink);font-size:.82rem;font-weight:650}.blog-search-field{display:flex;overflow:hidden;width:100%;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.blog-search-field input{flex:1;min-width:0;padding:12px 14px;border:0;background:transparent;outline:0;font-size:.92rem}.blog-search-field input::placeholder{color:var(--subtle)}.blog-search-field input:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.blog-search-field button{flex:0 0 auto;padding:0 18px;color:#fff;background:var(--brand);font-size:.84rem;font-weight:650;cursor:pointer}.blog-search-field button:hover{background:var(--brand-hover)}.blog-search-field button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.blog-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.blog-chip{display:inline-flex;align-items:center;padding:7px 14px;color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);font-size:.8rem;font-weight:600;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}.blog-chip:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.blog-chip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.blog-chip.active,.blog-chip[aria-pressed=true]{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.blog-chip-static{padding:4px 10px;color:var(--brand);border:0;border-radius:999px;background:var(--brand-soft);font-size:.72rem;font-weight:650;cursor:default}.blog-result-count{margin-bottom:16px;color:var(--muted);font-size:.82rem}.blog-alert{padding:12px 16px;margin-bottom:16px;color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius);background:color-mix(in srgb,var(--danger) 8%,var(--surface));font-size:.85rem}.blog-empty-state{padding:48px 20px;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:center}.blog-empty-state strong{display:block;margin-bottom:6px;color:var(--ink);font-size:1rem}.blog-featured{margin-bottom:34px}.blog-featured .blog-card{grid-template-columns:minmax(0,44%) 1fr}.blog-featured .blog-card-link{display:grid;grid-template-columns:minmax(0,44%) 1fr;align-items:stretch}.blog-featured .blog-card-cover{height:100%;min-height:290px}.blog-featured .blog-card-title{font-size:clamp(1.35rem,2.3vw,2rem)}.blog-card-badge{display:inline-flex;align-self:flex-start;padding:3px 10px;margin-bottom:8px;color:var(--brand);border-radius:999px;background:var(--brand-soft);font-size:.7rem;font-weight:700}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:34px}.blog-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.blog-card:hover{border-color:var(--brand);box-shadow:0 10px 26px #0f172a12;transform:translateY(-2px)}.blog-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.blog-card-link:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.blog-card-cover{width:100%;height:190px;object-fit:cover;background:var(--surface-soft)}.blog-card-body{display:flex;flex:1;flex-direction:column;gap:9px;padding:21px 22px 23px}.blog-card .blog-tags{display:flex;flex-wrap:wrap;gap:6px}.blog-card-title{font-size:1.05rem;line-height:1.4;letter-spacing:-.01em}.blog-card-excerpt{display:-webkit-box;flex:1;overflow:hidden;color:var(--muted);font-size:.84rem;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-card-meta{color:var(--subtle);font-size:.76rem}.blog-pagination{display:flex;flex-wrap:wrap;gap:8px}.blog-page-link,.blog-page-current{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border-radius:8px;font-size:.85rem;font-weight:650}.blog-page-link{color:var(--muted);border:1px solid var(--line-strong);background:var(--surface);text-decoration:none;transition:color .18s ease,border-color .18s ease,background .18s ease}.blog-page-link:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.blog-page-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.blog-page-current{color:#fff;border:1px solid var(--brand);background:var(--brand)}.blog-progress{position:fixed;top:0;left:0;z-index:50;width:100%;height:3px;background:transparent;pointer-events:none}.blog-progress span{display:block;width:0%;height:100%;background:var(--brand);transition:width .12s ease-out}.blog-post{width:min(1160px,100%);padding-top:38px}.blog-post-back{margin-bottom:18px}.blog-post-back a{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.84rem;font-weight:600;text-decoration:none}.blog-post-back a:hover{color:var(--brand)}.blog-post-back a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.blog-post-header{max-width:880px;margin-bottom:28px}.blog-post-header .blog-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.blog-post-header h1{font-size:clamp(1.85rem,3.2vw,2.55rem);line-height:1.2;letter-spacing:-.03em}.blog-post-lede{margin-top:12px;color:var(--muted);font-size:1rem;line-height:1.65}.blog-post-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:16px;color:var(--subtle);font-size:.82rem}.blog-post-author{color:var(--ink);font-weight:650}.blog-post-cover{overflow:hidden;margin-bottom:36px;border-radius:14px;aspect-ratio:2 / 1;background:var(--surface-soft)}.blog-post-cover img{width:100%;height:100%;object-fit:cover}.blog-post-layout{display:grid;grid-template-columns:minmax(0,760px);gap:52px;align-items:start}.blog-post-content{max-width:760px;font-size:1.03rem;line-height:1.88}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{margin:1.6em 0 .6em;letter-spacing:-.02em;scroll-margin-top:96px}.blog-post-content h1{font-size:1.5rem}.blog-post-content h2{font-size:1.3rem}.blog-post-content h3{font-size:1.12rem}.blog-post-content h4{font-size:1rem}.blog-post-content p{margin:1em 0}.blog-post-content ul,.blog-post-content ol{margin:1em 0;padding-left:1.4em}.blog-post-content li+li{margin-top:.35em}.blog-post-content li:has(input[type=checkbox]){list-style:none;margin-left:-1.4em}.blog-post-content a{color:var(--brand);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--brand) 40%,transparent)}.blog-post-content a:hover{text-decoration-color:currentColor}.blog-post-content img{max-width:100%;margin:1.2em 0;border-radius:var(--radius)}.blog-post-content blockquote{padding:4px 18px;margin:1.4em 0;border-left:3px solid var(--brand);color:var(--muted)}.blog-post-content hr{margin:2em 0;border:0;border-top:1px solid var(--line)}.blog-table-wrap{max-width:100%;margin:1.4em 0;overflow-x:auto}.blog-post-content table{min-width:100%;margin:0;border-collapse:collapse;font-size:.9rem}.blog-post-content th,.blog-post-content td{padding:9px 12px;border:1px solid var(--line);text-align:left;white-space:nowrap}.blog-post-content th{background:var(--surface-soft);font-weight:650}.blog-post-content code{padding:.15em .4em;border-radius:5px;background:var(--surface-soft);font-family:SFMono-Regular,Consolas,monospace;font-size:.88em}.blog-post-content pre code{padding:0;background:transparent}.blog-code{overflow:hidden;margin:1.4em 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.blog-code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--line);background:var(--surface)}.blog-code-lang{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.blog-code-copy{padding:5px 11px;color:var(--ink);border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);cursor:pointer;font-size:.74rem;font-weight:650;transition:color .18s ease,border-color .18s ease,background .18s ease}.blog-code-copy:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.blog-code-copy:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.blog-code pre{overflow-x:auto;padding:16px;margin:0;background:transparent}.blog-code code{font-family:SFMono-Regular,Consolas,monospace;font-size:.86rem;line-height:1.65}.hljs{color:var(--ink);background:transparent}.hljs-comment,.hljs-quote{color:var(--subtle);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-tag{color:var(--brand)}.hljs-string,.hljs-doctag,.hljs-regexp,.hljs-addition{color:var(--success)}html[data-theme=dark] .hljs-string,html[data-theme=dark] .hljs-doctag,html[data-theme=dark] .hljs-regexp,html[data-theme=dark] .hljs-addition{color:#4ade80}.hljs-number,.hljs-attribute,.hljs-deletion{color:#c2410c}html[data-theme=dark] .hljs-number,html[data-theme=dark] .hljs-attribute,html[data-theme=dark] .hljs-deletion{color:#f0a874}.hljs-title,.hljs-name,.hljs-section,.hljs-selector-id{color:#b45309;font-weight:650}html[data-theme=dark] .hljs-title,html[data-theme=dark] .hljs-name,html[data-theme=dark] .hljs-section,html[data-theme=dark] .hljs-selector-id{color:#f2c185}.hljs-type,.hljs-class .hljs-title,.hljs-built_in{color:#6d28d9}html[data-theme=dark] .hljs-type,html[data-theme=dark] .hljs-class .hljs-title,html[data-theme=dark] .hljs-built_in{color:#c4b5fd}.hljs-variable,.hljs-template-variable,.hljs-attr,.hljs-symbol,.hljs-bullet{color:var(--brand-hover)}.hljs-meta{color:var(--subtle)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.blog-toc{align-self:start}.blog-toc summary{padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-size:.86rem;font-weight:650;list-style:none}.blog-toc summary::-webkit-details-marker{display:none}.blog-toc summary:after{display:inline-block;margin-left:6px;content:"\25be"}.blog-toc[open] summary:after{content:"\25b4"}.blog-toc summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.blog-toc nav{padding:6px 16px 14px;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius);background:var(--surface)}.blog-toc ol{margin:0;padding-left:0;list-style:none}.blog-toc-item{padding:6px 0}.blog-toc-item.blog-toc-level-3{padding-left:14px}.blog-toc-item a{color:var(--muted);font-size:.84rem;text-decoration:none}.blog-toc-item a:hover{color:var(--brand)}.blog-toc-item a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.blog-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:760px;margin-top:48px}.blog-post-nav-link{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-decoration:none;transition:border-color .18s ease,background .18s ease}.blog-post-nav-link:hover{border-color:var(--brand);background:var(--brand-soft)}.blog-post-nav-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.blog-post-nav-next{grid-column:2;text-align:right}.blog-post-nav-empty{border:0;background:transparent}.blog-post-nav-label{color:var(--muted);font-size:.74rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em}.blog-post-nav-title{color:var(--ink);font-size:.92rem;font-weight:650}@media (min-width: 901px){.blog-toc summary{pointer-events:none}.blog-toc summary:after{display:none}}@media (max-width: 900px){.blog-topbar{height:68px}.blog-topbar-inner{width:calc(100% - 32px)}.blog-toc{margin-bottom:8px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.blog-shell{padding-top:26px}}@media (max-width: 720px){.blog-grid,.blog-featured .blog-card,.blog-featured .blog-card-link{grid-template-columns:1fr}.blog-featured .blog-card-cover{min-height:160px}.blog-post-nav{grid-template-columns:1fr}.blog-post-nav-next{grid-column:1;text-align:left}}@media (max-width: 560px){.blog-topbar-inner{width:calc(100% - 28px);gap:10px}.blog-brand small{display:none}.blog-nav{gap:0}.blog-nav a{padding:7px 8px;font-size:.76rem}.blog-nav a:first-child{display:none}.blog-topbar .icon-button,.blog-topbar .language-switch-trigger{width:auto;min-width:34px;height:34px}.blog-topbar .icon-button{width:34px;flex-basis:34px}.blog-shell{padding:24px 14px 54px}.blog-header h1{font-size:2.05rem}.blog-controls{gap:12px}.blog-search-form{width:100%;min-width:0}.blog-filter-bar{width:100%}.blog-post-header h1{font-size:1.65rem}.blog-grid{grid-template-columns:1fr}}.blog-list-shell{width:100%}.blog-list-hero{padding:72px 32px 108px;background:color-mix(in srgb,var(--brand-soft) 74%,#e6efff)}.blog-list-hero .blog-header{width:min(1240px,100%);max-width:none;margin:0 auto}.blog-list-hero .blog-header h1{max-width:860px;font-size:clamp(2.8rem,6vw,5rem)}.blog-list-hero .blog-intro{max-width:700px}.blog-list-content{margin-top:-52px;padding-top:0}.blog-list-content .blog-controls{box-shadow:0 18px 48px #0f172a17}.article-shell .blog-topbar{border-bottom-color:transparent;background:color-mix(in srgb,var(--brand-soft) 78%,#e6efff)}.blog-post{--blog-inline: 32px;--blog-rail: 58px;--blog-gap: 36px;--blog-measure: 940px;--blog-toc: 270px;--blog-frame: calc(var(--blog-rail) + var(--blog-gap) + var(--blog-measure) + var(--blog-gap) + var(--blog-toc));--blog-columns: var(--blog-rail) minmax(0, var(--blog-measure)) minmax(220px, var(--blog-toc));width:100%;padding:0}.blog-post-hero{padding:42px var(--blog-inline) 96px;background:color-mix(in srgb,var(--brand-soft) 78%,#e6efff)}.blog-post-hero-inner{display:grid;grid-template-columns:var(--blog-columns);gap:var(--blog-gap);width:min(var(--blog-frame),100%);margin:0 auto}.blog-post-hero-inner>*{grid-column:2;min-width:0}.blog-post-hero .blog-post-back{margin-bottom:36px}.blog-post-hero .blog-post-back a{color:color-mix(in srgb,var(--ink) 64%,var(--brand))}.blog-post-header{max-width:none;margin:0}.blog-post-header h1{font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.2;letter-spacing:-.03em}.blog-post-lede{max-width:none;margin-top:20px;color:color-mix(in srgb,var(--ink) 62%,var(--muted));font-size:1.14rem;line-height:1.65}.blog-post-meta{margin-top:26px;color:color-mix(in srgb,var(--ink) 56%,var(--muted));font-size:.86rem}.blog-post-body.blog-shell{width:100%;max-width:none;margin:0;padding:68px var(--blog-inline) 84px}.blog-post-cover{display:grid;grid-template-columns:var(--blog-columns);gap:var(--blog-gap);width:min(var(--blog-frame),100%);max-width:none;margin:0 auto 64px;overflow:visible;border-radius:0;aspect-ratio:auto;background:transparent;box-shadow:none}.blog-post-cover img{grid-column:2;width:100%;height:auto;aspect-ratio:2 / 1;object-fit:cover;border-radius:18px;background:var(--surface-soft);box-shadow:0 22px 70px #0f172a1a}.blog-post-layout{display:grid;grid-template-columns:var(--blog-columns);gap:var(--blog-gap);align-items:start;width:min(var(--blog-frame),100%);max-width:none;margin:0 auto}.blog-post-layout>*{min-width:0}.blog-post-content{max-width:none;grid-column:2;font-size:1.06rem;line-height:1.92}.blog-post-content>:first-child{margin-top:0}.blog-post-content p{margin:1.2em 0}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{margin-top:2.25em;margin-bottom:.7em;line-height:1.3}.blog-post-content h2{font-size:1.65rem}.blog-post-content h3{font-size:1.28rem}.blog-post-content blockquote{padding:18px 22px;border-left:4px solid var(--brand);border-radius:0 12px 12px 0;background:var(--brand-soft)}.blog-post-content li+li{margin-top:.62em}.blog-share-tools{position:sticky;top:104px;display:flex;grid-column:1;flex-direction:column;align-items:center;gap:10px}.blog-share-label{margin-bottom:2px;color:var(--subtle);font-size:.66rem;font-weight:760;letter-spacing:.12em}.blog-share-button{display:grid;width:42px;height:42px;place-items:center;color:var(--muted);border:1px solid var(--line);border-radius:50%;background:var(--surface);box-shadow:var(--shadow);cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.blog-share-button:hover,.blog-share-button.active{color:var(--brand);border-color:var(--brand);background:var(--brand-soft);transform:translateY(-2px)}.blog-share-button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.blog-share-button .icon-svg{width:19px;height:19px}.blog-toc{position:sticky;top:102px;grid-column:3;align-self:start}.blog-toc summary{padding:0 0 14px;color:var(--ink);border:0;border-radius:0;background:transparent;font-size:.74rem;font-weight:800;letter-spacing:.12em}.blog-toc summary:after{display:none}.blog-toc nav{padding:2px 0 2px 18px;border:0;border-left:2px solid var(--line);border-radius:0;background:transparent}.blog-toc-item{padding:5px 0}.blog-toc-item.blog-toc-level-3{padding-left:12px}.blog-toc-item a{font-size:.8rem;line-height:1.45}.blog-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:min(var(--blog-frame),100%);max-width:none;margin:54px auto 0;padding-left:calc(var(--blog-rail) + var(--blog-gap));padding-right:calc(var(--blog-toc) + var(--blog-gap));box-sizing:border-box}@media (max-width: 1060px){.blog-post{--blog-rail: 52px;--blog-gap: 26px;--blog-toc: 220px;--blog-columns: var(--blog-rail) minmax(0, 1fr) var(--blog-toc);--blog-frame: 100%}}@media (max-width: 900px){.blog-list-hero{padding:54px 24px 86px}.blog-post{--blog-inline: 24px;--blog-rail: 0px;--blog-gap: 24px;--blog-measure: 940px;--blog-toc: 0px;--blog-columns: minmax(0, 1fr);--blog-frame: min(var(--blog-measure), 100%)}.blog-post-hero{padding:34px var(--blog-inline) 72px}.blog-post-hero-inner>*{grid-column:1}.blog-post-body.blog-shell{padding-top:44px}.blog-post-cover img{grid-column:1}.blog-share-tools{position:static;grid-column:1;flex-direction:row;justify-content:flex-start;order:1}.blog-share-label{margin:0 4px 0 0}.blog-toc{position:static;grid-column:1;order:2;margin:0}.blog-toc summary{padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);letter-spacing:.04em}.blog-toc summary:after{display:inline-block}.blog-toc nav{padding:8px 16px 12px;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;background:var(--surface)}.blog-post-content{grid-column:1;order:3}.blog-post-nav{margin-top:46px;padding-left:0;padding-right:0}}@media (max-width: 560px){.blog-list-hero{padding:38px 14px 72px}.blog-list-hero .blog-header h1{font-size:2.45rem}.blog-list-content{margin-top:-38px}.blog-post{--blog-inline: 14px;--blog-gap: 20px}.blog-post-hero{padding:24px var(--blog-inline) 66px}.blog-post-hero .blog-post-back{margin-bottom:28px}.blog-post-header h1{font-size:1.75rem;line-height:1.22}.blog-post-lede{font-size:.98rem}.blog-post-meta{gap:5px;margin-top:20px;font-size:.76rem}.blog-post-body.blog-shell{padding:34px var(--blog-inline) 54px}.blog-post-cover{margin-bottom:36px}.blog-post-cover img{border-radius:12px;aspect-ratio:16 / 10}.blog-share-button{width:40px;height:40px}.blog-post-content{font-size:.98rem;line-height:1.82}.blog-post-content h2{font-size:1.42rem}}:root{--canvas: #ffffff;--surface: #ffffff;--surface-soft: #f7f9fc;--ink: #111827;--muted: #667085;--subtle: #98a2b3;--line: #e2e8f0;--line-strong: #d5deea;--brand: #2563eb;--brand-hover: #1d4ed8;--brand-soft: #eff6ff;--danger: #dc2626;--success: #07875f;--sidebar-width: 312px;--radius: 9px;--shadow: 0 1px 2px rgba(15, 23, 42, .025)}html[data-theme=dark]{--canvas: #0f1218;--surface: #151a22;--surface-soft: #1b2230;--ink: #f6f8fb;--muted: #aab3c2;--subtle: #778296;--line: #293241;--line-strong: #374356;--brand: #60a5fa;--brand-hover: #93c5fd;--brand-soft: #172554;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:var(--canvas);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,textarea,select{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit}[hidden]{display:none!important}.icon-svg{display:block;width:1.25rem;height:1.25rem;flex:0 0 auto;color:inherit}[data-icon-state]{display:inline-flex}[data-icon-state=active],[data-icon-state=dark],.favorite-button.active [data-icon-state=default],[data-theme-toggle][aria-pressed=true] [data-icon-state=light]{display:none}.favorite-button.active [data-icon-state=active],[data-theme-toggle][aria-pressed=true] [data-icon-state=dark]{display:inline-flex}.layout-container,.tool-layout{min-height:100vh}.main-content,.tool-content{display:flex;min-height:100vh;margin-left:var(--sidebar-width);flex-direction:column}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;width:var(--sidebar-width);flex-direction:column;overflow-x:hidden;overflow-y:auto;background:var(--surface);border-right:1px solid var(--line)}.sidebar-header{padding:28px 22px 25px}.brand-link{display:flex;min-width:0;align-items:center;gap:13px;text-decoration:none}.brand-mark{width:48px;height:48px;flex:0 0 48px;object-fit:contain}.brand-copy{display:flex;min-width:0;flex:1;flex-direction:column}.brand-copy strong{color:var(--ink);font-size:1.18rem;font-weight:760;letter-spacing:-.025em}.brand-copy small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.76rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sidebar-nav{padding:4px 18px 18px;min-width:0}.nav-overview,.nav-category-link,.quick-nav a,.sidebar-about{display:flex;align-items:center;gap:12px;min-width:0;min-height:46px;padding:0 12px;color:#344054;border-radius:8px;font-size:.9rem;font-weight:580;text-decoration:none;transition:color .18s ease,background .18s ease}html[data-theme=dark] .nav-overview,html[data-theme=dark] .nav-category-link,html[data-theme=dark] .quick-nav a,html[data-theme=dark] .sidebar-about{color:#c4d0cd}.nav-overview .icon-svg,.nav-category-link .icon-svg,.quick-nav a .icon-svg,.sidebar-about .icon-svg{width:22px;height:22px;flex:0 0 22px}.nav-links .icon-svg{width:18px;height:18px;flex:0 0 18px;color:inherit;vertical-align:-.15em}.nav-overview span{flex:1}.nav-overview:hover,.nav-category-link:hover,.quick-nav a:hover,.sidebar-about:hover{color:var(--brand);background:var(--surface-soft)}.nav-overview.active,.nav-overview[data-category-filter].active,.nav-category-link.active,.quick-nav a.active{color:var(--brand);background:var(--brand-soft)}.nav-category{margin-top:7px}.nav-category.active .nav-category-link{color:var(--brand);background:var(--brand-soft)}.nav-links{display:none}.quick-nav{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.quick-nav h3{margin:0 10px 8px;color:var(--muted);font-size:.76rem;font-weight:650}.sidebar-tip{display:flex;gap:10px;margin:auto 20px 18px;padding:16px;color:var(--muted);border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);font-size:.75rem}.sidebar-tip>.icon-svg{width:20px;height:20px;color:var(--brand)}.sidebar-tip strong{display:block;margin-bottom:4px;color:var(--ink);font-size:.82rem}.sidebar-tip p{margin-bottom:10px}kbd{padding:3px 7px;color:var(--muted);border:1px solid var(--line-strong);border-radius:5px;background:var(--surface);box-shadow:0 1px 0 var(--line);font-size:.7rem}.sidebar-about{margin:0 20px 18px;padding-top:10px;border-top:1px solid var(--line);border-radius:0;font-size:.8rem}.sidebar-overlay{display:none}.app-topbar{position:sticky;top:0;z-index:30;display:flex;height:76px;align-items:center;gap:12px;padding:0 42px;background:color-mix(in srgb,var(--canvas) 88%,transparent);backdrop-filter:blur(14px);box-shadow:0 1px color-mix(in srgb,var(--line) 70%,transparent),0 4px 12px color-mix(in srgb,var(--ink) 2.5%,transparent)}.topbar-spacer{flex:1}.topbar-tool-search{position:relative;display:flex;width:min(560px,calc(100% - 180px));height:44px;align-items:center;gap:10px;margin-right:auto;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:var(--shadow)}.topbar-tool-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 11%,transparent)}.topbar-tool-search>.icon-svg{width:20px;height:20px;color:var(--muted)}.topbar-tool-search>input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:.88rem}.topbar-tool-search>input::placeholder{color:var(--subtle)}.topbar-tool-search>kbd{margin-left:auto}.topbar-search-results{position:absolute;top:calc(100% + 9px);left:0;z-index:45;width:min(560px,88vw);max-height:420px;padding:8px;overflow-y:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 18px 45px #0f172a24}.topbar-search-results a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:7px;text-decoration:none}.topbar-search-results a:hover,.topbar-search-results a:focus-visible{outline:0;background:var(--brand-soft)}.topbar-search-results a>span{display:flex;min-width:0;flex-direction:column}.topbar-search-results a strong{font-size:.84rem}.topbar-search-results a small{overflow:hidden;color:var(--muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.topbar-search-results>p{padding:24px 12px;color:var(--muted);font-size:.82rem;text-align:center}.icon-button,.language-switch-trigger{display:inline-flex;align-items:center;justify-content:center;height:38px;color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 26%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--brand-soft) 82%,var(--surface));cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease}.icon-button{width:38px;flex:0 0 38px}.icon-button:hover,.language-switch-trigger:hover,.language-switch.is-open .language-switch-trigger{color:var(--brand);border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.icon-button:focus-visible,.language-switch-trigger:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.icon-button .icon-svg{width:20px;height:20px}.mobile-menu{display:none}.language-switch{position:relative;flex:0 0 auto}.language-switch-trigger{gap:6px;min-width:38px;padding:0 12px 0 10px;font-size:.84rem;font-weight:700}.language-switch.is-static .language-switch-trigger{cursor:default;box-shadow:none}.language-switch-world,.language-switch-world .icon-svg{width:18px;height:18px}.language-switch-code{min-width:1.1em;text-align:center;letter-spacing:.02em}.language-switch-chevron{display:inline-flex;width:14px;height:14px;color:color-mix(in srgb,var(--brand) 70%,var(--muted));transition:transform .18s ease,color .18s ease}.language-switch-chevron .icon-svg{width:14px;height:14px}.language-switch-trigger:hover>.language-switch-chevron,.language-switch.is-open .language-switch-trigger>.language-switch-chevron{color:var(--brand)}.language-switch.is-open .language-switch-trigger>.language-switch-chevron{transform:rotate(180deg)}.language-switch-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;display:grid;gap:4px;min-width:196px;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 14px 36px #0f172a1f}.language-switch-option{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px;color:var(--ink);border-radius:12px;text-decoration:none;font-size:.9rem;font-weight:600}a.language-switch-option:hover{background:var(--surface-soft)}.language-switch-option.is-active{color:var(--brand);background:var(--brand-soft)}.language-switch-badge{display:grid;width:28px;height:28px;place-items:center;color:var(--muted);border-radius:8px;background:color-mix(in srgb,var(--line) 65%,var(--surface));font-size:.72rem;font-weight:750;letter-spacing:.02em}.language-switch-badge.is-active{color:#fff;background:var(--brand)}.language-switch-name{min-width:0;line-height:1.2}.language-switch-check-icon{display:inline-flex;width:18px;height:18px;justify-self:end;color:var(--brand)}.language-switch-check-icon .icon-svg,.language-switch-check{width:18px;height:18px}.home-dashboard{width:min(1180px,100%);margin:0 auto;padding:4px 42px 70px;flex:1}.home-intro h1{font-size:clamp(1.85rem,3vw,2.35rem);line-height:1.2;letter-spacing:-.04em}.home-intro>p{margin-top:6px;color:var(--muted);font-size:.92rem}.search-panel{margin-top:22px;overflow:hidden;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.tool-search{display:flex;height:66px;align-items:center;gap:14px;padding:0 18px}.tool-search>.icon-svg{width:24px;height:24px;color:var(--muted)}.tool-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:1rem}.tool-search input::placeholder{color:var(--subtle)}.recent-searches{display:flex;min-height:54px;align-items:center;gap:20px;padding:8px 18px;border-top:1px solid var(--line);background:var(--surface-soft);font-size:.76rem}.recent-searches{scrollbar-width:none}.recent-searches::-webkit-scrollbar{display:none}.recent-searches strong{color:var(--brand);white-space:nowrap}.recent-searches button{color:#536174;background:transparent;cursor:pointer;white-space:nowrap}html[data-theme=dark] .recent-searches button{color:#b5c1be}.recent-searches button:hover{color:var(--brand)}.recent-searches .clear-search{margin-left:auto;color:var(--brand)}.home-section{scroll-margin-top:86px;margin-top:30px}.home-section-heading{display:flex;min-height:30px;align-items:center;justify-content:space-between;margin-bottom:12px}.home-section-heading h2{font-size:1.06rem;letter-spacing:-.015em}.home-section-heading span{color:var(--muted);font-size:.75rem}.popular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.popular-card{display:grid;min-height:140px;grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-decoration:none;transition:border-color .18s ease,transform .18s ease}.popular-card:hover{border-color:var(--brand);transform:translateY(-2px)}.popular-card>.icon-svg{width:20px;height:20px;align-self:center;color:var(--muted)}.popular-card:hover>.icon-svg{color:var(--brand)}.popular-copy{display:flex;min-width:0;flex-direction:column}.popular-copy strong{margin-top:3px;font-size:.98rem}.popular-copy small{display:-webkit-box;margin-top:6px;overflow:hidden;color:var(--muted);font-size:.78rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-item{position:relative;min-width:0}.tool-link{display:grid;min-height:128px;height:100%;grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:20px 48px 20px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-decoration:none;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.tool-link:hover{border-color:var(--brand);box-shadow:0 8px 24px #0f172a0e;transform:translateY(-2px)}.tool-icon{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;color:#173f3b;border:1px solid #d6e8e5;border-radius:9px;background:var(--brand-soft)}html[data-theme=dark] .tool-icon{color:#8ee1d9;border-color:#31534f}.tool-icon .icon-svg{width:26px;height:26px;display:block}.tool-icon[data-tool=json-formatter]{color:#07877f;background:#e9f6f4;border-color:#d6e8e5}.tool-icon[data-tool=base64]{color:#4355c8;background:#eef1ff;border-color:#d9def7}.tool-icon[data-tool=url-encode]{color:#0284c7;background:#e8f5fc;border-color:#cfe6f4}.tool-icon[data-tool=color-picker]{color:#c2410c;background:#fff4eb;border-color:#f0d9c4}.tool-icon[data-tool=regex-test]{color:#6d28d9;background:#f4effe;border-color:#e0d4f7}.tool-icon[data-tool=hash-generator]{color:#4338ca;background:#eef0f8;border-color:#d8dcec}.tool-icon[data-tool=qr-code]{color:#0f766e;background:#e7f7f3;border-color:#c9ebe3}.tool-icon[data-tool=timestamp]{color:#b45309;background:#fff7e8;border-color:#f0e0bf}.tool-icon[data-tool=password-generator]{color:#047857;background:#e8f8f1;border-color:#c9eadc}html[data-theme=dark] .tool-icon[data-tool=json-formatter]{color:#5eead4;background:#173a36;border-color:#31534f}html[data-theme=dark] .tool-icon[data-tool=base64]{color:#a5b4fc;background:#1e1f3a;border-color:#2f3158}html[data-theme=dark] .tool-icon[data-tool=url-encode]{color:#7dd3fc;background:#0f2a3a;border-color:#1d3f52}html[data-theme=dark] .tool-icon[data-tool=color-picker]{color:#fdba74;background:#3a2214;border-color:#5c3a24}html[data-theme=dark] .tool-icon[data-tool=regex-test]{color:#c4b5fd;background:#2a1f3d;border-color:#3f2f5c}html[data-theme=dark] .tool-icon[data-tool=hash-generator]{color:#a5b4fc;background:#1d2038;border-color:#32365a}html[data-theme=dark] .tool-icon[data-tool=qr-code]{color:#5eead4;background:#14302c;border-color:#2a4d47}html[data-theme=dark] .tool-icon[data-tool=timestamp]{color:#fbbf24;background:#3a2a12;border-color:#5c441c}html[data-theme=dark] .tool-icon[data-tool=password-generator]{color:#6ee7b7;background:#143029;border-color:#2a4d40}.topbar-search-results a .icon-svg{width:20px;height:20px;flex:0 0 20px;color:var(--brand)}.tool-info{min-width:0}.tool-info h4{margin:2px 0 5px;font-size:.95rem;line-height:1.35;letter-spacing:-.01em}.tool-info p{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.78rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tool-arrow{align-self:center;color:var(--muted);transition:color .18s ease,transform .18s ease}.tool-arrow .icon-svg{width:19px;height:19px}.tool-link:hover .tool-arrow{color:var(--brand);transform:translate(3px)}.favorite-button{position:absolute;top:12px;right:12px;display:grid;width:30px;height:30px;place-items:center;color:var(--subtle);border-radius:7px;background:transparent;cursor:pointer;transition:color .18s ease,background .18s ease}.favorite-button:hover,.favorite-button.active{color:var(--brand);background:var(--brand-soft)}.favorite-button .icon-svg{width:18px;height:18px}.empty-tools{padding:54px 20px;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:center}.empty-tools>.icon-svg{width:32px;height:32px;margin:0 auto 8px}.empty-tools strong{color:var(--ink)}.empty-tools p{margin-top:3px;font-size:.8rem}.tool-header{width:min(1080px,calc(100% - 72px));margin:0 auto;padding:8px 0 28px;border-bottom:1px solid var(--line)}.tool-header h1{font-size:clamp(1.8rem,3vw,2.35rem);line-height:1.2;letter-spacing:-.04em}.tool-header p{max-width:760px;margin-top:9px;color:var(--muted);font-size:.94rem;line-height:1.7}.tool-main{width:min(1080px,calc(100% - 72px));margin:0 auto;padding:28px 0 48px}.tool-guide,.tool-faq{width:min(1080px,calc(100% - 72px));margin-left:auto;margin-right:auto;padding:26px 28px;border:1px solid color-mix(in srgb,var(--brand) 12%,var(--line));border-radius:14px;background:var(--surface);box-shadow:0 8px 28px #0f172a0a}.tool-faq{margin-top:18px;margin-bottom:54px}.tool-guide h2,.tool-faq h2{font-size:1.08rem;letter-spacing:-.02em;margin-bottom:12px}.tool-faq>h2{margin-bottom:4px}.tool-guide p,.tool-faq p{color:var(--muted);max-width:850px;font-size:.84rem;line-height:1.75}.tool-guide ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 28px;margin:16px 0 0 1.1rem;color:var(--muted);font-size:.82rem;line-height:1.65}.tool-guide li::marker{color:var(--brand)}.tool-faq-item{padding:16px 0;border-top:1px solid var(--line)}.tool-faq>h2+.tool-faq-item{margin-top:8px}.tool-faq-item:last-child{padding-bottom:0}.tool-faq-item h3{font-size:.9rem;font-weight:680;margin-bottom:5px}@media (max-width: 768px){.tool-guide ul{grid-template-columns:1fr}.tool-guide,.tool-faq{padding:22px 18px}}.tool-container{padding:clamp(22px,4vw,36px);border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.tool-container h2,.tool-container h3{letter-spacing:-.015em}.form-group{margin-bottom:22px}.form-group>label,.form-group>.field-label{display:block;margin-bottom:8px;color:color-mix(in srgb,var(--brand) 82%,var(--ink));font-size:.78rem;font-weight:700;letter-spacing:.01em}.form-control,.form-group input[type=text],.form-group input[type=datetime-local],.form-group input[type=number],.form-group textarea,.form-group select,.hash-output input,#generatedPassword{width:100%;padding:12px 13px;color:var(--ink);border:1px solid color-mix(in srgb,var(--brand) 14%,var(--line-strong));border-radius:10px;background:var(--surface);outline:0;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.form-group textarea{min-height:180px;resize:vertical;font-family:SFMono-Regular,Consolas,monospace;font-size:.84rem;line-height:1.65}.form-group textarea::placeholder,.form-group input::placeholder{color:var(--subtle)}.form-group textarea[readonly],.form-group input[readonly]{background:var(--surface-soft)}.form-control:focus,.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.hash-output input:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px #07877f1a}.form-group input[type=checkbox],.form-group input[type=radio]{width:auto;accent-color:var(--brand)}.btn,.copy-btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;margin:0 7px 7px 0;padding:10px 17px;color:#fff;border:1px solid var(--brand);border-radius:8px;background:var(--brand);cursor:pointer;font-size:.84rem;font-weight:650;text-decoration:none;transition:background .18s ease,transform .18s ease}.btn:hover,.copy-btn:hover{background:var(--brand-hover);transform:translateY(-1px)}.btn-secondary,.copy-btn{color:var(--ink);border-color:var(--line-strong);background:var(--surface)}.btn-secondary:hover,.copy-btn:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.btn-danger{border-color:var(--danger);background:var(--danger)}.btn:focus-visible,.copy-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.result,.result-area,#regexResult{margin-top:18px;padding:18px;color:var(--muted);border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);font-size:.84rem}.result-area h4,.result-area h3{margin-bottom:9px;color:var(--ink)}.result-area ul{padding-left:18px}.result-area li+li{margin-top:6px}.hash-result{padding:13px 0;border-bottom:1px solid var(--line)}.hash-result:last-child{border-bottom:0}.hash-output{display:flex;gap:8px;margin-top:6px}.copy-btn{min-height:38px;margin:0;padding:7px 12px}.example-item{margin-top:8px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer;transition:border-color .18s ease,background .18s ease}.example-item:hover{border-color:var(--brand);background:var(--brand-soft)}.color-preview{border:1px solid var(--line)!important;border-radius:10px!important}input[type=range]{width:100%;accent-color:var(--brand)}.tool-workbench{padding:20px 22px 22px;border-color:color-mix(in srgb,var(--line) 88%,transparent);box-shadow:none}.tool-workbench .form-group{min-width:0;margin-bottom:14px}.tool-workbench .form-group:last-child{margin-bottom:0}.tool-workbench .btn{min-height:40px;margin-right:8px;margin-bottom:8px}.tool-workbench textarea{min-height:220px;border-radius:8px;background:#fafbfd}html[data-theme=dark] .tool-workbench textarea{background:var(--surface-soft)}.tool-workbench textarea[readonly]{background:color-mix(in srgb,var(--surface-soft) 70%,var(--surface));min-height:160px}.tool-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 14px;padding:0;border:0}.tool-toolbar .btn,.tool-toolbar .copy-btn{margin:0}.tool-toolbar--controls{align-items:flex-end;gap:12px}.tool-toolbar--controls>.form-group{flex:1 1 180px;max-width:280px;margin-bottom:0}.tool-toolbar--footer{margin:12px 0 0;padding:0;border:0}.tool-action-grid{display:flex;flex-wrap:wrap;gap:8px;width:100%}.tool-action-grid .btn{width:auto;min-width:108px;margin:0;color:var(--ink);border-color:var(--line-strong);background:var(--surface);font-weight:600}.tool-action-grid .btn:hover{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 40%,var(--line));background:var(--brand-soft)}.tool-action-grid+.btn{margin-left:0}.tool-editor-grid{display:grid;grid-template-columns:1fr;gap:14px}.tool-editor,.tool-settings-panel,.tool-output-panel,.tool-upload-panel{min-width:0;padding:0;border:0;border-radius:0;background:transparent}.tool-editor .form-group textarea{min-height:240px;background:#fafbfd}.tool-editor--output .form-group textarea[readonly],.tool-output-panel .form-group textarea[readonly]{min-height:160px;background:color-mix(in srgb,var(--surface-soft) 70%,var(--surface))}.tool-settings-layout{display:grid;grid-template-columns:1fr;align-items:stretch;gap:14px}.tool-settings-panel{display:flex;flex-direction:column;gap:12px}.tool-settings-panel .tool-toolbar{margin:auto 0 0;padding:2px 0 0;border-bottom:0}.tool-settings-panel .tool-toolbar .btn{flex:1}.tool-output-panel .form-group,.tool-output-panel .form-group textarea{height:100%}.tool-output-panel .form-group{display:flex;flex-direction:column}.tool-output-panel .form-group textarea{min-height:240px}.tool-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-field-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-field-grid+.tool-toolbar{margin-top:16px}.tool-check-option{display:flex!important;min-height:44px;align-items:center;gap:9px;margin:0!important;padding:10px 12px;color:var(--ink)!important;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer}.tool-check-option input{flex:0 0 auto}.tool-upload-panel{display:flex;min-height:280px;flex-direction:column;justify-content:center;text-align:center}.tool-upload-panel .form-group>label{color:var(--ink);font-size:.95rem}.tool-upload-panel input[type=file]{width:100%;margin-top:8px;padding:12px;color:var(--muted);border:1px dashed var(--line-strong);border-radius:9px;background:var(--surface);cursor:pointer}.tool-upload-panel input[type=file]::file-selector-button{margin-right:12px;padding:8px 12px;color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:7px;background:var(--brand-soft);cursor:pointer;font-weight:650}.tool-upload-preview{display:block;width:auto;max-width:min(100%,260px);max-height:220px;margin:16px auto 0;border:1px solid var(--line);border-radius:9px;object-fit:contain}.tool-status{margin-top:14px;border-left:3px solid var(--brand)}@media (max-width: 760px){.tool-workbench{padding:14px}.tool-editor-grid,.tool-settings-layout,.tool-field-grid,.tool-field-grid--three{grid-template-columns:1fr}.tool-editor,.tool-settings-panel,.tool-output-panel,.tool-upload-panel{padding:0}.tool-editor .form-group textarea,.tool-output-panel .form-group textarea{min-height:190px}.tool-action-grid .btn{min-width:calc(50% - 4px)}.tool-toolbar>.btn{flex:0 1 auto}.tool-toolbar--controls>.form-group{max-width:none;flex-basis:100%}}.error-page{display:grid;min-height:100vh;place-content:center;gap:10px;padding:30px;text-align:center}.error-page h1{color:var(--brand);font-size:clamp(5rem,16vw,9rem);line-height:1;letter-spacing:-.08em}.error-page p{color:var(--muted)}.error-page a{justify-self:center;margin-top:12px;padding:10px 16px;color:#fff;border-radius:8px;background:var(--brand);text-decoration:none}.site-footer{margin-top:auto;border-top:1px solid var(--line);background:var(--surface)}.site-footer-inner{display:flex;width:min(1180px,calc(100% - 84px));min-height:104px;align-items:center;justify-content:space-between;gap:28px;margin:0 auto;padding:22px 0}.site-footer p{display:flex;flex-direction:column}.site-footer p strong{font-size:.9rem}.site-footer p span{margin-top:3px;color:var(--muted);font-size:.74rem}.site-footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 20px;color:var(--muted);font-size:.75rem}.site-footer-links a{text-decoration:none}.site-footer-links a:hover{color:var(--brand)}@media (max-width: 1120px){.home-dashboard{padding-inline:30px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.sidebar{transform:translate(-100%);transition:transform .22s ease}.menu-open .sidebar{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;z-index:35;display:block;visibility:hidden;background:#0f172a61;opacity:0;transition:opacity .22s ease,visibility .22s ease}.menu-open .sidebar-overlay{visibility:visible;opacity:1}.main-content,.tool-content{margin-left:0}.mobile-menu{display:grid}.app-topbar{height:68px;padding-inline:24px}.home-dashboard{padding-top:26px;padding-inline:24px}.tool-header{padding-top:26px}}@media (max-width: 720px){.popular-grid{grid-template-columns:1fr}.popular-card{min-height:108px}.tool-grid{grid-template-columns:1fr}.recent-searches{gap:12px;overflow-x:auto}.recent-searches .clear-search{margin-left:10px}}@media (max-width: 560px){.app-topbar{padding-inline:14px}.topbar-tool-search{width:auto;min-width:0;flex:1}.topbar-tool-search>kbd{display:none}.home-dashboard{padding:24px 14px 54px}.home-intro h1{font-size:1.72rem}.tool-search{height:58px;padding-inline:14px}.tool-search kbd{display:none}.recent-searches{padding-inline:14px}.home-section{margin-top:26px}.tool-link{min-height:112px;padding:17px}.tool-header,.tool-main{width:calc(100% - 28px)}.tool-header{padding-bottom:22px}.tool-main{padding-top:16px}.tool-container{padding:18px 14px}.btn{width:100%;margin-right:0}.hash-output{flex-direction:column}.brand-copy small{font-size:.72rem}.site-footer-inner{width:calc(100% - 28px);min-height:0;align-items:flex-start;flex-direction:column;gap:14px;padding:24px 0}.site-footer-links{justify-content:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}