:root{--bg:#090e1b;--bg2:#0e1528;--panel:#111b30;--panel2:#14213a;--line:#24314a;--text:#eef4ff;--muted:#9eacc4;--muted2:#7585a2;--mint:#52e6cb;--blue:#6685ff;--purple:#9b82ff;--warning:#f7ca72;--danger:#ff808e;--radius:22px;--shadow:0 24px 65px rgba(0,0,0,.25);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% -5%,rgba(45,78,143,.18),transparent 34rem),var(--bg);color:var(--text);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}img{max-width:100%}.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,13,27,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(141,160,199,.12)}.header-inner{height:80px;width:min(1320px,calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:10px;min-width:185px;font-size:23px;font-weight:850;letter-spacing:-1.2px;line-height:1}.brand img{width:42px;height:42px}.brand img.brand-full{width:190px;height:auto;max-height:58px;object-fit:contain;display:block}.brand-accent{color:var(--mint)}.brand small{display:block;color:#7e91b0;font-size:8px;letter-spacing:1.45px;font-weight:700;margin-top:7px}.main-nav{display:flex;align-items:center;gap:28px;flex:1}.main-nav a,.nav-signin{color:#b6c2d7;font-size:13px;font-weight:650;transition:color .2s}.main-nav a:hover,.nav-signin:hover{color:var(--mint)}.header-actions{display:flex;align-items:center;gap:22px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:12px;font-weight:750;font-size:13px;transition:transform .2s,background .2s,border-color .2s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--mint);color:#09221f;box-shadow:0 8px 28px rgba(82,230,203,.12)}.btn-primary:hover{background:#7af3df}.btn-secondary{background:#18243b;border-color:#2b3a57;color:var(--text)}.btn-secondary:hover{background:#20304d}.btn-whatsapp{background:#25D366;border-color:#25D366;color:#062711;box-shadow:0 7px 20px rgba(37,211,102,.12)}.btn-whatsapp:hover{background:#41df7b;border-color:#41df7b}.btn-whatsapp span{font-size:14px;font-weight:900;line-height:1}.btn-small{padding:10px 13px;font-size:12px}.mobile-menu,.mobile-nav{display:none}.hero{min-height:570px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:30px;padding-top:58px;padding-bottom:64px}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;font-weight:850;color:#9eacc6}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(82,230,203,.1)}.eyebrow-line{display:inline-block;width:44px;height:1px;background:#354565;margin-left:4px}.hero h1,.page-hero h1,.category-hero h1,.tool-heading h1,.static-hero h1{font-size:clamp(42px,5.4vw,70px);line-height:1.055;letter-spacing:-3.6px;margin:22px 0 18px;font-weight:850}.hero h1 span,.page-hero h1 span,.category-hero h1 span,.static-hero h1 span{background:linear-gradient(90deg,var(--mint),#83c7ff 70%,#b4a3ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lead{color:#a7b4c9;font-size:16px;line-height:1.8;max-width:520px;margin:0 0 25px}.hero-search{display:flex;align-items:center;position:relative;gap:10px;background:#131d32;border:1px solid #2b3a57;box-shadow:0 15px 45px rgba(0,0,0,.2);padding:7px;border-radius:15px;max-width:620px}.search-icon{font-size:27px;color:var(--mint);padding-left:9px}.hero-search input,.directory-search input,.category-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);padding:10px 0;font-size:13px}.hero-search input::placeholder,.directory-search input::placeholder,.category-search input::placeholder{color:#7788a4}.hero-search button{border:0;background:var(--mint);color:#08231e;border-radius:10px;font-size:12px;font-weight:800;padding:12px 14px;white-space:nowrap}.hero-search kbd{position:absolute;right:180px;border:1px solid #36435d;border-radius:5px;padding:1px 5px;font-size:10px;color:#8391a9;background:#111b30}.hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:21px;color:#8e9db5;font-size:11px}.hero-trust b{color:var(--mint);margin-right:5px}.hero-art{position:relative;min-height:420px;display:grid;place-items:center;isolation:isolate}.art-glow{position:absolute;z-index:-1;width:410px;height:410px;background:radial-gradient(circle,rgba(64,104,205,.2),rgba(48,213,196,.07) 50%,transparent 72%);filter:blur(10px)}.art-window{width:min(500px,100%);border:1px solid #334362;border-radius:20px;background:linear-gradient(140deg,#182641,#0c1529);overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.42);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.art-top{height:44px;border-bottom:1px solid #293958;background:#121e34;display:flex;align-items:center;gap:6px;padding:0 15px}.art-top>span{width:7px;height:7px;border-radius:50%;background:#51607b}.art-top b{font-size:9px;color:#778ba9;letter-spacing:.4px;font-weight:600;margin-left:10px}.art-content{display:grid;grid-template-columns:48px 1fr;min-height:300px}.art-side{background:rgba(8,14,29,.4);border-right:1px solid #293958;display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:24px;color:#788ba9}.art-side i{font-style:normal;font-size:15px}.art-side i:first-child{color:var(--mint)}.art-main{padding:24px 20px}.art-kicker{font-size:8px;letter-spacing:1.8px;color:#7d91b0;font-weight:800}.art-title{font-size:22px;font-weight:850;letter-spacing:-.7px;margin-top:4px}.art-sub{font-size:10px;color:#8fa0ba;margin-top:2px}.art-tool-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.art-tool{background:#17243b;border:1px solid #2a3b5d;border-radius:10px;padding:12px;display:flex;flex-direction:column}.art-tool.active{border-color:#3f8e8c;background:linear-gradient(140deg,rgba(53,160,153,.15),#17243b)}.art-tool i{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#233452;color:var(--mint);font-style:normal;margin-bottom:10px}.art-tool b{font-size:10px}.art-tool small{font-size:8px;color:#8193ad;margin-top:2px}.art-progress{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:8px;color:#8193ad}.art-progress>span:first-child{height:3px;width:70px;background:linear-gradient(90deg,var(--mint),var(--blue));border-radius:9px}.art-progress b{margin-left:auto;color:#7eeedb}.float-chip{position:absolute;background:#17243a;border:1px solid #344764;border-radius:12px;box-shadow:var(--shadow);font-size:10px;font-weight:700;padding:12px 15px;display:flex;align-items:center;gap:9px}.float-chip span{color:var(--mint);font-size:15px}.chip-one{top:30px;right:-7px;transform:rotate(3deg)}.chip-two{bottom:37px;left:-3px;transform:rotate(-3deg)}.stats-strip{display:grid;grid-template-columns:repeat(3,145px) 1fr;align-items:center;padding:25px 0;border-top:1px solid #1e2a41;border-bottom:1px solid #1e2a41;gap:28px}.stats-strip>div:not(.stats-message){display:flex;align-items:center;gap:10px}.stats-strip strong{font-size:25px;letter-spacing:-1px}.stats-strip span{color:#91a0b9;font-size:11px}.stats-message{text-align:right;color:#91a0b9;font-size:12px}.stats-message span{color:var(--mint);font-size:16px;margin-left:8px}.section{padding-top:88px;padding-bottom:88px}.section-muted{max-width:none;background:linear-gradient(180deg,rgba(19,30,51,.45),rgba(11,17,31,.08));border-block:1px solid rgba(123,145,184,.1)}.section-muted>.shell{width:min(var(--max),calc(100% - 48px))}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px}.section-heading h2{font-size:clamp(26px,3vw,36px);letter-spacing:-1.45px;line-height:1.2;margin:10px 0 8px}.section-heading p{font-size:13px;color:#95a5be;margin:0}.text-link{color:var(--mint);font-size:12px;font-weight:800;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.text-link:hover{color:#9af7e7}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.category-card{position:relative;padding:22px 18px 19px;border-radius:16px;background:linear-gradient(150deg,#141e34,#10192b);border:1px solid #26344e;min-height:185px;transition:transform .2s,border-color .2s,background .2s;overflow:hidden;display:flex;flex-direction:column}.category-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(65,216,193,.035);right:-46px;top:-50px;transition:transform .3s}.category-card:hover{transform:translateY(-4px);border-color:#527b8d;background:linear-gradient(150deg,#1a2b43,#121d30)}.category-card:hover:after{transform:scale(1.6)}.cat-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:rgba(82,230,203,.09);border:1px solid rgba(82,230,203,.16);font-size:20px;color:var(--mint);margin-bottom:17px}.category-card h3{font-size:14px;margin:0 0 6px;letter-spacing:-.2px}.category-card p{font-size:11px;line-height:1.6;color:#8fa0b9;margin:0 0 14px;flex:1}.category-card .cat-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7185a5}.category-card .cat-bottom span:last-child{color:var(--mint);font-size:17px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-card{display:flex;align-items:flex-start;gap:14px;padding:17px;border:1px solid #26344e;border-radius:15px;background:linear-gradient(140deg,rgba(20,31,52,.9),rgba(14,23,40,.94));transition:transform .18s,border-color .18s,background .18s;min-width:0}.tool-card:hover{transform:translateY(-2px);border-color:#4a7185;background:linear-gradient(140deg,#182b43,#111e32)}.tool-card-icon{flex:0 0 39px;width:39px;height:39px;border-radius:12px;background:#202e49;border:1px solid #304461;color:var(--mint);display:grid;place-items:center;font-size:17px}.tool-card-body{min-width:0;flex:1}.tool-card h3{font-size:12px;line-height:1.4;letter-spacing:-.12px;margin:1px 0 5px}.tool-card p{font-size:10.5px;color:#8d9db6;line-height:1.55;margin:0}.tool-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.tool-tag{font-size:9px;font-weight:750;letter-spacing:.3px;color:#84dccb;background:rgba(82,230,203,.07);border:1px solid rgba(82,230,203,.12);padding:3px 7px;border-radius:5px}.tool-arrow{color:#7b8faa;font-size:16px;transition:transform .2s,color .2s}.tool-card:hover .tool-arrow{color:var(--mint);transform:translate(2px,-2px)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.benefit-card{padding:26px;border:1px solid #26344e;border-radius:17px;background:linear-gradient(145deg,#131e33,#0f1729)}.benefit-icon{width:40px;height:40px;border-radius:12px;background:rgba(82,230,203,.08);border:1px solid rgba(82,230,203,.14);color:var(--mint);display:grid;place-items:center;font-size:19px;margin-bottom:18px}.benefit-card h3{font-size:15px;margin:0 0 7px}.benefit-card p{font-size:12px;color:#93a3bc;line-height:1.75;margin:0}.cta-section{padding-top:0;padding-bottom:92px}.cta-card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 42px;border-radius:23px;border:1px solid #344966;background:linear-gradient(110deg,#142b3a,#14213a 60%,#1e2447)}.cta-card h2{font-size:31px;letter-spacing:-1px;line-height:1.2;margin:10px 0}.cta-card p{font-size:12px;color:#9cacc5;margin:0}.cta-card .btn{position:relative;z-index:1}.cta-orb{position:absolute;right:15%;top:-100px;width:280px;height:280px;background:radial-gradient(circle,rgba(84,230,203,.15),transparent 70%);pointer-events:none}.site-footer{background:#070b15;border-top:1px solid #1e2a40;padding:44px 0 0}.footer-top{width:min(var(--max),calc(100% - 48px));margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding-bottom:38px}.footer-brand p{font-size:11px;color:#8292ad;max-width:230px;margin-top:17px}.footer-top h3{font-size:11px;letter-spacing:.5px;margin:4px 0 17px;color:#d8e2f2}.footer-top>div:not(.footer-brand){display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-top>div>a:not(.brand){font-size:11px;color:#8999b2}.footer-top a:hover{color:var(--mint)}.footer-bottom{min-height:56px;border-top:1px solid #1b263b;width:min(var(--max),calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#71829e;font-size:10px}.privacy-note{display:flex;align-items:center;gap:8px}.privacy-note i{width:6px;height:6px;border-radius:50%;background:var(--mint)}
/* Inner pages */
.page-main{padding-top:28px;padding-bottom:82px;min-height:60vh}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#7485a2;font-size:10px;margin-bottom:27px;flex-wrap:wrap}.breadcrumbs a:hover{color:var(--mint)}.breadcrumbs span:last-child{color:#bec8da}.page-hero{padding:36px 0 24px;max-width:800px}.compact-hero h1{font-size:52px;margin:12px 0}.page-hero>p{max-width:700px;color:#97a7c0;font-size:14px;margin:0}.directory-search{display:flex;align-items:center;gap:12px;background:#121d31;border:1px solid #2b3a55;border-radius:14px;padding:6px 12px;max-width:720px;margin-top:26px}.directory-search>span,.category-search>span{font-size:23px;color:var(--mint)}.directory-search input{padding:10px 2px}.directory-search kbd{border:1px solid #34445f;border-radius:5px;padding:2px 7px;color:#8393ad;font-size:11px}.clear-search{display:none;border:0;background:transparent;color:#96a6bf;font-size:20px}.directory-meta{display:flex;align-items:center;gap:9px;margin:17px 0 30px;color:#8494ad;font-size:11px}.directory-meta b{color:#edf4ff}.meta-spacer{flex:1}.directory-meta label{color:#7e8fa9}.directory-meta select{background:#111b2d;color:#dfe8f5;border:1px solid #2a3953;border-radius:8px;padding:6px 9px;font-size:10px}.library-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px}.category-filter{border:1px solid #26344d;border-radius:16px;background:#0e1729;padding:16px;align-self:start;position:sticky;top:100px}.category-filter h3{font-size:12px;margin:1px 0 13px;padding:0 8px}.filter-category{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid transparent;border-radius:9px;background:transparent;color:#9dadc5;text-align:left;padding:9px 9px;font-size:11px;margin-bottom:3px}.filter-category span{font-size:9px;color:#70819d}.filter-category:hover{background:#15223a;color:#eff4ff}.filter-category.active{background:rgba(82,230,203,.08);border-color:rgba(82,230,203,.14);color:var(--mint)}.filter-note{border-top:1px solid #27344b;margin-top:15px;padding:15px 7px 2px}.filter-note b{font-size:10px}.filter-note p{color:#8698b2;font-size:10px;line-height:1.5;margin:6px 0 0}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.active-filter-row{min-height:0;margin-bottom:10px;color:#8496b0;font-size:10px}.active-filter-row:empty{display:none}.empty-state{padding:50px 20px;text-align:center;border:1px dashed #35435e;border-radius:16px}.empty-state>div{font-size:35px;color:var(--mint)}.empty-state h3{margin:10px 0 3px}.empty-state p{color:#8d9eb8;font-size:12px;margin:0 0 20px}.category-hero{display:flex;align-items:center;gap:23px;padding:20px 0 36px}.cat-large-icon{width:94px;height:94px;flex:0 0 94px;display:grid;place-items:center;border-radius:25px;font-size:39px;color:var(--mint);border:1px solid #35516b;background:radial-gradient(circle at 20% 10%,rgba(82,230,203,.18),transparent 60%),#15253b;box-shadow:0 20px 44px rgba(0,0,0,.18)}.category-hero h1{font-size:46px;letter-spacing:-2.4px;margin:6px 0 9px}.category-hero p{font-size:13px;color:#96a7c0;margin:0;max-width:670px}.category-meta{display:flex;gap:10px;align-items:center;margin-top:14px;color:#8294ae;font-size:10px}.category-meta b{color:var(--mint)}.category-search{display:flex;align-items:center;gap:12px;border:1px solid #273650;border-radius:13px;background:#111b2e;padding:5px 13px;margin-bottom:20px}.category-search input{padding:9px 0}.category-search>a{color:var(--mint);font-size:10px;font-weight:800;white-space:nowrap}.category-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-note{display:flex;gap:14px;padding:19px;background:#111a2a;border:1px solid #27334b;border-radius:14px;margin-top:28px}.inline-note>span{font-size:18px;color:var(--mint)}.inline-note b{font-size:11px}.inline-note p{font-size:10px;color:#8f9fb7;margin:5px 0 0}.tool-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin:10px 0 30px}.tool-heading h1{font-size:45px;letter-spacing:-2.4px;margin:10px 0}.tool-heading p{color:#98a8c1;max-width:700px;font-size:13px;line-height:1.7;margin:0}.tool-trust{display:flex;flex-wrap:wrap;gap:13px;color:#8295af;font-size:10px;margin-top:15px}.tool-trust span:first-child:before{color:var(--mint)}.back-tools{font-size:10px;color:var(--mint);font-weight:800;white-space:nowrap;margin-top:24px}.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}.workspace-card{border:1px solid #2b3b58;border-radius:18px;overflow:hidden;background:#111a2d;box-shadow:0 24px 60px rgba(0,0,0,.16);min-width:0}.workspace-top{height:54px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 20px;border-bottom:1px solid #29364e;background:#121e33}.workspace-title{display:flex;align-items:center;gap:9px;font-size:12px}.workspace-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(82,230,203,.08)}.workspace-local{font-size:9px;font-weight:800;letter-spacing:1px;color:#70d9c7;border:1px solid rgba(82,230,203,.18);padding:4px 7px;border-radius:5px;background:rgba(82,230,203,.06)}.tool-workspace{padding:23px;min-height:300px}.workspace-loading{text-align:center;padding:60px 10px;color:#899ab4;font-size:12px}.loader-ring{display:inline-block;width:24px;height:24px;border:2px solid #273952;border-top-color:var(--mint);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tool-aside{display:flex;flex-direction:column;gap:12px}.aside-card{border:1px solid #27354e;border-radius:15px;background:#111a2c;padding:19px}.aside-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #315060;background:rgba(82,230,203,.07);color:var(--mint);border-radius:10px;margin-bottom:12px}.aside-card h3{font-size:13px;margin:0 0 8px}.aside-card p,.aside-card li{font-size:10px;color:#94a4bd;line-height:1.65}.aside-card p{margin:0}.aside-card ol{padding-left:17px;margin:13px 0 0}.aside-card li{padding-left:2px;margin:4px 0}.aside-private{background:linear-gradient(140deg,rgba(29,53,62,.5),#111a2c)}.tool-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;margin-top:25px}.content-panel,.related-panel{border:1px solid #26344d;border-radius:16px;background:#10192b;padding:25px}.content-panel h2,.related-panel h2{font-size:20px;letter-spacing:-.6px;margin:0 0 13px}.content-panel h3{font-size:14px;margin:22px 0 7px}.content-panel p{color:#9babc2;font-size:12px;line-height:1.8}.related-panel h2{font-size:15px}.related-mini{display:block;padding:12px 0;border-bottom:1px solid #28354c;font-size:11px;color:#bac7da}.related-mini:hover{color:var(--mint)}.related-mini small{display:block;color:#7788a4;font-size:9px;margin-top:3px}.related-panel>.text-link{margin-top:16px}.static-hero{max-width:850px;padding:20px 0 30px}.static-hero .static-h1{font-size:45px}.page-intro{font-size:14px;color:#9aabc3;max-width:710px}.standalone-panel{margin-top:25px}.standalone-panel h2{margin-top:24px}.standalone-panel h2:first-of-type{margin-top:5px}.contact-panel{max-width:620px;margin-top:25px}.contact-panel form{display:grid;gap:16px}.contact-panel label{font-weight:700;color:#dce6f4;font-size:11px;display:grid;gap:6px}.contact-panel input,.contact-panel select,.contact-panel textarea{border:1px solid #2b3a54;border-radius:10px;background:#0b1323;color:var(--text);padding:12px;outline:none;font-size:12px}.contact-panel input:focus,.contact-panel select:focus,.contact-panel textarea:focus{border-color:#4b9e9b;box-shadow:0 0 0 3px rgba(82,230,203,.07)}.form-note{font-size:10px!important;color:#7c8da7!important}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.blog-card{padding:24px;border:1px solid #293751;background:#111b2d;border-radius:17px;min-height:260px;display:flex;flex-direction:column}.blog-label{font-size:9px;font-weight:850;letter-spacing:1px;color:var(--mint);text-transform:uppercase}.blog-card h2{font-size:19px;line-height:1.35;letter-spacing:-.5px;margin:19px 0 10px}.blog-card h2 a:hover{color:var(--mint)}.blog-card p{font-size:12px;color:#96a6be;line-height:1.7;margin:0 0 22px}.blog-card .text-link{margin-top:auto}.article-page{max-width:900px}.article-content{padding:35px;max-width:800px}.article-content h1{font-size:44px;letter-spacing:-2px;line-height:1.14;margin:14px 0}.article-deck{font-size:15px!important;color:#b8c6da!important}.article-content p{font-size:13px}.article-content a:not(.btn){color:var(--mint);text-decoration:underline}.article-content .btn{margin-top:12px}
/* Reusable workspace controls */
.tool-form{display:grid;gap:17px}.form-intro{color:#94a5bd;font-size:11px;margin:0 0 2px}.fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fields-grid.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label,.field-label{font-size:10px;font-weight:750;color:#b9c7dc}.field input,.field select,.field textarea,.tool-form input[type="text"],.tool-form input[type="number"],.tool-form input[type="date"],.tool-form input[type="time"],.tool-form input[type="datetime-local"],.tool-form select,.tool-form textarea{width:100%;border:1px solid #30405a;background:#0a1323;border-radius:9px;padding:11px 12px;color:#eef4ff;outline:0;font-size:12px;min-width:0}.field input:focus,.field select:focus,.field textarea:focus,.tool-form textarea:focus{border-color:#54bda9;box-shadow:0 0 0 3px rgba(82,230,203,.06)}.field textarea,.tool-form textarea{resize:vertical;min-height:115px;line-height:1.6}.field input::placeholder,.field textarea::placeholder,.tool-form textarea::placeholder{color:#60728f}.field small{font-size:9px;color:#71839d;line-height:1.45}.field.full{grid-column:1/-1}.field-check{display:flex;align-items:center;gap:9px;color:#a7b6cc;font-size:11px}.field-check input{accent-color:var(--mint)}.tool-actions{display:flex;gap:9px;flex-wrap:wrap}.tool-actions button,.tool-actions a{font-size:11px}.tool-output{border:1px solid #304460;background:linear-gradient(145deg,rgba(23,43,57,.75),rgba(15,26,43,.9));border-radius:13px;padding:16px;margin-top:2px;min-width:0}.tool-output[hidden]{display:none}.output-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1px;font-weight:850;color:#8d9eb8;text-transform:uppercase;margin-bottom:9px}.output-value{font-size:clamp(22px,3vw,32px);font-weight:850;line-height:1.25;letter-spacing:-.8px;color:var(--mint);overflow-wrap:anywhere}.output-detail{font-size:11px;color:#9eacc3;line-height:1.65;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}.output-content{overflow:auto;max-width:100%;margin-top:10px}.output-content pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#cad6e8;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0}.output-content table{border-collapse:collapse;width:100%;font-size:11px}.output-content th,.output-content td{padding:8px;text-align:left;border-bottom:1px solid #2a3a52}.output-content th{color:#7bdcc9}.status-line{font-size:10px;color:#87d8c8;min-height:14px}.warning-note{border:1px solid rgba(247,202,114,.22);background:rgba(247,202,114,.05);color:#d6bf88;border-radius:9px;padding:10px 12px;font-size:10px;line-height:1.6}.dropzone{border:1px dashed #47617b;border-radius:13px;background:rgba(18,34,54,.56);padding:27px;text-align:center;transition:border .2s,background .2s}.dropzone.dragover{border-color:var(--mint);background:rgba(82,230,203,.06)}.dropzone .drop-icon{font-size:27px;color:var(--mint)}.dropzone h3{font-size:13px;margin:7px 0 4px}.dropzone p{font-size:10px;color:#8193ad;margin:0 0 13px}.dropzone input{max-width:100%;font-size:10px;color:#9cacc4}.file-list{display:grid;gap:7px;margin:12px 0}.file-chip{display:flex;align-items:center;gap:9px;border:1px solid #2c3b54;background:#121e32;border-radius:9px;padding:9px 10px;font-size:10px}.file-chip span{overflow-wrap:anywhere;flex:1}.file-chip b{font-size:9px;color:#8b9db8;font-weight:600}.preview-box{margin-top:12px;padding:12px;border-radius:10px;background:#0a1220;border:1px solid #2a3951;overflow:auto}.preview-box img{max-width:100%;height:auto;display:block;margin:auto}.preview-box canvas{max-width:100%;height:auto;display:block;margin:auto}.timer-display{font-size:48px;letter-spacing:-2px;font-variant-numeric:tabular-nums;font-weight:850;text-align:center;color:var(--mint);padding:17px}.checklist{display:grid;gap:8px}.checklist label{display:flex;align-items:flex-start;gap:9px;color:#a7b5ca;font-size:11px}.checklist input{accent-color:var(--mint);margin-top:3px}.result-banner{color:#8debd9;font-size:11px;margin-top:8px}.site-footer .brand{font-size:20px}
@media(max-width:1050px){.main-nav{gap:17px}.main-nav a{font-size:12px}.header-inner{gap:20px}.category-grid{grid-template-columns:repeat(3,1fr)}.category-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{min-height:360px}.hero h1{font-size:60px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-layout{grid-template-columns:minmax(0,1fr) 240px}.tool-content-grid{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:780px){.shell{width:min(100% - 32px,var(--max))}.header-inner{width:calc(100% - 32px);height:70px}.main-nav,.nav-signin,.header-actions>.btn{display:none}.header-actions{margin-left:auto}.mobile-menu{display:block;border:1px solid #2c3b56;background:#111b2e;color:#dce7f7;width:40px;height:38px;border-radius:10px}.mobile-nav.open{display:flex;flex-direction:column;gap:0;padding:4px 16px 14px;border-top:1px solid #1d2a40}.mobile-nav a{padding:12px 3px;color:#adbad0;border-bottom:1px solid #1d2a40;font-size:12px}.hero{grid-template-columns:1fr;gap:10px;padding-top:52px;padding-bottom:35px}.hero h1{font-size:clamp(45px,10vw,64px);letter-spacing:-2.8px}.hero-lead{font-size:14px}.hero-art{min-height:380px;max-width:560px;width:100%;margin:auto}.art-window{transform:none}.chip-one{right:0}.chip-two{left:0}.stats-strip{grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 0}.stats-strip>div:not(.stats-message){display:block}.stats-strip strong{display:block;font-size:23px}.stats-strip span{font-size:10px}.stats-message{display:none}.section{padding-top:62px;padding-bottom:62px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:174px;padding:18px 15px}.tool-grid,.category-tool-grid,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:flex-start}.section-heading h2{font-size:29px}.section-heading>.text-link{margin-top:15px}.benefit-grid{grid-template-columns:1fr}.benefit-card{padding:22px}.cta-card{padding:30px;align-items:flex-start;flex-direction:column}.cta-card h2{font-size:28px}.footer-top{width:calc(100% - 32px);grid-template-columns:repeat(2,1fr);gap:26px}.footer-brand{grid-column:1/-1}.footer-bottom{width:calc(100% - 32px);flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:13px 0}.page-main{padding-top:20px}.compact-hero h1{font-size:42px;letter-spacing:-2px}.library-layout{grid-template-columns:1fr;gap:12px}.category-filter{position:static;padding:13px}.category-filter h3{margin-bottom:9px}.category-filter>[data-category-filters]{display:flex;flex-wrap:wrap;gap:6px}.filter-category{width:auto;gap:10px;margin:0;border-color:#2a3953;padding:7px 9px}.filter-note{display:none}.directory-meta{margin-bottom:18px}.category-hero{align-items:flex-start;gap:16px}.cat-large-icon{width:70px;height:70px;flex-basis:70px;border-radius:19px;font-size:31px}.category-hero h1{font-size:34px;letter-spacing:-1.6px}.category-hero p{font-size:12px}.tool-heading{display:block}.tool-heading h1{font-size:38px;letter-spacing:-1.7px}.back-tools{display:inline-block;margin-top:17px}.workspace-layout,.tool-content-grid{grid-template-columns:1fr}.tool-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tool-content-grid{margin-top:18px}.blog-grid{grid-template-columns:1fr 1fr}.blog-card{padding:19px}.article-content{padding:25px}.article-content h1{font-size:36px}}
@media(max-width:520px){.shell{width:calc(100% - 28px)}.brand{min-width:0;font-size:21px}.brand img{width:38px;height:38px}.brand img.brand-full{width:154px;height:auto;max-height:42px}.hero{padding-top:39px}.hero h1{font-size:49px}.hero-search{gap:5px}.hero-search button{font-size:10px;padding:12px 9px}.hero-search kbd{display:none}.hero-search input{font-size:11px}.hero-trust{gap:9px 13px;font-size:10px}.hero-art{min-height:320px}.art-main{padding:17px 12px}.art-window{border-radius:15px}.art-content{grid-template-columns:36px 1fr;min-height:270px}.art-side{gap:17px}.art-tool{padding:9px}.art-title{font-size:19px}.float-chip{font-size:9px;padding:9px 10px}.chip-one{top:8px}.chip-two{bottom:8px}.stats-strip{gap:8px}.stats-strip strong{font-size:21px}.stats-strip span{font-size:9px}.section-heading{display:block}.section-heading>.text-link{margin-top:15px}.category-grid{gap:9px}.category-card{padding:15px 12px;min-height:166px}.cat-icon{width:38px;height:38px;margin-bottom:12px}.category-card h3{font-size:12px}.category-card p{font-size:10px}.category-card .cat-bottom{font-size:9px}.tool-grid,.category-tool-grid,.library-grid{grid-template-columns:1fr}.tool-card{padding:14px}.tool-card p{font-size:11px}.tool-aside{grid-template-columns:1fr}.category-hero{display:block}.cat-large-icon{margin-bottom:18px}.category-hero h1{font-size:38px}.category-search{gap:8px}.category-search>a{font-size:9px}.directory-search{margin-top:19px}.directory-meta{gap:6px}.compact-hero h1{font-size:39px}.page-hero>p{font-size:12px}.fields-grid,.fields-grid.three-cols{grid-template-columns:1fr}.field.full{grid-column:auto}.tool-workspace{padding:16px}.workspace-top{padding-inline:14px}.tool-output{padding:12px}.output-value{font-size:25px}.blog-grid{grid-template-columns:1fr}.blog-card{min-height:225px}.article-content{padding:21px}.article-content h1{font-size:31px}.footer-top{gap:22px}.footer-brand{grid-column:1/-1}.cta-card{padding:25px 22px}.cta-card h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Popularity-aware tool cards: high-demand tools get more visual weight. */
.tool-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}
.tool-card-heading h3{flex:1;min-width:0}
.tool-popularity{flex:0 0 auto;display:inline-flex;align-items:center;border:1px solid rgba(82,230,203,.25);background:rgba(82,230,203,.09);color:#8bead8;font-size:8px;font-weight:850;letter-spacing:.45px;text-transform:uppercase;padding:3px 6px;border-radius:6px;margin-top:0}
.tool-card-large{padding:21px;min-height:142px;border-color:rgba(82,230,203,.34);background:linear-gradient(145deg,rgba(24,48,67,.96),rgba(13,24,42,.96));box-shadow:inset 0 0 0 1px rgba(82,230,203,.025)}
.tool-card-large .tool-card-icon{flex-basis:46px;width:46px;height:46px;border-radius:14px;font-size:20px;background:rgba(82,230,203,.11);border-color:rgba(82,230,203,.23)}
.tool-card-large .tool-card-heading h3{font-size:14px;line-height:1.4}
.tool-card-large .tool-card-body p{font-size:11.5px;line-height:1.65}
.tool-card-large .tool-card-bottom{margin-top:14px}
.tool-card-medium{padding:15px;min-height:106px}
.tool-card-medium .tool-card-icon{flex-basis:36px;width:36px;height:36px;font-size:15px}
.tool-card-medium .tool-card-heading h3{font-size:11.5px}
.category-tool-grid .tool-card-large{grid-column:span 2;min-height:152px}
.category-tool-grid .tool-card-large .tool-card-body p{max-width:58ch}
.category-tool-grid .tool-card-medium{min-height:112px}
.library-grid .tool-card-large{min-height:138px}
.featured-grid .tool-card-large{min-height:150px}
/* The share chooser works across native device sharing and common social platforms. */
.btn-share{background:linear-gradient(135deg,#263a5c,#202c47);border-color:#3a5275;color:#edf6ff}
.btn-share:hover{background:#2e446a;border-color:#5d7ca7}
.share-backdrop{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px;background:rgba(3,8,18,.78);backdrop-filter:blur(9px)}
.share-dialog{position:relative;width:min(520px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:27px;border-radius:22px;border:1px solid #334967;background:linear-gradient(145deg,#14223a,#0b1426);box-shadow:0 30px 100px rgba(0,0,0,.55)}
.share-close{position:absolute;top:13px;right:14px;width:34px;height:34px;border-radius:10px;border:1px solid #334967;background:#1b2a43;color:#e9f4ff;font-size:23px;line-height:1}
.share-dialog h2{font-size:27px;letter-spacing:-.8px;margin:12px 0 6px}
.share-dialog-intro{font-size:12px;color:#9caec8;margin:0 0 17px}
.share-system{width:100%;margin-bottom:14px}
.share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.share-platform{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0;padding:12px 13px;background:#111e33;border:1px solid #2d3e5b;border-radius:11px;color:#dce8f9;font-size:12px;font-weight:750;transition:background .18s,border-color .18s}
.share-platform span{color:#80e7d5;font-size:15px}
.share-platform:hover{background:#1c2e48;border-color:#5a7c9d}
.share-dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.share-dialog-actions .btn{flex:1;font-size:11px;padding:11px 12px}
.share-feedback{font-size:10px;line-height:1.55;color:#7f92ad;margin:13px 0 0}
.tool-output .tool-actions{flex-wrap:wrap;gap:8px;margin-top:15px}
.tool-output .tool-actions .btn{font-size:11px;padding:10px 12px}
@media(max-width:900px){.category-tool-grid .tool-card-large{grid-column:span 2}}
@media(max-width:620px){.category-tool-grid .tool-card-large{grid-column:auto}.tool-card-large{padding:17px;min-height:128px}.tool-card-large .tool-card-icon{flex-basis:40px;width:40px;height:40px}.share-dialog{padding:22px 17px}.share-grid{grid-template-columns:1fr 1fr}.share-dialog h2{font-size:24px}.tool-output .tool-actions .btn{flex:1 1 auto}}
@media(max-width:390px){.share-grid{grid-template-columns:1fr}.tool-card-heading{flex-wrap:wrap}}

/* Category rankings: first six high-demand tools are large square tiles; remaining tools are medium cards below. */
.category-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.category-tool-grid .tool-card-large.category-top-eight{grid-column:auto;aspect-ratio:1/1;min-height:0;height:auto;flex-direction:column;justify-content:space-between;gap:15px;padding:23px;border-color:rgba(82,230,203,.38);background:linear-gradient(150deg,rgba(24,48,67,.98),rgba(13,24,42,.98))}
.category-tool-grid .tool-card-large.category-top-eight .tool-card-icon{width:58px;height:58px;flex-basis:58px;border-radius:17px;font-size:25px}
.category-tool-grid .tool-card-large.category-top-eight .tool-card-body{display:flex;flex-direction:column;flex:1;width:100%;min-width:0}
.category-tool-grid .tool-card-large.category-top-eight .tool-card-heading h3{font-size:clamp(15px,1.45vw,20px);line-height:1.3}
.category-tool-grid .tool-card-large.category-top-eight .tool-card-body p{font-size:12px;line-height:1.65;max-width:none;margin:12px 0 auto}
.category-tool-grid .tool-card-large.category-top-eight .tool-card-bottom{margin-top:17px}
.category-tool-grid .tool-card-medium{grid-column:auto;aspect-ratio:auto;min-height:112px;max-height:none}
@media(max-width:1050px){.category-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tool-grid .tool-card-large.category-top-eight{grid-column:auto;aspect-ratio:1/1}}
@media(max-width:620px){.category-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-tool-grid .tool-card-large.category-top-eight{grid-column:auto;aspect-ratio:1/1;padding:15px;gap:9px}.category-tool-grid .tool-card-large.category-top-eight .tool-card-icon{width:42px;height:42px;flex-basis:42px;border-radius:13px;font-size:19px}.category-tool-grid .tool-card-large.category-top-eight .tool-card-heading h3{font-size:13px;letter-spacing:-.2px}.category-tool-grid .tool-card-large.category-top-eight .tool-card-body p{font-size:10px;line-height:1.45;margin-top:7px}.category-tool-grid .tool-card-large.category-top-eight .tool-popularity{font-size:7px;padding:2px 4px}.category-tool-grid .tool-card-medium{padding:12px;gap:9px;min-height:130px;flex-direction:column}.category-tool-grid .tool-card-medium .tool-card-icon{width:31px;height:31px;flex-basis:31px}.category-tool-grid .tool-card-medium .tool-card-body p{font-size:10px}}
@media(max-width:360px){.category-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-tool-grid .tool-card-large.category-top-eight{aspect-ratio:1/1;min-height:0;padding:10px;gap:7px}.category-tool-grid .tool-card-large.category-top-eight .tool-card-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px;font-size:16px}.category-tool-grid .tool-card-large.category-top-eight .tool-card-heading h3{font-size:11px}.category-tool-grid .tool-card-large.category-top-eight .tool-card-body p{font-size:9px;line-height:1.35;margin-top:5px}.category-tool-grid .tool-card-large.category-top-eight .tool-card-bottom{margin-top:8px}.category-tool-grid .tool-card-medium{min-height:112px;flex-direction:column}}

/* Premium newsletter signup */
.newsletter-section{width:min(var(--max),calc(100% - 48px));display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:32px;margin:36px auto 56px;padding:30px;border:1px solid rgba(82,230,203,.22);border-radius:22px;background:radial-gradient(ellipse at 0 0,rgba(58,113,170,.18),transparent 60%),linear-gradient(145deg,#111e33,#0d1628);box-shadow:0 22px 55px rgba(0,0,0,.18)}.newsletter-copy h2{font-size:clamp(23px,2.8vw,34px);line-height:1.2;letter-spacing:-1.2px;margin:12px 0}.newsletter-copy h2 span{background:linear-gradient(90deg,var(--mint),#83c7ff);background-clip:text;-webkit-background-clip:text;color:transparent}.newsletter-copy p{color:#9baec7;font-size:12px;line-height:1.8;margin:0;max-width:580px}.newsletter-form{padding:18px;border-radius:15px;background:rgba(5,12,25,.4);border:1px solid #293b56}.newsletter-form label{display:block;color:#dce8f8;font-size:11px;font-weight:800;margin-bottom:8px}.newsletter-input-row{display:flex;gap:8px}.newsletter-input-row input{min-width:0;flex:1;background:#0b1425;border:1px solid #31435e;color:#f4f8ff;border-radius:10px;padding:12px;font-size:12px;outline:none}.newsletter-input-row input:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(82,230,203,.08)}.newsletter-input-row .btn{font-size:11px;padding:11px 13px}.newsletter-status{font-size:10px;color:#7f93af;line-height:1.6;margin:10px 0 0}.newsletter-status.success{color:#80ebcd}.newsletter-status.error{color:#ff9da8}@media(max-width:700px){.newsletter-section{grid-template-columns:1fr;gap:19px;padding:22px;margin:27px auto 38px}.newsletter-form{padding:14px}}@media(max-width:430px){.newsletter-input-row{flex-direction:column}.newsletter-input-row .btn{width:100%}}


/* Toolnook refined premium navigation, icons, and compact square popular tiles */
[hidden]{display:none!important}
.brand img.brand-full{width:190px;height:auto;max-height:58px;object-fit:contain;display:block}
.main-nav{gap:clamp(12px,1.4vw,21px)}
.main-nav>a,.nav-dropdown-toggle{color:#bcc8dd;font-size:12.5px;font-weight:700;white-space:nowrap;transition:color .18s ease}
.main-nav>a:hover,.nav-dropdown-toggle:hover{color:var(--mint)}
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-toggle{display:inline-flex;gap:7px;align-items:center;border:0;background:transparent;padding:10px 0;cursor:pointer}
.nav-dropdown-toggle svg,.mobile-more-tools summary svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.nav-dropdown-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:calc(100% + 13px);right:-18px;width:238px;z-index:100;display:grid;grid-template-columns:1fr;gap:2px;padding:10px;border:1px solid #2b3d59;border-radius:16px;background:linear-gradient(150deg,rgba(20,32,53,.99),rgba(10,18,33,.99));box-shadow:0 20px 60px rgba(0,0,0,.48);backdrop-filter:blur(18px)}
.nav-dropdown-menu a{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-radius:9px;color:#afbed4;font-size:12px;font-weight:650}
.nav-dropdown-menu a:hover{background:rgba(82,230,203,.09);color:#79efdd}
.nav-dropdown-menu .dropdown-all-tools{color:#7df0dd;background:rgba(82,230,203,.09);margin-bottom:4px}
.mobile-more-tools{border-bottom:1px solid #1d2a40;color:#adbad0;font-size:12px}
.mobile-more-tools summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;padding:12px 3px;font-weight:750}
.mobile-more-tools summary::-webkit-details-marker{display:none}
.mobile-more-tools[open] summary svg{transform:rotate(180deg)}
.mobile-more-tools a{display:block;margin-left:9px;padding:10px 8px;border-bottom:0;border-radius:8px}
.mobile-more-tools a:hover{background:rgba(82,230,203,.07);color:var(--mint)}
.tool-card-icon,.cat-icon{display:grid;place-items:center;flex-shrink:0}
.tool-card-icon svg{width:23px;height:23px;display:block;stroke:currentColor;stroke-width:1.75}
.cat-icon svg{width:22px;height:22px;display:block;stroke:currentColor;stroke-width:1.75}
.category-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:13px}
.category-tool-grid .tool-card-large.category-top-eight{grid-column:auto;aspect-ratio:1/1;min-height:0;height:auto;max-height:none;flex-direction:column;justify-content:space-between;gap:12px;padding:17px;border-radius:15px;background:linear-gradient(150deg,rgba(23,43,62,.98),rgba(12,23,40,.98));border-color:rgba(82,230,203,.28)}
.category-tool-grid .tool-card-large.category-top-eight .tool-card-icon{width:44px;height:44px;flex:0 0 44px;border-radius:13px;font-size:0}
.category-tool-grid .tool-card-large.category-top-eight .tool-card-icon svg{width:23px;height:23px}
.category-tool-grid .tool-card-large.category-top-eight .tool-card-body{display:flex;flex-direction:column;flex:1;width:100%;min-width:0}
.category-tool-grid .tool-card-large.category-top-eight .tool-card-heading{align-items:flex-start;gap:5px;flex-wrap:wrap}
.category-tool-grid .tool-card-large.category-top-eight .tool-card-heading h3{font-size:14px;line-height:1.32;letter-spacing:-.25px}
.category-tool-grid .tool-card-large.category-top-eight .tool-card-body p{font-size:10.5px;line-height:1.5;max-width:none;margin:8px 0 auto;color:#97a8c0}
.category-tool-grid .tool-card-large.category-top-eight .tool-card-bottom{margin-top:12px;font-size:9px}
.category-tool-grid .tool-card-large.category-top-eight .tool-popularity{font-size:7px;padding:2px 5px}
.category-tool-grid .tool-card-medium{grid-column:auto;aspect-ratio:auto;max-height:none;min-height:101px;padding:13px;gap:11px;align-items:flex-start}
.category-tool-grid .tool-card-medium .tool-card-icon{width:34px;height:34px;flex:0 0 34px;font-size:0;border-radius:10px}
.category-tool-grid .tool-card-medium .tool-card-icon svg{width:18px;height:18px}
.category-tool-grid .tool-card-medium .tool-card-heading h3{font-size:11.5px;line-height:1.4}
.category-tool-grid .tool-card-medium .tool-card-body p{font-size:10px;line-height:1.5;margin-top:4px}
.category-tool-grid .tool-card-medium .tool-card-bottom{margin-top:7px;font-size:9px}
@media(min-width:1051px){.category-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:781px) and (max-width:1050px){.header-inner{gap:17px}.brand{min-width:165px}.brand img.brand-full{width:165px}.main-nav{gap:12px}.main-nav>a,.nav-dropdown-toggle{font-size:11.5px}.category-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.main-nav,.header-actions>.btn{display:none}.header-inner{gap:12px}.brand img.brand-full{width:168px;max-height:48px}.mobile-nav.open{display:flex;flex-direction:column;gap:0;padding:4px 16px 14px;border-top:1px solid #1d2a40}.category-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-tool-grid .tool-card-large.category-top-eight{padding:13px;gap:8px}.category-tool-grid .tool-card-large.category-top-eight .tool-card-icon{width:38px;height:38px;flex-basis:38px}.category-tool-grid .tool-card-large.category-top-eight .tool-card-heading h3{font-size:12.5px}.category-tool-grid .tool-card-large.category-top-eight .tool-card-body p{font-size:9.5px;line-height:1.4;margin-top:5px}.category-tool-grid .tool-card-large.category-top-eight .tool-card-bottom{margin-top:7px}.category-tool-grid .tool-card-medium{min-height:112px;flex-direction:column;gap:8px}.category-tool-grid .tool-card-medium .tool-card-icon{width:31px;height:31px;flex-basis:31px}}
@media(max-width:520px){.brand img.brand-full{width:150px;max-height:42px}.category-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-tool-grid .tool-card-large.category-top-eight{padding:10px;gap:6px}.category-tool-grid .tool-card-large.category-top-eight .tool-card-icon{width:32px;height:32px;flex-basis:32px;border-radius:9px}.category-tool-grid .tool-card-large.category-top-eight .tool-card-icon svg{width:18px;height:18px}.category-tool-grid .tool-card-large.category-top-eight .tool-card-heading h3{font-size:11px}.category-tool-grid .tool-card-large.category-top-eight .tool-card-body p{font-size:8.5px;margin-top:4px}.category-tool-grid .tool-card-large.category-top-eight .tool-popularity{display:none}.category-tool-grid .tool-card-medium{min-height:104px;padding:10px}}

.cat-large-icon svg{display:block;width:36px;height:36px;stroke:currentColor;stroke-width:1.65}


/* SEO content blocks: useful visible content, not hidden keyword text. */
.category-seo-content{margin:34px 0 12px;padding:28px;background:rgba(13,24,43,.72);border:1px solid rgba(110,145,190,.18);border-radius:22px;line-height:1.72;color:var(--muted,#aab8d0)}
.category-seo-content h2,.tool-seo-article h2{color:var(--text,#f3f7ff);letter-spacing:-.025em}
.category-seo-content h3,.tool-seo-article h3{margin:22px 0 8px;color:var(--text,#e9f0ff);font-size:1.05rem}
.seo-faq-list{display:grid;gap:10px;margin-top:12px}
.seo-faq{border:1px solid rgba(120,154,199,.2);border-radius:12px;padding:13px 15px;background:rgba(255,255,255,.025)}
.seo-faq summary{cursor:pointer;color:var(--text,#eff5ff);font-weight:650}
.seo-faq p{margin:10px 0 0;color:var(--muted,#aab8d0);line-height:1.65}
.seo-steps,.seo-use-cases{padding-left:22px;line-height:1.8;color:var(--muted,#aab8d0)}
.seo-disclaimer{margin-top:26px;padding-top:16px;border-top:1px solid rgba(120,154,199,.18);font-size:.88rem;color:var(--muted,#9caec8)}
.related-tool-links{display:flex;flex-direction:column;gap:8px;margin:14px 0 18px}
.related-tool-link{display:block;padding:10px 12px;border:1px solid rgba(120,154,199,.18);border-radius:10px;text-decoration:none;color:var(--text,#eaf3ff);background:rgba(255,255,255,.025)}
.related-tool-link:hover{border-color:rgba(75,224,203,.55);color:var(--accent,#59e6d1)}
.directory-seo-intro{max-width:780px;margin:10px 0 0;color:var(--muted,#aab8d0);line-height:1.65}
.homepage-seo-faq{padding-top:10px;padding-bottom:30px}
@media(max-width:640px){.category-seo-content{padding:20px 16px;border-radius:16px}.seo-faq{padding:11px 12px}}


/* Toolnook AI assistant */
.tn-ai-root{position:fixed;z-index:9998;right:22px;bottom:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf4ff}
.tn-ai-launcher{display:flex;align-items:center;gap:10px;border:1px solid rgba(94,231,215,.35);border-radius:999px;padding:11px 16px 11px 11px;background:linear-gradient(135deg,#0c1a31 0%,#102b48 100%);color:#f8fbff;box-shadow:0 16px 44px rgba(0,0,0,.32),0 0 0 1px rgba(73,213,210,.08) inset;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.tn-ai-launcher:hover{transform:translateY(-2px);box-shadow:0 18px 48px rgba(0,0,0,.38),0 0 24px rgba(23,208,205,.13)}
.tn-ai-launcher-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#48e6d0,#218bf1);color:#071a2c}
.tn-ai-launcher-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tn-ai-launcher-label{font-size:13px;font-weight:750;letter-spacing:.005em}.tn-ai-online-dot,.tn-ai-head-copy i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4fe2c7;box-shadow:0 0 0 3px rgba(79,226,199,.1)}
.tn-ai-panel{position:absolute;right:0;bottom:70px;width:min(390px,calc(100vw - 28px));height:min(570px,calc(100dvh - 112px));min-height:390px;border:1px solid rgba(130,169,211,.22);border-radius:21px;overflow:hidden;background:#0b1425;box-shadow:0 24px 72px rgba(0,0,0,.52);display:flex;flex-direction:column}
.tn-ai-panel[hidden]{display:none!important}.tn-ai-head{display:flex;align-items:center;gap:11px;padding:16px;border-bottom:1px solid rgba(139,164,199,.16);background:linear-gradient(115deg,#10213b,#0c1b31)}
.tn-ai-avatar{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:14px;background:linear-gradient(135deg,#49e4d0,#278ef5)}.tn-ai-avatar svg{width:28px;height:28px;fill:none;stroke:#071a2b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tn-ai-head-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.tn-ai-head-copy strong{font-size:14px;letter-spacing:.01em}.tn-ai-head-copy span{font-size:11px;color:#98acc8;display:flex;align-items:center;gap:7px}.tn-ai-reset,.tn-ai-close{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:9px;border:1px solid rgba(146,176,211,.2);background:#152640;color:#c9d9ef;font-size:19px;cursor:pointer}.tn-ai-close{font-size:23px}.tn-ai-reset:hover,.tn-ai-close:hover{background:#203958}
.tn-ai-messages{flex:1;overflow-y:auto;padding:17px 14px 15px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.tn-ai-welcome{padding:11px 4px 5px}.tn-ai-stars{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#64eed8;background:rgba(67,219,207,.12);font-size:21px}.tn-ai-welcome h3{font-size:17px;margin:13px 0 6px;letter-spacing:-.025em;color:#f4f8ff}.tn-ai-welcome p{font-size:12px;line-height:1.65;color:#9dafc9;margin:0 0 16px;max-width:300px}.tn-ai-suggestions{display:grid;gap:8px}.tn-ai-suggestions button{padding:10px 12px;text-align:left;color:#d7e7fa;background:#101f35;border:1px solid rgba(132,173,220,.18);border-radius:11px;font-size:12px;cursor:pointer}.tn-ai-suggestions button:hover{border-color:#46cfc5;background:#132942}
.tn-ai-message{width:100%;display:flex}.tn-ai-message.tn-ai-user{justify-content:flex-end}.tn-ai-bubble{max-width:91%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12.5px;line-height:1.65;padding:10px 12px;border-radius:14px;background:#12223b;color:#dce9fc;border:1px solid rgba(135,169,212,.14)}.tn-ai-user .tn-ai-bubble{background:linear-gradient(135deg,#174c69,#166d78);border-color:rgba(83,223,207,.24);color:#f7ffff;border-bottom-right-radius:4px}.tn-ai-assistant .tn-ai-bubble{border-bottom-left-radius:4px}.tn-ai-pending .tn-ai-bubble{color:#92a7c4;font-style:italic}.tn-ai-compose{display:flex;align-items:flex-end;gap:8px;padding:10px 12px 12px;border-top:1px solid rgba(139,164,199,.15);background:#0b1425}.tn-ai-compose textarea{min-height:42px;max-height:100px;flex:1;resize:none;border:1px solid rgba(126,164,207,.23);border-radius:12px;background:#111f34;padding:11px 12px;color:#f0f6ff;font:inherit;font-size:12.5px;line-height:1.5;outline:none}.tn-ai-compose textarea:focus{border-color:#43d5c8;box-shadow:0 0 0 3px rgba(67,213,200,.08)}.tn-ai-compose textarea::placeholder{color:#8298b7}.tn-ai-compose button{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:0;border-radius:12px;background:linear-gradient(135deg,#55ecd2,#258fee);color:#062033;cursor:pointer}.tn-ai-compose button:disabled{opacity:.55;cursor:wait}.tn-ai-compose button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tn-ai-foot{display:flex;justify-content:space-between;gap:8px;padding:0 14px 10px;background:#0b1425;color:#6f85a3;font-size:9px}.tn-ai-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:520px){.tn-ai-root{right:12px;bottom:12px}.tn-ai-launcher{padding:9px 12px 9px 9px;gap:8px}.tn-ai-launcher-icon{width:32px;height:32px}.tn-ai-launcher-label{font-size:12px}.tn-ai-panel{right:0;bottom:61px;width:min(390px,calc(100vw - 24px));height:min(590px,calc(100dvh - 88px));min-height:350px;border-radius:18px}.tn-ai-head{padding:13px}.tn-ai-messages{padding:13px 11px}.tn-ai-foot{font-size:8px}}
@media(prefers-reduced-motion:reduce){.tn-ai-launcher,.tn-ai-messages{transition:none;scroll-behavior:auto}}


.seo-context-note{margin:16px 0;padding:13px 15px;border-left:2px solid rgba(75,224,207,.72);background:rgba(48,170,183,.055);border-radius:0 10px 10px 0;color:#b6c6dd;line-height:1.7}


/* ================= Toolnook global light theme ================= */
html[data-theme="light"] {
  color-scheme: light;
  --bg:#f4f7fb; --bg2:#ffffff; --panel:#ffffff; --panel2:#f2f5fa;
  --line:#dce4ee; --text:#182438; --muted:#56677e; --muted2:#718198;
  --mint:#087f73; --blue:#4265ca; --purple:#7661c9;
  --warning:#8b651e; --danger:#c53e50; --shadow:0 20px 55px rgba(32,49,75,.12);
}
html[data-theme="light"] body {background:radial-gradient(ellipse at 80% -5%,rgba(77,117,203,.08),transparent 34rem),var(--bg);color:var(--text)}
html[data-theme="light"] .site-header {background:rgba(255,255,255,.9);border-bottom-color:#dfe6ef;box-shadow:0 4px 24px rgba(34,52,80,.04)}
html[data-theme="light"] .main-nav a, html[data-theme="light"] .nav-signin, html[data-theme="light"] .nav-dropdown-toggle {color:#40516a}
html[data-theme="light"] .main-nav a:hover, html[data-theme="light"] .nav-dropdown-toggle:hover {color:#087f73}
html[data-theme="light"] .nav-dropdown-menu {background:rgba(255,255,255,.98);border-color:#dce4ee;box-shadow:0 18px 45px rgba(31,48,74,.16)}
html[data-theme="light"] .nav-dropdown-menu a {color:#3b4b62}
html[data-theme="light"] .nav-dropdown-menu a:hover {background:#edf4f8;color:#087f73}
html[data-theme="light"] .nav-dropdown-menu .dropdown-all-tools {color:#087f73;background:#e7f6f2}
html[data-theme="light"] .nav-dropdown-menu .invoice-dropdown-link {background:#fbf5e9;border-color:#e5d2ae;color:#60441d}
html[data-theme="light"] .mobile-nav {background:#fff;border-color:#dbe3ed;box-shadow:0 18px 40px rgba(31,48,74,.14)}
html[data-theme="light"] .mobile-nav a, html[data-theme="light"] .mobile-more-tools summary {color:#263951;border-bottom-color:#e7edf4}
html[data-theme="light"] .mobile-more-tools .invoice-dropdown-link {background:#fbf5e9;color:#60441d}
html[data-theme="light"] .global-theme-toggle {background:#edf2f8;border-color:#d5dfeb;color:#24364d}
html[data-theme="light"] .global-theme-toggle:hover {background:#e1eaf4;border-color:#bccbde}
html[data-theme="light"] .btn-primary {background:#087f73;color:#fff;box-shadow:0 8px 24px rgba(8,127,115,.14)}
html[data-theme="light"] .btn-primary:hover {background:#096d64}
html[data-theme="light"] .btn-secondary {background:#f0f4f9;border-color:#d6e0eb;color:#22344b}
html[data-theme="light"] .btn-secondary:hover {background:#e4ecf5}
html[data-theme="light"] .hero h1, html[data-theme="light"] .page-hero h1, html[data-theme="light"] .category-hero h1, html[data-theme="light"] .tool-heading h1, html[data-theme="light"] .static-hero h1, html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3, html[data-theme="light"] h4 {color:#182438}
html[data-theme="light"] .hero-lead, html[data-theme="light"] .hero-trust, html[data-theme="light"] .stats-strip span, html[data-theme="light"] .stats-message, html[data-theme="light"] .section-heading p, html[data-theme="light"] .category-card p, html[data-theme="light"] .tool-card p, html[data-theme="light"] .tool-card-bottom, html[data-theme="light"] .tool-heading p, html[data-theme="light"] .page-hero p, html[data-theme="light"] .category-hero p, html[data-theme="light"] .page-intro, html[data-theme="light"] .static-hero p {color:#596b82}
html[data-theme="light"] .eyebrow {color:#576b85}
html[data-theme="light"] .eyebrow-line {background:#c4d0df}
html[data-theme="light"] .hero-search, html[data-theme="light"] .directory-search, html[data-theme="light"] .category-search {background:#fff;border-color:#d7e0eb;box-shadow:0 10px 30px rgba(31,48,74,.06)}
html[data-theme="light"] .hero-search input, html[data-theme="light"] .directory-search input, html[data-theme="light"] .category-search input {color:#1d2b40}
html[data-theme="light"] .hero-search input::placeholder, html[data-theme="light"] .directory-search input::placeholder, html[data-theme="light"] .category-search input::placeholder {color:#7b8ba0}
html[data-theme="light"] .hero-search kbd {background:#f2f5f9;border-color:#d8e1eb;color:#718198}
html[data-theme="light"] .art-window {background:linear-gradient(140deg,#fff,#eff4fa);border-color:#d2ddea;box-shadow:0 30px 70px rgba(37,60,90,.15)}
html[data-theme="light"] .art-top {background:#edf2f8;border-color:#dce4ed}
html[data-theme="light"] .art-top b, html[data-theme="light"] .art-kicker, html[data-theme="light"] .art-sub, html[data-theme="light"] .art-tool small, html[data-theme="light"] .art-progress {color:#6a7c93}
html[data-theme="light"] .art-side {background:#f5f8fc;border-color:#dce4ed;color:#6e8097}
html[data-theme="light"] .art-tool, html[data-theme="light"] .art-tool.active {background:#f5f8fc;border-color:#dce4ed;color:#23354c}
html[data-theme="light"] .art-tool i {background:#e1f4f0;color:#087f73}
html[data-theme="light"] .float-chip {background:#fff;border-color:#dce4ed;color:#34465e;box-shadow:0 12px 35px rgba(37,60,90,.13)}
html[data-theme="light"] .stats-strip {border-color:#e0e7ef}
html[data-theme="light"] .section-muted {background:linear-gradient(180deg,rgba(228,235,244,.64),rgba(246,249,252,.35));border-color:#e3eaf2}
html[data-theme="light"] .category-card, html[data-theme="light"] .tool-card, html[data-theme="light"] .blog-card, html[data-theme="light"] .benefit-card, html[data-theme="light"] .aside-card, html[data-theme="light"] .content-panel, html[data-theme="light"] .contact-panel, html[data-theme="light"] .workspace-card, html[data-theme="light"] .standalone-panel, html[data-theme="light"] .related-panel, html[data-theme="light"] .tool-workspace {background:#fff;border-color:#dce4ee;box-shadow:0 8px 28px rgba(34,52,80,.04)}
html[data-theme="light"] .category-card:hover, html[data-theme="light"] .tool-card:hover, html[data-theme="light"] .blog-card:hover {background:#f9fbfe;border-color:#9fb8ce}
html[data-theme="light"] .cat-icon, html[data-theme="light"] .tool-card-icon, html[data-theme="light"] .benefit-icon, html[data-theme="light"] .aside-icon {background:#e7f5f2;border-color:#cbe9e3;color:#087f73}
html[data-theme="light"] .cat-bottom, html[data-theme="light"] .tool-tag, html[data-theme="light"] .tool-popularity, html[data-theme="light"] .category-meta {color:#74859b}
html[data-theme="light"] .tool-form input, html[data-theme="light"] .tool-form select, html[data-theme="light"] .tool-form textarea, html[data-theme="light"] .field input, html[data-theme="light"] .field select, html[data-theme="light"] .field textarea, html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.iv-field input), html[data-theme="light"] select:not(.iv-template-tools select), html[data-theme="light"] textarea:not(.iv-field textarea) {background:#fff;color:#1d2b40;border-color:#ccd8e5}
html[data-theme="light"] input::placeholder, html[data-theme="light"] textarea::placeholder {color:#8b99ab}
html[data-theme="light"] .field-label, html[data-theme="light"] .field label {color:#3b4d64}
html[data-theme="light"] .tool-output, html[data-theme="light"] .output-content, html[data-theme="light"] .preview-box {background:#f4f8fb;border-color:#d5e1ed;color:#273a51}
html[data-theme="light"] .output-label, html[data-theme="light"] .output-detail {color:#60738a}
html[data-theme="light"] .output-value {color:#087f73}
html[data-theme="light"] .result-banner, html[data-theme="light"] .status-line {color:#087767}
html[data-theme="light"] .warning-note {background:#fff8e8;border-color:#ead9ad;color:#755a26}
html[data-theme="light"] .seo-faq, html[data-theme="light"] .homepage-seo-faq, html[data-theme="light"] .seo-faq-list, html[data-theme="light"] .seo-context-note, html[data-theme="light"] .seo-disclaimer, html[data-theme="light"] .inline-note {background:#fff;border-color:#dde6ef;color:#43556c}
html[data-theme="light"] details.seo-faq summary, html[data-theme="light"] details summary {color:#25384f}
html[data-theme="light"] .article-content, html[data-theme="light"] .article-page, html[data-theme="light"] .tool-seo-article, html[data-theme="light"] .category-seo-content, html[data-theme="light"] .directory-seo-intro {color:#283a50}
html[data-theme="light"] .article-content p, html[data-theme="light"] .article-content li, html[data-theme="light"] .tool-seo-article p, html[data-theme="light"] .tool-seo-article li, html[data-theme="light"] .category-seo-content p, html[data-theme="light"] .category-seo-content li, html[data-theme="light"] .directory-seo-intro p {color:#4e6077}
html[data-theme="light"] .breadcrumbs, html[data-theme="light"] .breadcrumbs a {color:#718198}
html[data-theme="light"] .filter-category {background:#fff;border-color:#dce4ee;color:#41536a}
html[data-theme="light"] .filter-category.active {background:#e6f5f1;border-color:#a7d9ce;color:#086f65}
html[data-theme="light"] .filter-note {border-color:#e0e7ef;color:#5f7187}
html[data-theme="light"] .empty-state {background:#fff;border-color:#dce4ee;color:#56687e}
html[data-theme="light"] .newsletter-section {background:radial-gradient(ellipse at 0 0,rgba(58,113,170,.06),transparent 60%),linear-gradient(145deg,#fff,#f1f6fa);border-color:#d2e5e1;box-shadow:0 15px 45px rgba(31,48,74,.08)}
html[data-theme="light"] .newsletter-copy p, html[data-theme="light"] .newsletter-status {color:#5a6c81}
html[data-theme="light"] .newsletter-form {background:#fff;border-color:#dce4ed}
html[data-theme="light"] .newsletter-form label {color:#33475f}
html[data-theme="light"] .newsletter-form input {background:#fff;color:#1c2b40;border-color:#d4deea}
html[data-theme="light"] .cta-card {background:linear-gradient(130deg,#e5f2ef,#edf3fb);border-color:#d5e2ef;color:#1f3249}
html[data-theme="light"] .cta-card p {color:#5a6e84}
html[data-theme="light"] .site-footer {background:#edf2f7;border-top-color:#dce5ee;color:#32465f}
html[data-theme="light"] .site-footer p, html[data-theme="light"] .site-footer a, html[data-theme="light"] .footer-bottom, html[data-theme="light"] .privacy-note {color:#61738a}
html[data-theme="light"] .site-footer h3 {color:#243750}
html[data-theme="light"] .tool-trust, html[data-theme="light"] .workspace-local, html[data-theme="light"] .workspace-top, html[data-theme="light"] .tool-aside {color:#53677f}
html[data-theme="light"] .dropzone, html[data-theme="light"] .file-chip {background:#f5f8fc;border-color:#cbd9e7;color:#4a5e75}
html[data-theme="light"] .loader-ring {border-color:#dbe5ef;border-top-color:#087f73}
html[data-theme="light"] .share-backdrop {background:rgba(25,39,58,.35)}
html[data-theme="light"] .share-dialog, html[data-theme="light"] .share-platform {background:#fff;border-color:#dce4ee;color:#26394f}
html[data-theme="light"] .tn-ai-panel {background:#fff;border-color:#dce4ee;box-shadow:0 20px 60px rgba(31,48,74,.2)}
html[data-theme="light"] .tn-ai-head, html[data-theme="light"] .tn-ai-compose {background:#f4f7fb;border-color:#e0e7ef}
html[data-theme="light"] .tn-ai-head-copy, html[data-theme="light"] .tn-ai-message, html[data-theme="light"] .tn-ai-welcome, html[data-theme="light"] .tn-ai-suggestion {color:#283a50}
html[data-theme="light"] .tn-ai-bubble {background:#edf3f8;color:#2d4058}
html[data-theme="light"] .tn-ai-user .tn-ai-bubble {background:#dff3ef;color:#184e48}
html[data-theme="light"] .tn-ai-compose textarea {background:#fff;color:#24364d;border-color:#d6e0ea}
html[data-theme="light"] .nav-dropdown-menu .invoice-dropdown-link:hover {background:#f5ead7;border-color:#dec69d}
html[data-theme="light"] .mobile-menu {background:#fff;border-color:#d6e1ed;color:#24364e}
html[data-theme="light"] .newsletter-input-row input:focus, html[data-theme="light"] .tool-form input:focus, html[data-theme="light"] .tool-form select:focus, html[data-theme="light"] .tool-form textarea:focus {border-color:#42a99a;box-shadow:0 0 0 3px rgba(8,127,115,.12);outline:0}
@media(max-width:780px){.global-theme-toggle{padding:8px 9px}.global-theme-toggle .global-theme-label{display:none}.global-theme-toggle .global-theme-icon{font-size:18px}}


/* Global theme switch + premium invoice shortcut */
.global-theme-toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;border-radius:11px;border:1px solid #2c3c57;background:#111d31;color:#dce8f7;font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s,transform .18s;}
.global-theme-toggle:hover{background:#1b2a43;border-color:#526d8c;transform:translateY(-1px)}
.global-theme-icon{font-size:15px;line-height:1}
.invoice-dropdown-link{display:flex!important;align-items:center;gap:7px!important;border-radius:10px;padding:10px 12px!important;margin:3px 0!important;border:1px solid rgba(201,162,105,.32);background:linear-gradient(120deg,rgba(201,162,105,.15),rgba(20,34,54,.72));color:#eed2a5!important;font-weight:800!important}
.invoice-dropdown-link:hover{background:linear-gradient(120deg,rgba(201,162,105,.24),rgba(20,34,54,.92))!important;border-color:rgba(225,190,137,.7)!important;color:#ffe5ba!important}
.invoice-dropdown-star{color:#e5bd7c;font-size:14px}
.invoice-dropdown-note{margin-left:auto;border-radius:99px;padding:2px 6px;background:rgba(218,180,118,.15);border:1px solid rgba(218,180,118,.23);font-size:8px!important;letter-spacing:.7px;text-transform:uppercase;color:#e6c28b!important}
.mobile-more-tools .invoice-dropdown-link{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border-radius:9px;padding:10px 12px;margin:7px 0;color:#efd5a8;border:1px solid rgba(201,162,105,.3);background:rgba(201,162,105,.1)}
.mobile-more-tools .invoice-dropdown-link small{font-size:10px;color:#b4a183}
@media(max-width:1050px){.header-actions{gap:9px}}
@media(max-width:780px){.global-theme-toggle{min-width:38px;padding:8px 9px}.header-actions{gap:8px}.invoice-dropdown-link{white-space:normal}}

/* Light-mode refinements for premium panels and secondary components */
html[data-theme="light"] .invoice-spotlight-card {background:radial-gradient(circle at 85% 35%,rgba(194,152,86,.12),transparent 18rem),linear-gradient(125deg,#fffdf8,#f7f8fb 62%,#eff4f8);border-color:#dfcfb0;box-shadow:0 20px 48px rgba(44,54,68,.08)}
html[data-theme="light"] .invoice-spotlight-card p {color:#57667a}
html[data-theme="light"] .invoice-spotlight-features span {color:#745422;background:#f9f0df;border-color:#ead9b8}
html[data-theme="light"] .tool-card.invoice-featured-tool {background:linear-gradient(135deg,#fffaf0,#f3f7fb);border-color:#dfc89d;box-shadow:0 8px 25px rgba(55,48,34,.07)}
html[data-theme="light"] .tool-card.invoice-featured-tool:hover {background:linear-gradient(135deg,#fff5e2,#edf4f9);border-color:#c8a96e}
html[data-theme="light"] .tool-card.invoice-featured-tool .tool-card-body h3, html[data-theme="light"] .tool-card.invoice-featured-tool h3 {color:#243247}
html[data-theme="light"] .tool-card.invoice-featured-tool p {color:#5b6b80}
html[data-theme="light"] .tool-card.invoice-featured-tool .tool-premium-tag {color:#8a6429}
html[data-theme="light"] .active-filter-row, html[data-theme="light"] .directory-meta, html[data-theme="light"] .tool-actions {color:#61738a}
html[data-theme="light"] .result-banner.success {color:#087767}
html[data-theme="light"] .error {color:#b3273f}
html[data-theme="light"] .category-filter {background:#fff;border-color:#dce4ee;box-shadow:0 8px 24px rgba(34,52,80,.04)}
html[data-theme="light"] .filter-category:hover {background:#eef4fa;border-color:#cbd8e6;color:#24384f}
html[data-theme="light"] .cat-large-icon {background:radial-gradient(circle at 20% 10%,rgba(8,127,115,.09),transparent 60%),#eaf2f7;border-color:#d7e3ed;color:#087f73}
html[data-theme="light"] .workspace-top {background:#f4f7fb;border-bottom-color:#dce4ee;color:#30445c}
html[data-theme="light"] .aside-private {background:linear-gradient(140deg,#edf7f5,#f5f8fb);border-color:#d8e8e4;color:#42576d}
html[data-theme="light"] .contact-panel input, html[data-theme="light"] .contact-panel select, html[data-theme="light"] .contact-panel textarea {background:#fff;color:#1d2b40;border-color:#ccd8e5}
html[data-theme="light"] .btn-share {background:linear-gradient(135deg,#e8eef7,#dfe8f3);border-color:#ccd8e7;color:#24364d}
html[data-theme="light"] .btn-share:hover {background:#dce7f3;color:#192d44}
html[data-theme="light"] .share-dialog {background:linear-gradient(145deg,#fff,#f1f5fa);border-color:#d6e0eb;color:#20344b}
html[data-theme="light"] .share-close {background:#edf2f8;color:#31465f;border-color:#d3deea}
html[data-theme="light"] .share-platform:hover {background:#edf4fa;border-color:#bfcfdf}
html[data-theme="light"] .tn-ai-reset, html[data-theme="light"] .tn-ai-close {background:#edf2f8;color:#344962;border-color:#d7e1ec}
html[data-theme="light"] .tn-ai-reset:hover, html[data-theme="light"] .tn-ai-close:hover {background:#e1eaf4}
html[data-theme="light"] .tn-ai-suggestions button {background:#f2f6fa;border-color:#d9e3ed;color:#2b4159}
html[data-theme="light"] .tn-ai-suggestions button:hover {background:#e6f2f0;border-color:#b8dcd4}
html[data-theme="light"] .tn-ai-foot {background:#f4f7fb;border-top-color:#e0e7ef;color:#74849a}
html[data-theme="light"] .tn-ai-pending {color:#667990}