:root{--ink:#f2f1e9;--muted:#aaa9a0;--paper:#10100f;--surface:#181817;--surface-2:#21211f;--line:#343430;color-scheme:dark}
[hidden]{display:none!important}
html[data-theme="light"]{--ink:#11110f;--muted:#686861;--paper:#f5f4ef;--surface:#fff;--surface-2:#ecebe5;--line:#d9d8d0;color-scheme:light}
.site-header{background:color-mix(in srgb,var(--paper) 94%,transparent)}
.nav-wrap{gap:28px}.nav-wrap nav{margin-left:auto}
.theme-toggle{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 11px;font:inherit;font-size:12px;cursor:pointer}.theme-icon{font-size:16px;line-height:1}
.eyebrow,.category-label{color:var(--muted)}
.tool-search,.tool-card,.tool-panel{background:var(--surface)}
.tool-search input,.field input,.field textarea,.field select{color:var(--ink)}
.field input,.field textarea,.field select{background:var(--surface-2)}
.tool-icon{background:var(--ink);color:var(--paper)}
.button{background:var(--ink);color:var(--paper)}.button.secondary{background:var(--surface-2);color:var(--ink)}
.compliance-band{background:#050505;color:#fff}.button-light{color:#11110f}
.category-browser{display:grid;grid-template-columns:220px 1fr;gap:25px;background:var(--surface);border:1px solid var(--line);padding:24px;margin:0 0 28px}.category-intro{display:flex;flex-direction:column}.category-intro strong{font-size:17px}.category-intro span{font-size:13px;color:var(--muted);margin-top:5px}.category-filters{display:flex;flex-wrap:wrap;gap:8px;align-content:center}.category-filter{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 13px;font:inherit;font-size:13px;text-decoration:none;cursor:pointer}.category-filter span{color:var(--muted);margin-left:6px}.category-filter:hover,.category-filter.active{border-color:var(--acid);background:var(--acid);color:#11110f}.category-filter.active span,.category-filter:hover span{color:#45483d}
.search-mode-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.search-mode-head h2{font-size:clamp(28px,4vw,48px);line-height:1.05;letter-spacing:-2px;margin:0}.search-mode-head button{border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer;padding:10px}
body.search-active{overflow:hidden}.search-active .tool-search{position:fixed;z-index:31;top:24px;left:50%;transform:translateX(-50%);width:min(calc(100% - 40px),760px);height:64px;box-shadow:0 15px 50px rgba(0,0,0,.35)}.search-active .tools-section{position:fixed;z-index:30;inset:0;width:100%;max-width:none;overflow-y:auto;background:var(--paper);padding:125px max(20px,calc((100% - var(--max))/2)) 60px;border:0;animation:search-reveal 280ms cubic-bezier(.22,.8,.3,1) both}.search-active .tools-section>.section-head,.search-active .category-browser{display:none}.search-active .tool-grid{grid-template-columns:repeat(3,1fr)}.search-active .tool-card{animation:result-reveal 280ms ease-out both}.search-active .tool-card:nth-child(2){animation-delay:25ms}.search-active .tool-card:nth-child(3){animation-delay:50ms}.search-active .tool-card:nth-child(4){animation-delay:75ms}.search-active .tool-card:nth-child(5){animation-delay:100ms}.search-active .tool-card:nth-child(6){animation-delay:125ms}
@keyframes search-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes result-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.search-active .tools-section,.search-active .tool-card{animation:none}.tool-card{transition:none}}
@media(max-width:800px){.nav-wrap nav{display:none}.category-browser{grid-template-columns:1fr}.category-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.category-filter{white-space:nowrap}.search-active .tool-search{top:12px;width:calc(100% - 24px);height:55px}.search-active .tools-section{padding:90px 14px 30px}.search-active .search-mode-head{align-items:center}.search-active .search-mode-head .eyebrow{display:none}.search-active .search-mode-head h2{font-size:20px;letter-spacing:-.5px}.search-active .tool-grid{display:block}.search-active .tool-card{display:flex;align-items:center;min-height:0;padding:17px 15px;margin-bottom:7px}.search-active .tool-card .tool-icon{width:34px;height:34px;margin:0 13px 0 0;flex:0 0 auto}.search-active .tool-card .category-label,.search-active .tool-card p,.search-active .tool-card b{display:none}.search-active .tool-card h3{font-size:16px;margin:0}.theme-label{display:none}}
@media(max-width:500px){.category-browser{margin-inline:-1px;padding:18px}.theme-toggle{padding:8px}.search-active .tool-search kbd{display:none}}
.category-grid>a{color:var(--ink);text-decoration:none;border-right:1px solid var(--line)}.category-grid>a article{border:0;height:100%}.category-grid>a:last-child{border:0}.category-directory .category-grid article{min-height:280px}.category-directory .category-grid h2{font-size:25px;letter-spacing:-1px;margin:45px 0 8px}.category-directory .category-grid b{display:block;margin-top:30px;font-size:13px}.related-section,.faq-section{padding:80px 0;border-top:1px solid var(--line)}.related-section>.section-head>a{color:var(--muted);text-decoration:none}.faq-section>h2{font-size:clamp(30px,4vw,48px);letter-spacing:-2px}.faq-list{margin-top:30px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{font-weight:700;cursor:pointer}.faq-list p{color:var(--muted);max-width:760px}.field-count{float:right;color:var(--muted);font-weight:400}.field-count.over-limit{color:#ff6969}.output-preview{margin-top:24px;border:1px solid var(--line);background:var(--surface-2);padding:24px}.serp-preview{font-family:Arial,sans-serif}.serp-preview>span{display:block;color:#bdc1c6;font-size:13px}.serp-preview>a{display:block;color:#8ab4f8;font-size:20px;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.serp-preview p{color:#bdc1c6;font-size:14px;margin:0;max-width:650px}.social-preview{padding:0;max-width:650px;overflow:hidden}.social-image{display:grid;place-items:center;aspect-ratio:1.91/1;background:#292927 center/cover no-repeat;color:var(--muted);border-bottom:1px solid var(--line)}.social-image.has-image span{display:none}.social-preview>div:last-child{padding:16px}.social-preview small{color:var(--muted)}.social-preview h3{margin:4px 0;font-size:18px}.social-preview p{margin:0;color:var(--muted)}.hreflang-row{display:grid;grid-template-columns:180px 1fr 40px;gap:12px;align-items:end;margin-bottom:12px}.remove-row{height:49px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-size:20px;cursor:pointer}
@media(max-width:800px){.category-grid>a{border-right:0;border-bottom:1px solid var(--line)}.hreflang-row{grid-template-columns:1fr 42px}.hreflang-row .field:nth-child(2){grid-column:1/2}.hreflang-row .remove-row{grid-column:2;grid-row:2}.related-section,.faq-section{padding:60px 0}}