/* Catálogo e páginas individuais — identidade BigLink Host */
.quick-links a{display:flex;justify-content:space-between;gap:8px;padding:8px 11px;border-radius:6px;color:#53634f;font-size:11px}.quick-links a:hover{background:#e8eee5;color:var(--primary)}.quick-links a span{color:#58734d}.new-tools-banner{display:flex;align-items:center;gap:14px;padding:17px 20px;margin-top:24px;border:1px solid #dce6d5;background:#f0f5ea;border-radius:10px;flex-wrap:wrap}.new-tools-banner>span{font-size:10px;font-weight:700;letter-spacing:.6px;color:#4a693c}.new-tools-banner p{font-size:12px;flex:1;min-width:180px;color:#506447}.new-tools-banner a{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:700;color:var(--primary);padding:7px 10px;background:#fff;border:1px solid #d8e3d1;border-radius:6px}.new-tools-banner a:hover{border-color:var(--primary)}
.art-cpf,.art-cnpj{background:#e2edda;color:#4a713b}.art-email{background:#e6e5f2;color:#66598d}.art-ipv4{background:#dfecef;color:#447281}.art-jwt{background:#ece2ee;color:#885a89}.art-html{background:#f4e6d9;color:#97673d}.art-case{background:#e0e9f3;color:#4d6e94}.art-counter{background:#e9ead8;color:#747942}.art-jsoncsv{background:#e0ece5;color:#467253}.art-colors{background:#f0e0e3;color:#a2566e}.art-dates{background:#e4e6f1;color:#626b9f}.art-dedupe{background:#f2eadb;color:#8e7545}.back-catalog{display:flex;gap:8px;align-items:center;color:var(--primary);font-size:12px;font-weight:700;margin-bottom:26px}.back-catalog .material-symbols-rounded{font-size:17px}.directory-link{display:flex;align-items:center;gap:9px;border-radius:7px;padding:9px 10px;font-size:11px;line-height:1.5;color:#52624d;transition:background .2s}.directory-link .material-symbols-rounded{font-size:18px;color:#6a7e60}.directory-link:hover{background:#edf2e9;color:var(--primary)}.directory-link.current{background:#e1eddc;color:var(--primary);font-weight:700}.tool-main .breadcrumb{height:auto;min-height:69px;flex-wrap:wrap;padding:15px 0;font-size:11px;gap:8px}.breadcrumb a:hover{text-decoration:underline}.tool-page-heading{padding:24px 0 30px;border-top:1px solid var(--border)}.tool-heading-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.tool-heading-top .eyebrow{font-size:10px}.local-tag{display:flex;align-items:center;gap:6px;color:#566b4d;font-size:11px}.tool-page-heading h1{font-size:clamp(27px,3.2vw,43px);font-weight:800;letter-spacing:-1.5px;max-width:850px;line-height:1.2}.tool-page-heading>p{margin-top:14px;font-size:14px;color:#596b51;max-width:740px;line-height:1.8}.page-favorite{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:11px;color:#4f6845}.page-favorite .material-symbols-rounded{font-size:17px}.page-favorite.saved{background:#dfeccd;color:var(--primary);border-color:#b5cba7}.tool-workspace{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:28px;margin-bottom:30px}.workspace-top{display:flex;gap:12px;align-items:center}.workspace-top h2{font-size:19px;letter-spacing:-.4px}.workspace-top p{font-size:12px;color:#63745a;margin-top:3px}.workspace-label{margin-left:auto;font-size:9px;border:1px solid #dae5d2;padding:3px 7px;border-radius:5px;color:#536f47;font-weight:700;letter-spacing:1px}.tool-workspace .dialog-description{font-size:13px;line-height:1.85;margin-top:20px}.tool-workspace .dialog-privacy{font-size:11px;line-height:1.7}.tool-workspace .field>label{font-size:13px}.tool-workspace .field input,.tool-workspace .field textarea,.tool-workspace .field select{font-size:14px;padding:12px}.tool-workspace .field textarea{min-height:180px}.tool-workspace .field input{min-height:46px}.tool-workspace .field select{min-height:46px}.tool-workspace .form-actions{flex-wrap:wrap;align-items:center;gap:10px}.clear-button{background:none;font-size:12px;padding:10px;color:#526849;text-decoration:underline;text-underline-offset:3px}.tool-workspace #tool-output{min-height:200px;font-size:13px}.tool-workspace #output-note{font-size:12px}.tool-workspace .output-heading>label,.tool-workspace .copy-button{font-size:11px}.output-status{font-size:12px;line-height:1.7;color:#536b49;min-height:20px;margin-top:10px}.usage-guide{background:#edf2e9;border:1px solid #dfe7d9;border-radius:12px;padding:25px 28px;margin:28px 0 36px}.usage-guide h2{font-size:19px;margin-bottom:12px}.usage-guide p,.usage-guide li{font-size:13px;color:#53664b;line-height:1.85}.usage-guide ol{padding-left:20px;margin:10px 0}.usage-guide .guide-note{border-top:1px solid #d6e1d0;padding-top:12px;margin-top:15px;font-size:12px}.related-section{margin:0 0 36px}.related-section h2{font-size:20px}.related-section h2 span{color:#668d51}.related-section .grid-heading>a{font-size:11px;color:var(--primary)}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-grid .card-art{height:80px;justify-content:flex-start;padding-left:16px}.related-grid .card-art>.material-symbols-rounded{font-size:30px}.related-grid .card-body h3{font-size:13px}.tool-workspace input,.tool-workspace textarea{scroll-margin-top:110px}.tool-main{padding-bottom:15px}
@media(max-width:960px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-workspace{padding:23px}.tool-heading-top .local-tag{display:none}}
@media(max-width:700px){.tool-page-heading{padding:18px 0 25px}.tool-page-heading h1{font-size:clamp(28px,6vw,39px)}.tool-main .breadcrumb{font-size:10px;min-height:58px}.tool-workspace{padding:20px}.tool-workspace .field input,.tool-workspace .field textarea,.tool-workspace .field select{font-size:16px}.tool-workspace .dialog-description{font-size:13px}.tool-workspace .dialog-privacy{font-size:10px}.tool-workspace .primary-button{min-height:44px}.tool-workspace .secondary-button{min-height:44px}.usage-guide{padding:22px}.new-tools-banner{padding:15px;gap:10px}.new-tools-banner>span{width:100%}.new-tools-banner p{font-size:11px;min-width:100%}.directory-link{font-size:12px;min-height:42px}}
/* Identidade visual compartilhada pelo catálogo e pelas 26 ferramentas. */
.bg-marca-gradiente{background:var(--marca-gradiente)}
.bg-marca-gradiente-diag{background:var(--marca-gradiente-diag)}
.header:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--marca-gradiente)}
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:0;letter-spacing:0}
.brand img{display:block;width:176px;max-width:100%;height:auto;object-fit:contain}
.footer .footer-brand img{width:120px}
.header-nav>a.active{color:var(--primary)}
.header-nav>a.active:after{background:var(--marca-gradiente)}
.nav-count{background:#ede9f7;color:var(--primary)}
.brand-subtitle,.nav-favorites,.sidebar-heading,.sidebar-bottom,.sidebar-bottom span,.side-count,.breadcrumb,.breadcrumb strong,.version,.tools-total,.section-eyebrow,.grid-heading>span,.footer,.footer a:last-child{color:var(--muted)}
.header-note{color:var(--secondary)}
.online-dot{background:var(--marca-verde)}
.side-link{color:#625c72}
.side-link .material-symbols-rounded,.sidebar-heading .material-symbols-rounded{color:#75698c}
.side-link:hover,.quick-links a:hover,.directory-link:hover{background:#efedf6;color:var(--primary)}
.side-link.selected,.directory-link.current{background:#eae6f5;color:var(--primary)}
.side-link.selected .side-count{background:#dcd5ed;color:var(--primary)}
.quick-links a,.directory-link{color:#625c72}
.quick-links a span,.directory-link .material-symbols-rounded{color:var(--marca-roxo)}
.privacy-card{background:#edf7ef;border-color:#d1e7d6}
.privacy-card>.material-symbols-rounded,.privacy-label{color:var(--secondary)}
.privacy-card p{color:#42604d}
.privacy-label{border-color:#d1e7d6}
.hero{background:var(--marca-gradiente-diag);border-color:var(--marca-indigo);box-shadow:0 12px 32px #2f285e12}
.hero h1{color:var(--on-primary-container)}
.hero h1>span{color:var(--secondary-container)}
.hero .eyebrow{color:#e6def8}
.hero .tiny-square{background:var(--marca-verde)}
.hero p{color:#f0ebfa}
.hero .hero-button{background:var(--secondary-container);color:var(--marca-ink);box-shadow:0 4px 16px #201c3433}
.hero .hero-button:hover{background:#e4f9e9}
.hero-decoration{color:#ffffff;opacity:.045!important}
.hero-terminal{background:#201c34;border-color:#655a81;box-shadow:0 14px 30px #201c3440}
.terminal-top{color:#c0b8d2}
.terminal-top>.material-symbols-rounded{color:#b6aaca}
.terminal-code{color:#f0ebfa}
.code-comment{color:#aaa1bc}
.code-purple{color:#cebbff}
.code-green{color:#bff0cb}
.code-orange{color:#f0d3a5}
.cursor{background:var(--marca-verde)}
.terminal-status{color:#bff0cb}
.benefit-strip{color:var(--muted)}
.benefit-strip .material-symbols-rounded{color:var(--marca-roxo)}
.section-top h2>span,.related-section h2 span{color:var(--primary)}
.search-box,.filter-reset{border-color:var(--border)}
.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #463a8614}
.search-box .material-symbols-rounded,.search-box input::placeholder,.filter-reset{color:var(--muted)}
.search-box kbd{color:var(--muted);background:#f7f5fb;border-color:var(--border)}
.filter-reset:hover{background:#efedf6}
.tab{color:var(--muted)}
.tab:hover:not(.active){background:#ece8f5;color:var(--primary)}
.tab.active{background:var(--primary);color:#fff}
.grid-heading h3 .material-symbols-rounded{color:var(--marca-roxo)}
.tool-card:hover{border-color:#b3a7d5;box-shadow:0 10px 28px #2f285e12}
.tool-card:focus-within{outline-color:var(--primary)}
.card-category{color:var(--marca-roxo)}
.card-body p{color:var(--muted)}
.card-bottom{border-color:#eeeaf5;color:var(--primary)}
.card-badge{background:#f0edf7;color:#65577e}
.favorite-button{color:var(--primary)}
.favorite-button:hover,.favorite-button.saved{background:var(--primary);color:#fff}
.card-art{background:#eeeaf7;color:var(--marca-roxo)}
.art-json{background:var(--marca-indigo)}
.art-fake,.art-cpf,.art-cnpj,.art-jsoncsv{background:#e2f2e6;color:var(--secondary)}
.art-uuid,.art-email,.art-jwt,.art-random{background:#e9e3f5;color:var(--primary)}
.art-base64,.art-lorem,.art-html,.art-bases,.art-rule3{background:#e5eef0;color:#3c626d}
.art-regex,.art-ipv4,.art-case,.art-url,.art-timestamp{background:#dfebee;color:#365f6b}
.art-hash,.art-percentage,.art-counter,.art-dates,.art-dedupe,.art-colors,.art-slug{background:#ede7f4;color:var(--marca-roxo)}
.mini-code{color:#f0ebfa;border-left-color:#62b57480}
.mini-code .key{color:#bff0cb}
.fake-profile{background:#fff;border-color:#cde3d3;box-shadow:6px 7px #2d7a4814}
.fake-avatar{background:#d7eddd;color:var(--secondary)}
.fake-details{color:#265c39}
.fake-details small{color:#506856}
.fake-lines i{background:#e4efe7}
.uuid-art,.uuid-art small{color:var(--marca-roxo)}
.uuid-art b{background:#d9cfef}
.convert-art .convert-box{background:#f8fcfd;border-color:#cbdde1;color:#416975;box-shadow:0 5px #597c861c}
.convert-art .convert-box:last-child{background:#456e79;border-color:#456e79;color:white}
.convert-art>.material-symbols-rounded{color:#456e79}
.regex-art{color:#416975}
.regex-art .reg-slash{color:#5b7d87}
.regex-art small{background:#c6dde3}
.hash-art .material-symbols-rounded,.hash-code{color:var(--marca-roxo)}
.hash-code span{color:#7b6d99}
.new-tools-banner{background:#efecf8;border-color:#dfd8ef;position:relative;overflow:hidden}
.new-tools-banner:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--marca-gradiente)}
.new-tools-banner>span{color:var(--primary)}
.new-tools-banner p{color:#5f5374}
.new-tools-banner a{border-color:#dcd4ec}
.closing-banner{background:#efecf7;border-color:#dfd8ee}
.closing-icon{background:#e0d8f1;color:var(--primary)}
.closing-banner p{color:var(--muted)}
.closing-banner button{color:var(--primary)}
.primary-button:hover{background:var(--primary-dark)}
.secondary-button,.icon-button{background:#f0edf7;border-color:var(--border);color:var(--primary)}
.secondary-button:hover,.icon-button:hover{background:#e5dff2}
.dialog-icon{background:#eee9f8;color:var(--primary)}
.eyebrow{color:var(--marca-roxo)}
.dialog-description,.tool-page-heading>p,.workspace-top p{color:var(--muted)}
.dialog-privacy{background:#edf7ef;color:#315e3e}
.field textarea,.field input,.field select{background:#fcfbfe;border-color:#dcd6e9}
.field small,#output-note{color:var(--muted)}
.output-section{background:#f7f5fb;border-color:#e0daee}
.output-heading{border-color:#e0daee}
.output-heading>label{color:var(--marca-roxo)}
.copy-button,.copy-button:hover,.clear-button{color:var(--primary)}
#tool-output{color:var(--marca-indigo)}
.output-status{color:var(--secondary)}
.local-tag{color:var(--secondary)}
.workspace-label{background:#edf7ef;border-color:#cde3d3;color:var(--secondary)}
.page-favorite.saved{background:#e7e0f5;color:var(--primary);border-color:#c5b8e1}
.usage-guide{background:#f0edf7;border-color:#e1daee}
.usage-guide p,.usage-guide li{color:#5f5571}
.usage-guide .guide-note{border-color:#dcd4eb}
.empty-state{border-color:#c8bde0}
.empty-state>.material-symbols-rounded{color:var(--marca-roxo)}
.empty-state p{color:var(--muted)}
.toast{border-color:var(--marca-roxo)}
button:focus-visible,a:focus-visible{outline-color:var(--primary)}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--primary)}
@media(max-width:960px){.header-inner{gap:18px}.header-nav{gap:20px}.brand img{width:160px}}
@media(max-width:700px){.header-inner{gap:14px}.header .brand img{width:156px}.brand-subtitle{font-size:9px}.sidebar{background:#faf9fd;box-shadow:10px 5px 30px #201c3420}.hero .hero-decoration{opacity:.045}.footer .footer-brand img{width:110px}}
@media(max-width:370px){.header-divider,.header .brand-subtitle{display:none}.header .brand img{width:155px}}

@media(max-width:450px){.tool-page-heading>p{font-size:13px}.tool-page-heading h1{letter-spacing:-.8px}.tool-workspace{padding:18px 14px}.tool-workspace #tool-inputs{grid-template-columns:1fr}.tool-workspace .form-actions{gap:7px}.workspace-top h2{font-size:16px}.workspace-top p{font-size:10px}.workspace-label{display:none}.tool-workspace .dialog-icon{width:37px;height:37px}.related-grid{grid-template-columns:1fr}.related-grid .tool-open{display:grid;grid-template-columns:76px 1fr}.related-grid .card-art{height:100%;padding-left:22px;min-height:150px}.related-grid .card-body h3{font-size:14px}.related-grid .card-body p{font-size:12px;min-height:0}.related-grid .card-bottom{font-size:11px}.related-grid .favorite-button{right:10px;top:10px}.related-section .grid-heading{align-items:flex-start;flex-direction:column}.related-section .grid-heading>a{font-size:12px}.tool-workspace #tool-output{font-size:12px}.tool-main .breadcrumb strong{max-width:100%;overflow-wrap:anywhere}}