@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--c-canvas:#fafafa;--c-elevated:#fff;--c-hairline-soft:#f2f2f2;--c-ink:#171717;--c-body:#4d4d4d;--c-mute:#8f8f8f;--c-faint:#a1a1a1;--c-hairline:#ebebeb;--c-primary:#171717;--c-on-primary:#fff;--c-link:#0070f3;--c-link-deep:#0761d1;--c-link-soft:#d3e5ff;--c-error:#e00;--c-error-deep:#c50000;--c-warning:#f5a623;--c-warning-soft:#ffefcf;--c-success:#107c10;--c-violet:#7928ca;--c-violet-soft:#d8ccf1;--c-cyan:#50e3c2;--c-cyan-soft:#aaffec;--c-pink:#ff0080;--c-magenta:#eb367f;--grad-a:#007cf0;--grad-b:#00dfd8;--grad-c:#7928ca;--grad-d:#ff0080;--f-sans:"Inter", Arial, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "Courier New", monospace;--sp-xxs:4px;--sp-xs:8px;--sp-sm:12px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-2xl:40px;--sp-3xl:64px;--sp-4xl:96px;--sp-section:128px;--r-sm:6px;--r-md:12px;--r-lg:16px;--r-pill-cat:64px;--r-pill:100px;--r-full:9999px;--shadow-whisper:0 1px 1px #0000000a;--shadow-float:0 2px 2px #0000000a, 0 8px 16px -4px #00000014;--max-w:1200px}html.dark{--c-canvas:#0a0a0a;--c-elevated:#111;--c-hairline-soft:#1a1a1a;--c-ink:#ededed;--c-body:#a1a1a1;--c-mute:#737373;--c-faint:#525252;--c-hairline:#262626;--c-primary:#ededed;--c-on-primary:#0a0a0a;color-scheme:dark}html:not(.dark){color-scheme:light}.theme-icon-sun{display:none}.theme-icon-moon,html.dark .theme-icon-sun{display:block}html.dark .theme-icon-moon{display:none}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--f-sans);color:var(--c-body);background:var(--c-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:20px;transition:background .2s,color .2s}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--f-sans);color:var(--c-ink)}.container{max-width:var(--max-w);padding:0 var(--sp-lg);margin:0 auto}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.display-xl{letter-spacing:-2.4px;color:var(--c-ink);font-size:clamp(36px,6vw,64px);font-weight:600;line-height:1.02}.heading-lg{letter-spacing:-1.28px;color:var(--c-ink);font-size:32px;font-weight:600;line-height:40px}.heading-md{letter-spacing:-.4px;color:var(--c-ink);font-size:20px;font-weight:600;line-height:28px}.heading-sm{letter-spacing:-.2px;color:var(--c-ink);font-size:16px;font-weight:600;line-height:24px}.eyebrow{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c-mute);font-size:11px;font-weight:500;line-height:16px}.body-lg{font-size:16px;line-height:24px}.body-md{font-size:14px;line-height:20px}.body-sm{font-size:12px;line-height:16px}.text-ink{color:var(--c-ink)}.text-body{color:var(--c-body)}.text-mute{color:var(--c-mute)}.text-link{color:var(--c-link)}.gradient-text{background:linear-gradient(135deg, var(--grad-a) 0%, var(--grad-c) 50%, var(--grad-d) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{align-items:center;gap:var(--sp-xs);padding:0 var(--sp-md);background:var(--c-primary);height:40px;color:var(--c-on-primary);border-radius:var(--r-pill);white-space:nowrap;cursor:pointer;border:1.5px solid #0000;font-size:15px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.btn-primary:hover{opacity:.82}.btn-secondary{align-items:center;gap:var(--sp-xs);padding:0 var(--sp-md);background:var(--c-elevated);height:40px;color:var(--c-ink);border-radius:var(--r-pill);border:1.5px solid var(--c-hairline);white-space:nowrap;cursor:pointer;font-size:15px;font-weight:500;text-decoration:none;transition:border-color .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--c-mute)}.btn-sm{align-items:center;gap:var(--sp-xs);padding:0 var(--sp-sm);background:var(--c-primary);height:32px;color:var(--c-on-primary);border-radius:var(--r-sm);white-space:nowrap;cursor:pointer;border:none;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.btn-sm:hover{opacity:.82}.btn-ghost-sm{align-items:center;gap:var(--sp-xs);padding:0 var(--sp-sm);background:var(--c-elevated);height:32px;color:var(--c-ink);border-radius:var(--r-sm);border:1px solid var(--c-hairline);white-space:nowrap;cursor:pointer;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .15s;display:inline-flex}.btn-ghost-sm:hover{border-color:var(--c-mute)}.btn-pill-cat{align-items:center;gap:var(--sp-xs);padding:0 var(--sp-md);background:var(--c-elevated);height:36px;color:var(--c-body);border-radius:var(--r-pill-cat);border:1px solid var(--c-hairline);white-space:nowrap;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-pill-cat:hover{color:var(--c-ink);border-color:var(--c-mute)}.btn-pill-cat.active{background:var(--c-ink);color:var(--c-on-primary);border-color:var(--c-ink)}.btn-icon{background:var(--c-elevated);width:32px;height:32px;color:var(--c-ink);border-radius:var(--r-full);border:1px solid var(--c-hairline);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s;display:inline-flex}.btn-icon:hover{border-color:var(--c-mute)}.btn-action{background:var(--c-elevated);height:28px;color:var(--c-body);border-radius:var(--r-sm);border:1px solid var(--c-hairline);white-space:nowrap;cursor:pointer;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.btn-action:hover{color:var(--c-ink);border-color:var(--c-mute)}.btn-action svg{flex-shrink:0}.btn-action-primary{height:36px;padding:0 var(--sp-md);background:var(--c-ink);color:var(--c-on-primary);border-color:var(--c-ink);border-radius:var(--r-pill);font-size:13px}.btn-action-primary:hover{opacity:.82;color:var(--c-on-primary);border-color:var(--c-ink)}.input{width:100%;padding:var(--sp-xs) var(--sp-sm);background:var(--c-elevated);color:var(--c-ink);border:1px solid var(--c-hairline);border-radius:var(--r-sm);outline:none;font-size:14px;line-height:20px;transition:border-color .15s}.input::placeholder{color:var(--c-faint)}.search-wrap{width:100%;position:relative}.search-wrap .search-icon{color:var(--c-mute);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-wrap input{background:var(--c-elevated);width:100%;color:var(--c-ink);border:1px solid var(--c-hairline);border-radius:var(--r-full);box-shadow:var(--shadow-whisper);outline:none;padding:11px 14px 11px 42px;font-size:14px;transition:border-color .15s,box-shadow .15s}.search-wrap input:focus{border-color:var(--c-ink);box-shadow:0 0 0 3px #17171714}html.dark .search-wrap input:focus{box-shadow:0 0 0 3px #ededed1a}.search-wrap input::placeholder{color:var(--c-faint)}.tag{background:var(--c-hairline-soft);border:1px solid var(--c-hairline);border-radius:var(--r-full);font-family:var(--f-mono);color:var(--c-mute);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;align-items:center;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.tag-new{color:var(--c-link);background:#0070f314;border-color:#0070f333}.tag-popular{color:var(--c-violet);background:#7928ca14;border-color:#7928ca33}.nav{z-index:100;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--c-hairline);background:#fafafad9;transition:background .2s;position:sticky;top:0}html.dark .nav{background:#0a0a0ad9}.nav-inner{align-items:center;gap:var(--sp-lg);padding:0 var(--sp-lg);max-width:var(--max-w);height:60px;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:var(--sp-xs);color:var(--c-ink);letter-spacing:-.3px;flex-shrink:0;font-size:15px;font-weight:600;text-decoration:none;display:flex}.logo-icon{background:var(--c-ink);border-radius:var(--r-sm);width:28px;height:28px;color:var(--c-on-primary);font-size:11px;font-weight:700;font-family:var(--f-mono);flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.nav-links{flex:1;align-items:center;gap:2px;display:flex}.nav-link{padding:var(--sp-xs) var(--sp-sm);color:var(--c-body);border-radius:var(--r-full);white-space:nowrap;font-size:14px;text-decoration:none;transition:color .12s,background .12s}.nav-link:hover{color:var(--c-ink);background:var(--c-hairline-soft)}.nav-link.active{color:var(--c-ink);font-weight:500}.nav-actions{align-items:center;gap:var(--sp-xs);flex-shrink:0;display:flex}.nav-menu-btn{display:none}@media (width<=768px){.nav-links{display:none}.nav-links.open{background:var(--c-elevated);border-bottom:1px solid var(--c-hairline);padding:var(--sp-sm) var(--sp-md);box-shadow:var(--shadow-float);flex-direction:column;align-items:flex-start;gap:2px;display:flex;position:absolute;top:60px;left:0;right:0}.nav-link{border-radius:var(--r-sm);width:100%}.nav-menu-btn{display:flex}}.hero{padding:var(--sp-section) var(--sp-lg);text-align:center;background:var(--c-canvas);position:relative;overflow:hidden}.hero-gradient{pointer-events:none;background:radial-gradient(65% 55% at 18% 45%,#007cf021 0%,#0000 70%),radial-gradient(55% 65% at 82% 28%,#7928ca21 0%,#0000 70%),radial-gradient(45% 55% at 62% 82%,#ff008017 0%,#0000 70%),radial-gradient(50% 45% at 38% 8%,#50e3c21a 0%,#0000 70%),radial-gradient(35% 40% at 72% 68%,#f9cb2812 0%,#0000 70%);animation:10s ease-in-out infinite alternate heroShimmer;position:absolute;inset:0}@keyframes heroShimmer{0%{opacity:.75;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}.hero-inner{align-items:center;gap:var(--sp-xl);flex-direction:column;max-width:820px;margin:0 auto;display:flex;position:relative}.hero-eyebrow{align-items:center;gap:var(--sp-xs);background:var(--c-elevated);border:1px solid var(--c-hairline);border-radius:var(--r-full);font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c-mute);box-shadow:var(--shadow-whisper);padding:5px 14px;font-size:11px;font-weight:500;display:inline-flex}.hero-eyebrow .dot{background:var(--c-cyan);border-radius:50%;width:6px;height:6px;animation:2.2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.hero-title{letter-spacing:-2.4px;color:var(--c-ink);margin:0;font-size:clamp(38px,6.5vw,68px);font-weight:600;line-height:1.03}.hero-subtitle{color:var(--c-body);text-align:center;max-width:580px;font-size:18px;line-height:1.6}.hero-cta{align-items:center;gap:var(--sp-sm);flex-wrap:wrap;justify-content:center;display:flex}.hero-search{width:100%;max-width:540px}.stats-strip{border-top:1px solid var(--c-hairline);border-bottom:1px solid var(--c-hairline);padding:var(--sp-xl) var(--sp-lg)}.stats-inner{justify-content:space-around;gap:var(--sp-lg);max-width:var(--max-w);flex-wrap:wrap;margin:0 auto;display:flex}.stat-item{text-align:center}.stat-value{color:var(--c-ink);letter-spacing:-1px;font-size:28px;font-weight:600;line-height:1}.stat-label{color:var(--c-mute);margin-top:4px;font-size:12px}.tools-grid{background:var(--c-hairline);border:1px solid var(--c-hairline);border-radius:var(--r-md);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}@media (width<=1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.tools-grid{grid-template-columns:1fr}}.tool-card{background:var(--c-elevated);padding:var(--sp-lg);flex-direction:column;gap:5px;text-decoration:none;transition:background .12s;display:flex;position:relative}.tool-card:hover{background:var(--c-hairline-soft)}.tool-card.tool-card-coming-soon{cursor:default}.tool-card.tool-card-coming-soon:hover{background:var(--c-elevated)}.tool-card .tool-icon{margin-bottom:4px;font-size:20px;line-height:1}.tool-card .tool-name{color:var(--c-ink);letter-spacing:-.15px;font-size:13px;font-weight:600}.tool-card .tool-desc{color:var(--c-mute);font-size:12px;line-height:1.5}.tool-card .tool-tag{padding-top:var(--sp-xs);flex-wrap:wrap;gap:4px;margin-top:auto;display:flex}.tool-coming-soon-badge{top:var(--sp-sm);right:var(--sp-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--c-faint);font-size:9px;font-weight:600;font-family:var(--f-mono);position:absolute}.category-strip{gap:var(--sp-xs);scrollbar-width:none;padding:2px 0 4px;display:flex;overflow-x:auto}.category-strip::-webkit-scrollbar{display:none}.section{padding:var(--sp-4xl) 0}.section-sm{padding:var(--sp-3xl) 0}.section-header{margin-bottom:var(--sp-xl);justify-content:space-between;align-items:flex-end;gap:var(--sp-lg);flex-wrap:wrap;display:flex}.section-header-text{gap:var(--sp-xs);flex-direction:column;display:flex}.cta-band{padding:var(--sp-4xl) var(--sp-lg);text-align:center;border-top:1px solid var(--c-hairline)}.cta-band-inner{align-items:center;gap:var(--sp-xl);flex-direction:column;max-width:640px;margin:0 auto;display:flex}.footer{border-top:1px solid var(--c-hairline);background:var(--c-canvas);padding:var(--sp-3xl) var(--sp-lg) var(--sp-xl)}.footer-inner{max-width:var(--max-w);gap:var(--sp-xl);grid-template-columns:220px repeat(4,1fr);margin:0 auto;display:grid}@media (width<=900px){.footer-inner{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.footer-inner{grid-template-columns:repeat(2,1fr)}}.footer-brand{gap:var(--sp-sm);flex-direction:column;display:flex}.footer-brand-desc{color:var(--c-mute);max-width:180px;font-size:12px;line-height:18px}.footer-group h4{color:var(--c-ink);margin-bottom:var(--sp-sm);letter-spacing:.02em;font-size:11px;font-weight:600}.footer-group ul{flex-direction:column;gap:6px;display:flex}.footer-group ul li a{color:var(--c-body);font-size:13px;transition:color .12s}.footer-group ul li a:hover{color:var(--c-ink)}.footer-bottom{max-width:var(--max-w);margin:var(--sp-xl) auto 0;padding-top:var(--sp-lg);border-top:1px solid var(--c-hairline);justify-content:space-between;align-items:center;gap:var(--sp-lg);flex-wrap:wrap;display:flex}.footer-bottom p{color:var(--c-mute);font-size:12px}.footer-bottom a{color:inherit;text-underline-offset:2px;text-decoration:underline}.tool-page{padding:var(--sp-xl) 0 var(--sp-4xl)}.tool-page-header{margin-bottom:var(--sp-xl)}.breadcrumb{color:var(--c-mute);margin-bottom:var(--sp-md);align-items:center;gap:6px;font-size:12px;display:flex}.breadcrumb a{color:var(--c-mute);text-decoration:none;transition:color .12s}.breadcrumb a:hover{color:var(--c-ink)}.breadcrumb-sep{color:var(--c-hairline)}.tool-page-title{letter-spacing:-.8px;color:var(--c-ink);margin-bottom:var(--sp-xs);align-items:center;gap:var(--sp-sm);font-size:28px;font-weight:600;display:flex}.tool-page-desc{color:var(--c-body);max-width:640px;font-size:15px;line-height:24px}.tool-tags-row{gap:var(--sp-xs);margin-top:var(--sp-sm);flex-wrap:wrap;display:flex}.tool-workspace{gap:var(--sp-sm);grid-template-columns:1fr 1fr;display:grid}.tool-workspace.single{grid-template-columns:1fr}@media (width<=768px){.tool-workspace{grid-template-columns:1fr}}.tool-panel{border:1px solid var(--c-hairline);border-radius:var(--r-md);background:var(--c-elevated);flex-direction:column;min-height:420px;display:flex;overflow:hidden}.panel-header{padding:0 var(--sp-sm);border-bottom:1px solid var(--c-hairline);background:var(--c-canvas);justify-content:space-between;align-items:center;min-height:40px;display:flex}.panel-label{font-family:var(--f-mono);color:var(--c-mute);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:500}.panel-actions{align-items:center;gap:4px;display:flex}.panel-body{flex-direction:column;flex:1;display:flex}.code-textarea{width:100%;padding:var(--sp-md);font-family:var(--f-mono);color:var(--c-ink);background:var(--c-elevated);resize:none;-moz-tab-size:2;tab-size:2;border:none;outline:none;flex:1;font-size:13px;line-height:1.65}.code-textarea::placeholder{color:var(--c-faint)}.code-output{padding:var(--sp-md);font-family:var(--f-mono);color:var(--c-ink);background:var(--c-elevated);white-space:pre;word-wrap:normal;flex:1;margin:0;font-size:13px;line-height:1.65;overflow:auto}.code-output.has-error{color:var(--c-error)}.tool-controls{align-items:center;gap:var(--sp-sm);padding:var(--sp-md) 0;flex-wrap:wrap;display:flex}.tool-controls-group{align-items:center;gap:var(--sp-xs);flex-wrap:wrap;display:flex}.tool-controls-sep{background:var(--c-hairline);align-self:center;width:1px;height:20px}.options-row{align-items:center;gap:var(--sp-md);flex-wrap:wrap;display:flex}.option-group{align-items:center;gap:var(--sp-xs);display:flex}.option-label{color:var(--c-mute);white-space:nowrap;font-size:12px}select.option-select{color:var(--c-ink);background:var(--c-elevated);border:1px solid var(--c-hairline);border-radius:var(--r-sm);cursor:pointer;outline:none;padding:4px 8px;font-size:12px;transition:border-color .12s}select.option-select:hover{border-color:var(--c-mute)}select.option-select:focus{border-color:var(--c-ink)}.status-bar{align-items:center;gap:var(--sp-sm);padding:5px var(--sp-sm);border-top:1px solid var(--c-hairline);font-family:var(--f-mono);color:var(--c-mute);background:var(--c-canvas);min-height:28px;font-size:11px;display:flex}.status-ok{color:var(--c-success)}.status-err{color:var(--c-error)}.diff-output{font-family:var(--f-mono);background:var(--c-elevated);padding:var(--sp-xs) 0;flex:1;font-size:12.5px;line-height:1.65;overflow:auto}.diff-line{min-width:0;display:flex}.diff-line-equal{color:var(--c-body)}.diff-line-add{color:#0a6b0a;background:#107c1014}.diff-line-del{color:var(--c-error);background:#ee00000f}html.dark .diff-line-add{color:#4caf50;background:#107c1026}html.dark .diff-line-del{color:#ff6b6b;background:#ee00001f}.diff-line-num{min-width:36px;padding:0 var(--sp-xs);color:var(--c-faint);text-align:right;user-select:none;border-right:1px solid var(--c-hairline);flex-shrink:0;font-size:11px;display:inline-block}.diff-line-sign{flex-shrink:0;width:16px;padding-left:4px;display:inline-block}.diff-line-content{padding:0 var(--sp-sm);white-space:pre;flex:1}.jwt-parts{gap:var(--sp-sm);flex-direction:column;display:flex}.jwt-section{border:1px solid var(--c-hairline);border-radius:var(--r-md);overflow:hidden}.jwt-section-header{align-items:center;gap:var(--sp-xs);padding:var(--sp-xs) var(--sp-md);background:var(--c-canvas);border-bottom:1px solid var(--c-hairline);display:flex}.jwt-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.jwt-section-label{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.jwt-section-body{padding:var(--sp-md);font-family:var(--f-mono);white-space:pre;color:var(--c-ink);font-size:13px;line-height:1.65;overflow:auto}.regex-input-wrap{border:1px solid var(--c-hairline);border-radius:var(--r-sm);background:var(--c-elevated);align-items:stretch;transition:border-color .12s;display:flex;overflow:hidden}.regex-input-wrap:focus-within{border-color:var(--c-ink)}.regex-delim{padding:0 var(--sp-xs);font-family:var(--f-mono);color:var(--c-mute);background:var(--c-canvas);border-right:1px solid var(--c-hairline);align-items:center;font-size:18px;display:flex}.regex-input-wrap input{padding:var(--sp-xs) var(--sp-sm);font-family:var(--f-mono);color:var(--c-ink);background:0 0;border:none;outline:none;flex:1;font-size:14px}.regex-flags{width:64px;padding:var(--sp-xs);border-left:1px solid var(--c-hairline);font-family:var(--f-mono);background:var(--c-canvas);color:var(--c-violet);border-top:none;border-bottom:none;border-right:none;outline:none;font-size:14px}.regex-match-output{padding:var(--sp-md);font-family:var(--f-mono);color:var(--c-ink);background:var(--c-elevated);white-space:pre-wrap;word-break:break-all;flex:1;font-size:13px;line-height:1.65;overflow:auto}mark.match{color:inherit;background:#0070f32e;border-radius:2px;padding:1px 0}.md-preview{padding:var(--sp-lg);color:var(--c-body);flex:1;font-size:14px;line-height:1.7;overflow:auto}.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4,.md-preview h5,.md-preview h6{color:var(--c-ink);letter-spacing:-.3px;margin:1.4em 0 .5em;font-weight:600;line-height:1.3}.md-preview h1{letter-spacing:-.8px;margin-top:0;font-size:2em}.md-preview h2{border-bottom:1px solid var(--c-hairline);padding-bottom:.3em;font-size:1.5em}.md-preview h3{font-size:1.25em}.md-preview p{margin:.8em 0}.md-preview a{color:var(--c-link);text-decoration:underline}.md-preview code{font-family:var(--f-mono);background:var(--c-hairline-soft);border:1px solid var(--c-hairline);border-radius:4px;padding:1px 5px;font-size:.88em}.md-preview pre{background:var(--c-hairline-soft);border:1px solid var(--c-hairline);border-radius:var(--r-md);padding:var(--sp-md);margin:1em 0;overflow:auto}.md-preview pre code{background:0 0;border:none;padding:0;font-size:13px}.md-preview blockquote{border-left:3px solid var(--c-hairline);padding-left:var(--sp-md);color:var(--c-mute);margin:1em 0;font-style:italic}.md-preview ul,.md-preview ol{padding-left:var(--sp-xl);margin:.8em 0}.md-preview ul{list-style:outside}.md-preview ol{list-style:decimal}.md-preview li{margin:.3em 0}.md-preview hr{border:none;border-top:1px solid var(--c-hairline);margin:1.5em 0}.md-preview table{border-collapse:collapse;width:100%;margin:1em 0;font-size:13px}.md-preview th,.md-preview td{padding:var(--sp-xs) var(--sp-sm);border:1px solid var(--c-hairline);text-align:left}.md-preview th{background:var(--c-canvas);color:var(--c-ink);font-weight:600}.md-preview img{border-radius:var(--r-md);max-width:100%}.related-tools{margin-top:var(--sp-3xl);padding-top:var(--sp-xl);border-top:1px solid var(--c-hairline)}.related-tools-grid{background:var(--c-hairline);border:1px solid var(--c-hairline);border-radius:var(--r-md);margin-top:var(--sp-lg);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}@media (width<=768px){.related-tools-grid{grid-template-columns:repeat(2,1fr)}}.tools-listing-layout{gap:var(--sp-xl);padding:var(--sp-xl) 0 var(--sp-4xl);grid-template-columns:220px 1fr;align-items:start;display:grid}@media (width<=768px){.tools-listing-layout{grid-template-columns:1fr}}.tools-sidebar{position:sticky;top:80px}.sidebar-section{margin-bottom:var(--sp-lg)}.sidebar-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--c-mute);margin-bottom:var(--sp-xs);padding:0 var(--sp-sm);font-size:10px;font-weight:600;font-family:var(--f-mono)}.sidebar-link{padding:6px var(--sp-sm);border-radius:var(--r-sm);color:var(--c-body);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;font-size:13px;text-decoration:none;transition:all .12s;display:flex}.sidebar-link:hover,.sidebar-link.active{background:var(--c-hairline-soft);color:var(--c-ink)}.sidebar-count{font-family:var(--f-mono);color:var(--c-faint);font-size:10px}.about-hero{padding:var(--sp-4xl) var(--sp-lg);text-align:center;border-bottom:1px solid var(--c-hairline);position:relative;overflow:hidden}.about-hero .hero-gradient{z-index:0}.about-hero .container{z-index:1;position:relative}.about-content{max-width:720px;padding:var(--sp-4xl) var(--sp-lg);margin:0 auto}.about-content h2{letter-spacing:-.5px;margin:var(--sp-xl) 0 var(--sp-sm);font-size:22px;font-weight:600}.about-content p{color:var(--c-body);margin-bottom:var(--sp-md);font-size:15px;line-height:26px}.features-grid{background:var(--c-hairline);border:1px solid var(--c-hairline);border-radius:var(--r-md);margin:var(--sp-xl) 0;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}@media (width<=768px){.features-grid{grid-template-columns:1fr}}.feature-item{background:var(--c-elevated);padding:var(--sp-lg)}.feature-icon{margin-bottom:var(--sp-sm);font-size:24px}.feature-title{color:var(--c-ink);margin-bottom:var(--sp-xs);font-size:15px;font-weight:600}.feature-desc{color:var(--c-mute);font-size:13px;line-height:1.5}.toast{bottom:var(--sp-lg);right:var(--sp-lg);z-index:9999;align-items:center;gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-md);background:var(--c-ink);color:var(--c-on-primary);border-radius:var(--r-md);box-shadow:var(--shadow-float);pointer-events:none;font-size:13px;font-weight:500;animation:.25s both toastIn;display:flex;position:fixed}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-exit{animation:.25s forwards toastOut}@keyframes toastOut{to{opacity:0;transform:translateY(8px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.45s both fadeInUp}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.hidden{display:none!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--sp-xs)}.gap-sm{gap:var(--sp-sm)}.gap-md{gap:var(--sp-md)}.gap-lg{gap:var(--sp-lg)}.mt-sm{margin-top:var(--sp-sm)}.mt-md{margin-top:var(--sp-md)}.mt-lg{margin-top:var(--sp-lg)}.mb-md{margin-bottom:var(--sp-md)}.mb-lg{margin-bottom:var(--sp-lg)}.w-full{width:100%}.text-center{text-align:center}.diff-line{gap:var(--sp-xs);padding:2px var(--sp-sm);font-family:var(--f-mono);font-size:12px;line-height:1.6;display:flex}.diff-line-add{background:#107c1014}.diff-line-del{background:#ee00000f}.diff-line-equal{background:0 0}.diff-line-sign{flex-shrink:0;min-width:14px;font-weight:700}.diff-line-add .diff-line-sign{color:var(--c-success)}.diff-line-del .diff-line-sign{color:var(--c-error)}.diff-line-equal .diff-line-sign{color:var(--c-mute)}.diff-line-content{color:var(--c-body);word-break:break-all}.input{width:100%;font-family:var(--f-ui);color:var(--c-ink);background:var(--c-elevated);border:1px solid var(--c-hairline);border-radius:var(--r-sm);outline:none;padding:8px 12px;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--c-ink)}.option-input{font-family:var(--f-mono);color:var(--c-ink);background:var(--c-elevated);border:1px solid var(--c-hairline);border-radius:var(--r-sm);outline:none;padding:4px 8px;font-size:13px}.option-input:focus{border-color:var(--c-ink)}