:root{--brand:#16f2b3;--brand-50:#e8fdf7;--brand-100:#b8fae8;--brand-200:#7af5d3;--brand-300:#3cefbe;--brand-400:#1ae8b0;--brand-500:#16f2b3;--brand-600:#12c992;--brand-700:#0e9f72;--brand-800:#0a7552;--brand-900:#064a33;--page-bg:#f8fafa;--surface:#fff;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--border:#e5e7eb;--border-brand:#7af5d3}*{margin:0;padding:0;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{overflow:hidden;background:var(--page-bg);color:var(--text-primary)}.dark{-webkit-filter:invert(1);filter:invert(1)}.light{-webkit-filter:none;filter:none}.app-root{min-height:100vh;-moz-box-orient:vertical;flex-direction:column;background:var(--page-bg)}.app-header,.app-root{display:-moz-box;display:flex;-moz-box-direction:normal}.app-header{-moz-box-align:center;align-items:center;-moz-box-orient:horizontal;flex-direction:row;min-height:56px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border);-webkit-box-shadow:0 1px 3px rgba(22,242,179,.06);-moz-box-shadow:0 1px 3px rgba(22,242,179,.06);box-shadow:0 1px 3px rgba(22,242,179,.06);flex-shrink:0}.app-main{flex-direction:column;min-height:-moz-calc(100vh - 56px);min-height:calc(100vh - 56px);overflow:hidden}.app-content,.app-main{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;-moz-box-flex:1;flex:1 1}.app-content{flex-direction:column;min-width:0;min-height:0;background:var(--page-bg);overflow:auto}.header-nav{width:100%;height:56px;grid-gap:0;gap:0;min-width:0}.header-nav,.header-nav-home{display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.header-nav-home{grid-gap:10px;gap:10px;flex-shrink:0;text-decoration:none;color:var(--text-primary);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;transition:color .3s ease}.header-nav-home:hover{color:var(--brand-700)}.header-nav-brand{display:inline-block}.header-nav-search-wrap{-moz-box-flex:1;flex:1 1;max-width:280px;margin:0 20px}.header-nav-search-wrap [data-evergreen-layer] input,.header-nav-search-wrap input{border-radius:10px!important;border:1px solid var(--border-brand)!important;background:var(--brand-50)!important;font-size:14px!important;width:100%!important}.header-nav-categories{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;grid-gap:6px;gap:6px;flex-shrink:0;flex-wrap:wrap;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.header-nav-cat-btn{display:-moz-inline-box;display:inline-flex;-moz-box-align:center;align-items:center;grid-gap:4px;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;color:var(--text-primary);background:transparent;border:1px solid var(--border);border-radius:10px;cursor:pointer;white-space:nowrap;-webkit-transition:border-color .3s ease,background-color .3s ease,color .3s ease;-moz-transition:border-color .3s ease,background-color .3s ease,color .3s ease;transition:border-color .3s ease,background-color .3s ease,color .3s ease}.header-nav-cat-btn:hover{border-color:var(--brand-300);background:var(--brand-50);color:var(--brand-800)}.header-nav-chevron{font-size:9px;opacity:.8}.header-nav-portal-pane{overflow-y:auto;overflow-x:hidden;background:var(--surface);border:1px solid var(--border);border-radius:12px;-webkit-box-shadow:0 12px 40px rgba(0,0,0,.12);-moz-box-shadow:0 12px 40px rgba(0,0,0,.12);box-shadow:0 12px 40px rgba(0,0,0,.12)}.header-nav-cat-list{list-style:none;margin:0;padding:8px 0}.header-nav-cat-link{display:block;padding:6px 14px;font-size:13px;color:var(--text-secondary);text-decoration:none;-webkit-transition:background-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,color .3s ease;transition:background-color .3s ease,color .3s ease}.header-nav-cat-link--active,.header-nav-cat-link:hover{background:var(--brand-50);color:var(--brand-800)}.header-nav-cat-link--active{font-weight:600}.app-nav-item{display:block;padding:10px 16px 10px 20px;font-size:13px;color:var(--text-secondary);text-decoration:none;border-left:3px solid transparent;-webkit-transition:background-color .3s ease,border-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,border-color .3s ease,color .3s ease;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.app-nav-item:hover{background:var(--brand-50);color:var(--text-primary)}.app-nav-item--active{background:var(--brand-50);border-left-color:var(--brand);color:var(--brand-800);font-weight:600}.app-nav-category{padding:12px 16px 6px 20px;margin-top:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.app-nav-category:first-child{margin-top:0}.app-search-wrap{padding:0 16px 12px}.app-search-wrap [data-evergreen-layer] input,.app-search-wrap input{border-radius:12px!important;border:1px solid var(--border-brand)!important;background:var(--brand-50)!important;color:var(--text-primary)!important;padding:10px 12px 10px 36px!important;font-size:14px!important;-webkit-transition:border-color .3s ease,-webkit-box-shadow .3s ease;transition:border-color .3s ease,-webkit-box-shadow .3s ease;-moz-transition:border-color .3s ease,box-shadow .3s ease,-moz-box-shadow .3s ease;transition:border-color .3s ease,box-shadow .3s ease;transition:border-color .3s ease,box-shadow .3s ease,-webkit-box-shadow .3s ease,-moz-box-shadow .3s ease}.app-search-wrap input::-webkit-input-placeholder{color:var(--text-muted)}.app-search-wrap input::-moz-placeholder{color:var(--text-muted)}.app-search-wrap input:-ms-input-placeholder{color:var(--text-muted)}.app-search-wrap input::placeholder{color:var(--text-muted)}.app-search-wrap input:focus{outline:none!important;border-color:var(--brand-400)!important;-webkit-box-shadow:0 0 0 4px rgba(22,242,179,.2)!important;-moz-box-shadow:0 0 0 4px rgba(22,242,179,.2)!important;box-shadow:0 0 0 4px rgba(22,242,179,.2)!important}.tool-page{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;height:100%;min-height:0;-moz-box-flex:1;flex:1 1}.tool-page__seo{flex-shrink:0;padding:16px 20px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.tool-page__breadcrumb{font-size:13px;color:var(--text-muted);margin-bottom:8px}.tool-page__breadcrumb-link{color:var(--brand-700);text-decoration:none;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;transition:color .3s ease}.tool-page__breadcrumb-link:hover{color:var(--brand-800);text-decoration:underline}.tool-page__breadcrumb-sep{margin:0 6px;color:var(--text-muted)}.tool-page__breadcrumb-current{color:var(--text-primary);font-weight:600}.tool-page__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 12px;line-height:1.25}.tool-page__intro{margin:0}.tool-page__intro-heading{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 6px}.tool-page__intro-desc{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0}.tool-page__intro-desc strong{color:var(--brand-800)}.tool-page__intro-meta{font-size:12px;color:var(--text-muted);margin:8px 0 0}.tool-page__main{-moz-box-flex:1;flex:1 1;min-height:0;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;overflow:hidden}.monaco-editor{padding-top:15px}#nprogress{pointer-events:none}#nprogress .bar{background:var(--brand);position:fixed;z-index:1031;top:0;left:0;width:100%;height:3px}#nprogress .peg{display:block;right:0;width:100px;height:100%;-webkit-box-shadow:0 0 10px var(--brand),0 0 5px var(--brand-200);-moz-box-shadow:0 0 10px var(--brand),0 0 5px var(--brand-200);box-shadow:0 0 10px var(--brand),0 0 5px var(--brand-200);opacity:1;-webkit-transform:rotate(3deg) translateY(-4px);-moz-transform:rotate(3deg) translateY(-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .peg,.nprogress-custom-parent #nprogress .bar{position:absolute}.react-monaco-editor-container{display:-moz-box;display:flex;-moz-box-flex:1;flex:1 1}#HW_badge_cont{position:absolute!important;right:0;top:0}.cf-wrapper{padding:4px!important;font-size:12px!important;border-radius:0!important;line-height:1.3!important;border-bottom:1px solid #dfdfdf}.cf-img{max-width:90px!important;height:70px}.cf-img-wrapper{margin-right:8px!important}.cf-powered-by{text-align:right!important}