:root{--brand-bg:#f6f9fe;--brand-card:#fff;--brand-ink:#001b4d;--brand-muted:#536681;--brand-line:#dce5f2;--brand-blue:#0b4eff;--brand-soft:#edf3ff}html[data-theme=dark]{--brand-bg:#0d172b;--brand-card:#162540;--brand-ink:#f3f7ff;--brand-muted:#b4c5dc;--brand-line:#344866;--brand-blue:#86adff;--brand-soft:#20375c}body{color:var(--brand-ink)}.site-shell,body{background:var(--brand-bg)}.site-shell{max-width:1440px;min-height:0}.brand-header{position:sticky;top:0;z-index:60;background:#fff;color:#001b4d;border-bottom:1px solid #dce5f2;box-shadow:0 3px 18px #0824520b}.header-inner{max-width:1440px;margin:auto;min-height:76px;padding:8px clamp(18px,4vw,60px);gap:32px}.header-inner,.header-logo{display:flex;align-items:center}.header-logo{flex:0 0 170px;height:56px}.header-logo img{width:170px;height:auto;object-fit:contain}.main-nav{display:flex;align-items:center;gap:26px;margin:auto;font-size:.9rem;font-weight:700}.main-nav a{white-space:nowrap}.main-nav a:focus-visible,.main-nav a:hover{color:#0b4eff}.header-actions{display:flex;gap:9px;align-items:center}.header-actions button{cursor:pointer;border:1px solid #dce5f2;color:#001b4d;background:#f6f9fe;border-radius:10px;height:42px}.header-search{display:flex;align-items:center;gap:8px;padding:0 12px;min-width:168px}.header-search svg,.search-input-row svg{width:19px;height:19px}.header-search kbd{margin-left:auto;background:#e4ebf6;border-radius:4px;padding:0 6px;font-size:.75rem}.menu-toggle,.theme-toggle{width:43px;font-size:1.35rem}.menu-toggle{display:none}.search-overlay{position:fixed;inset:0;background:#061834aa;z-index:100;padding:12vh 20px;display:flex;justify-content:center;align-items:flex-start}.search-dialog{width:min(620px,100%);max-height:75vh;overflow:auto;background:var(--brand-card);border:1px solid var(--brand-line);border-radius:16px;box-shadow:0 20px 65px #08152d66;padding:17px}.search-input-row{display:flex;align-items:center;gap:12px;border:1px solid var(--brand-line);border-radius:10px;padding:7px 10px;color:var(--brand-ink)}.search-input-row input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--brand-ink);padding:10px 0}.search-input-row button{border:0;background:transparent;color:var(--brand-muted);font-size:1.5rem;cursor:pointer}.search-hint{color:var(--brand-muted);font-size:.85rem;margin:16px 5px 7px}.search-results a{display:flex;align-items:center;gap:12px;border-radius:8px;padding:12px;color:var(--brand-ink)}.search-results a:hover{background:var(--brand-soft)}.search-results small{margin-left:auto;color:var(--brand-muted);text-transform:capitalize}.search-results b{color:var(--brand-blue)}.brand-hero{min-height:245px;padding:44px clamp(20px,5vw,72px);align-items:center;background:radial-gradient(circle at 89% 20%,#dce9ff 0,transparent 36%),linear-gradient(120deg,#fff,#edf4ff);color:#001b4d}.brand-hero .eyebrow{color:#0b4eff}.brand-hero h1{font-size:clamp(2.65rem,5vw,4.5rem);line-height:1.02;margin:10px 0 13px}.brand-hero h1 em{color:#0b4eff}.brand-hero .hero-copy{color:#4b607c;margin:0;max-width:710px}.brand-hero .hero-meta{color:#4b607c;gap:12px;margin-top:20px}.brand-hero .hero-meta span{border:1px solid #c8d8f1;background:#fff;border-radius:99px;padding:5px 13px}.brand-hero .hero-meta b{color:#001b4d}.hero-category-icons{display:grid;grid-template-columns:repeat(2,54px);gap:12px;color:#0b4eff}.hero-category-icons span{display:grid;place-items:center;border:1px solid #c8d8f1;border-radius:15px;background:#fff;font-size:1.5rem;height:54px}.eyebrow{color:var(--brand-blue)}.latest-blogs,.popular-tools{padding:35px clamp(20px,5vw,72px)}.popular-tools{border-bottom:1px solid var(--brand-line)}.latest-blogs .section-title a,.popular-tools .section-title a{color:var(--brand-blue);font-weight:700}.popular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.popular-grid a{background:var(--brand-card);border:1px solid var(--brand-line);border-radius:10px;padding:13px 16px;display:flex;justify-content:space-between;gap:10px;font-weight:700}.popular-grid a span{color:var(--brand-blue)}.directory{padding:25px clamp(20px,5vw,72px) 55px}.category h3,.section-title h2{color:var(--brand-ink)}.category p,.category-pending,.directory-count,.section-title>p{color:var(--brand-muted)}.compact-categories{gap:6px;margin:12px 0 27px}.compact-categories button{padding:7px 10px;border-radius:99px;font-size:.76rem;background:var(--brand-card);color:var(--brand-ink);border:1px solid var(--brand-line);min-height:34px}.compact-categories button:hover,.compact-categories button[aria-pressed=true]{background:#0b4eff;color:#fff;border-color:#0b4eff}.category{margin-top:32px}.category-head{margin-bottom:13px;align-items:center}.category-title{display:flex;align-items:center;gap:12px}.category-icon{width:42px;height:42px;border-radius:11px;background:var(--brand-soft);color:var(--brand-blue);display:grid;place-items:center;flex:none}.category h3{font-size:1.35rem;margin:0}.category p{font-size:.88rem}.category-total{background:var(--brand-soft);color:var(--brand-blue);letter-spacing:0;border-radius:99px}.card-grid{gap:8px}.tool-card{min-height:57px;padding:10px 12px;align-items:center;background:var(--brand-card);border-color:var(--brand-line);color:var(--brand-ink);box-shadow:0 2px 8px #09235006}.tool-card:hover{border-color:var(--brand-blue)}.card-icon,.tool-card:hover{background:var(--brand-soft)}.card-icon{width:31px;height:31px;flex-basis:31px;color:var(--brand-blue);border-radius:8px}.card-icon svg{width:17px;height:17px}.card-body strong{font-size:.86rem;line-height:1.25}.card-arrow{color:var(--brand-blue);font-size:.88rem}.category-pending{background:var(--brand-card);border:1px dashed var(--brand-line);padding:15px;border-radius:10px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.blog-card{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--brand-card);border:1px solid var(--brand-line);border-radius:13px;min-height:205px}.blog-card:hover{border-color:var(--brand-blue)}.blog-card-label{font-size:.7rem;font-weight:800;letter-spacing:.12em;color:var(--brand-blue)}.blog-card h3{font-size:1.1rem;line-height:1.28;margin:0;color:var(--brand-ink)}.blog-card p{font-size:.85rem;color:var(--brand-muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-link{margin-top:auto;color:var(--brand-blue);font-size:.83rem;font-weight:700}.content-page{max-width:1200px}.content-page h1{color:var(--brand-ink)}.content-page p,.crumb,.prose li{color:var(--brand-muted)}.crumb a{color:var(--brand-blue)}.tool-page>.hero-copy{max-width:800px;color:var(--brand-muted)}.tool-run-status{display:inline-flex;align-items:center;gap:7px;float:right;font-size:.78rem;color:var(--brand-blue);background:var(--brand-soft);border-radius:99px;padding:5px 10px}.tool-run-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#24a078}.admin-grid>div,.info-panel,.workspace-panel{background:var(--brand-card);border-color:var(--brand-line);color:var(--brand-ink)}.tool-page .workspace-panel{box-shadow:0 6px 30px #132b560d}.tool-reading strong{color:var(--brand-ink)}.tool-reading .tool-guide-section{border-color:var(--brand-line)}.tool-field input,.tool-field select,.tool-field:has(>span) input,.tool-field:has(>span) textarea,.tool-input{background:var(--brand-bg);border-color:var(--brand-line);color:var(--brand-ink)}.tool-field label,.tool-field>span,.tool-output{color:var(--brand-ink)}.tool-output{background:var(--brand-bg);border-color:var(--brand-line)}.fineprint{color:var(--brand-muted)}.tool-btn{background:#0b4eff;color:#fff}.tool-btn.secondary{background:var(--brand-soft);color:var(--brand-ink)}.side-panel a{color:var(--brand-ink);border-bottom:1px solid var(--brand-line)}.side-panel a:hover{background:var(--brand-soft)}.faq-list{margin:22px 0}.faq-list details{border:1px solid var(--brand-line);background:var(--brand-card);border-radius:10px;margin:8px 0;padding:0 15px}.faq-list summary{cursor:pointer;font-weight:700;color:var(--brand-ink);padding:12px 25px 12px 0;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:1px;color:var(--brand-blue);font-size:1.25rem;line-height:1}.faq-list details[open] summary:after{content:"−"}.faq-list details p{padding:0 0 12px;margin:0}.related-tools{margin:26px 0}.related-tools .popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-page .latest-blogs{padding:20px 0 30px}.tool-page .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{background:var(--brand-card);border-color:var(--brand-line);color:var(--brand-ink);grid-template-columns:minmax(230px,2fr) repeat(3,minmax(135px,1fr))}.site-footer img{background:none;padding:0;max-width:170px;filter:none}.site-footer h4{color:var(--brand-ink)}.site-footer a,.site-footer p{color:var(--brand-muted)}.site-footer a:hover{color:var(--brand-blue)}.site-footer .social-links a{background:var(--brand-soft);color:var(--brand-blue)}.site-footer .copyright,.site-footer .social-links a{border-color:var(--brand-line)}.site-footer .copyright a{color:var(--brand-blue)}html[data-theme=dark] .brand-hero{background:radial-gradient(circle at 90% 20%,#1d3765 0,transparent 40%),linear-gradient(120deg,#10213f,#162c51);color:var(--brand-ink)}html[data-theme=dark] .brand-hero .hero-copy,html[data-theme=dark] .brand-hero .hero-meta{color:var(--brand-muted)}html[data-theme=dark] .brand-hero .hero-meta span,html[data-theme=dark] .hero-category-icons span{background:var(--brand-card);border-color:var(--brand-line)}html[data-theme=dark] .brand-hero .hero-meta b{color:var(--brand-ink)}html[data-theme=dark] .site-footer img{background:#fff;border-radius:7px;padding:2px 6px}@media(max-width:1000px){.header-inner{gap:14px}.main-nav{gap:13px;font-size:.8rem}.header-search{min-width:44px}.header-search kbd,.header-search span{display:none}.site-footer{grid-template-columns:2fr 1fr 1fr}.site-footer>div:nth-child(4){grid-column:2/-1}}@media(max-width:760px){.header-inner{min-height:66px;padding:8px 16px}.header-logo{flex-basis:145px;height:46px}.header-logo img{width:145px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #dce5f2;box-shadow:0 15px 25px #001b4d18;padding:12px 20px;flex-direction:column;align-items:stretch;font-size:.95rem;gap:0}.main-nav.is-open{display:flex}.main-nav a{padding:10px}.header-actions{margin-left:auto}.blog-grid,.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-layout{grid-template-columns:1fr}.side-panel{display:block;padding-top:0}.side-panel .info-panel{margin-top:0}.brand-hero{padding:30px 20px}.directory{padding:20px 20px 45px}.compact-categories{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.compact-categories button{flex:0 0 auto;white-space:nowrap}.site-footer{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer>div:nth-child(4){grid-column:auto}}@media(max-width:520px){.header-inner{gap:8px}.header-logo{flex-basis:132px}.header-logo img{width:132px}.header-actions button{width:38px;height:38px}.header-search{padding:0;justify-content:center;min-width:38px}.hero-category-icons{display:none}.brand-hero{min-height:0}.brand-hero h1{font-size:2.5rem}.brand-hero .hero-meta{gap:6px}.brand-hero .hero-meta span{font-size:.76rem;padding:4px 8px}.latest-blogs,.popular-tools{padding:24px 17px}.blog-grid,.popular-grid,.related-tools .popular-grid,.tool-page .blog-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-arrow{display:none}.category-head,.category-title{align-items:flex-start}.category h3{font-size:1.16rem}.category p{font-size:.78rem}.category-total{font-size:.7rem}.site-footer{grid-template-columns:1fr 1fr;gap:22px}.site-footer .copyright,.site-footer>div:first-child,.site-footer>div:last-of-type{grid-column:1/-1}.tool-run-status{float:none;display:inline-flex;margin:10px 0}}@media(max-width:370px){.header-logo{flex-basis:110px}.header-logo img{width:110px}.card-grid{grid-template-columns:1fr}}.markdown-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.markdown-toolbar button{border:1px solid var(--brand-line);background:var(--brand-card);color:var(--brand-ink);border-radius:7px;padding:8px 12px;cursor:pointer;font-weight:650}.markdown-toolbar button:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.markdown-preview{min-height:160px;padding:18px;border:1px solid var(--brand-line);border-radius:10px;overflow-wrap:anywhere}.formatted-body{overflow-wrap:anywhere;line-height:1.7}.formatted-body h1,.formatted-body h2,.formatted-body h3{line-height:1.3;margin:26px 0 10px;color:var(--brand-ink)}.formatted-body h1{font-size:1.8rem}.formatted-body h2{font-size:1.45rem}.formatted-body h3{font-size:1.2rem}.formatted-body p{margin:9px 0 16px}.formatted-body a{color:var(--brand-blue);text-decoration:underline;text-underline-offset:2px}.formatted-body strong{color:var(--brand-ink)}.formatted-body mark{background:#ffe89a;color:#152542;padding:0 2px;border-radius:2px}.formatted-body ol,.formatted-body ul{padding-left:25px}.formatted-body li{margin:7px 0;color:var(--brand-muted)}.tool-video .video-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#111}.tool-video iframe{width:100%;height:100%;border:0;display:block}.faq-editor{margin:25px 0}.faq-editor-item{padding:14px;margin:12px 0;border:1px solid var(--brand-line);border-radius:10px}.faq-editor-item .tool-input{min-height:80px}.blog-thumbnail{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:9px;background:var(--brand-soft);margin:0 0 16px}.blog-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.blog-thumbnail-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:22px;background:linear-gradient(135deg,var(--brand-soft),var(--brand-card));color:var(--brand-ink)}.blog-thumbnail-placeholder span{font-size:.67rem;letter-spacing:.12em;color:var(--brand-blue)}.blog-thumbnail-placeholder strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:1.05rem;line-height:1.35}.thumbnail-editor{margin:26px 0;padding:18px;border:1px solid var(--brand-line);border-radius:12px}.admin-blog-preview{max-width:360px;margin-top:20px;display:block;pointer-events:none}.admin-thumbnail-cell{min-width:140px;width:160px}.admin-thumbnail-cell .blog-thumbnail{width:140px;margin:0}.admin-thumbnail-cell .blog-thumbnail-placeholder{padding:8px;gap:3px}.admin-thumbnail-cell .blog-thumbnail-placeholder strong{font-size:.7rem}.admin-thumbnail-cell .blog-thumbnail-placeholder span{font-size:.5rem}@media(max-width:600px){.thumbnail-editor{padding:12px}.admin-blog-preview{max-width:100%}}