code{padding:.1rem .3rem;border-radius:4px;background:#29292d;color:var(--gold);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em}.hidden{display:none!important}.u-gold{color:var(--gold)}
/* Compatibility layer for the exact ToolHub header-footer.js pattern. */
.container{width:min(1200px,calc(100% - 2rem));margin-inline:auto}.primary-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:.6rem 1rem 1rem;background:var(--surface);border-bottom:1px solid var(--line)}.primary-nav.is-open{display:block}.nav-list{list-style:none;padding:0;margin:0;display:grid}.nav-list a{display:block;padding:.72rem;text-decoration:none;color:var(--muted);font-weight:750;border-radius:7px}.nav-list a:hover,.nav-list a.is-active{background:rgba(225,2,2,.12);color:var(--text)}.nav-toggle-bar{display:block;width:21px;height:2px;background:currentColor}.footer-brand p{color:var(--muted);max-width:410px;margin:1rem 0 0;font-size:.9rem}.footer-col ul{padding:0;margin:0;list-style:none;display:grid;gap:.42rem}.footer-col h3{font-size:.96rem;margin:0 0 .65rem}.footer-col a{color:var(--muted);font-size:.88rem;text-decoration:none}.footer-col a:hover,.footer-legal a:hover{color:var(--gold)}.footer-legal a{color:var(--muted)}
/* Word Counter-style dark/light switch. Dark is the default. */
:root[data-theme="light"]{--bg:#eef0f4;--surface:#fff;--surface-2:#f5f6f8;--text:#171719;--muted:#5c6069;--line:rgba(15,18,25,.14);--shadow:0 8px 24px rgba(0,0,0,.1);color-scheme:light}:root[data-theme="light"] body{background:#eef0f4}:root[data-theme="light"] .tool-hero{background:linear-gradient(180deg,#fff4f4,#eef0f4)}:root[data-theme="light"] .content-section{background:#f7f8fa}:root[data-theme="light"] textarea,:root[data-theme="light"] output{background:#fff}:root[data-theme="light"] .site-header{background:rgba(255,255,255,.94)}:root[data-theme="light"] .site-footer{background:#111113}:root[data-theme="light"] .site-footer,:root[data-theme="light"] .site-footer .brand,:root[data-theme="light"] .site-footer h3{color:#f5f5f7}:root[data-theme="light"] .site-footer p,:root[data-theme="light"] .site-footer a{color:#bfc0c6}
@media(min-width:700px){.container{width:min(1200px,calc(100% - 4rem))}.primary-nav{display:block;position:static;padding:0;background:transparent;border:0;margin-left:.5rem}.nav-list{display:flex;gap:.25rem}.nav-list a{padding:.42rem .72rem}}