:root{--bg:#101411;--surface:#1a201b;--ink:#edf0e8;--muted:#9da99e;--accent:#d6f46b;--accent-dark:#1c2410;--line:#303931;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{touch-action:manipulation}
button{color:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}
svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.container{max-width:1200px;margin:0 auto;padding:0 36px}
.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:#151b0c;padding:12px;z-index:100}
.skip:focus{top:10px}
.site-header{height:80px;border-bottom:1px solid var(--line);background:var(--bg)}
.header-inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:24px}
.logo{display:inline-flex;align-items:center;gap:11px;font-size:26px;font-weight:600;letter-spacing:-1.2px;line-height:1}
.logo img{width:30px;height:30px}
.logo .period{color:var(--accent)}
.nav-links{display:flex;gap:32px;font-size:12px;color:#adb7ac}
.nav-links a{transition:color .15s}
.nav-links a:hover,.nav-links a.active{color:var(--accent)}
.header-actions{display:flex;gap:16px;align-items:center}
.free-pill{font:9px/1.5 var(--mono);color:#b3bea9;white-space:nowrap}
.free-pill i{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #d6f46b0b}
.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:transparent;display:grid;place-items:center;border-radius:4px;color:#afbaa8}
.icon-btn svg{width:17px;height:17px}
.icon-btn:hover{border-color:#6f7e51;color:var(--accent)}
.menu-btn{display:none}
.hero{border-bottom:1px solid var(--line)}
.hero-inner{display:grid;grid-template-columns:1fr minmax(340px,490px);gap:40px;align-items:center;padding-top:27px;padding-bottom:28px}
.eyebrow{font:9px/1.6 var(--mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:7px}
.eyebrow svg{width:15px;height:15px}
.hero h1{font-size:42px;font-weight:500;line-height:1.1;letter-spacing:-2px;margin:8px 0 7px}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero p{margin:0;font-size:12px;color:var(--muted)}
.search-box{width:100%;height:55px;display:flex;align-items:center;gap:12px;border:1px solid #48513f;border-radius:4px;background:#1a211a;padding:0 17px;transition:border-color .15s}
.search-box:focus-within{border-color:var(--accent)}
.search-box>svg{width:18px;height:18px;color:var(--accent)}
.search-box input{width:100%;height:100%;background:transparent;border:0;outline:none;color:var(--ink);font-size:13px;min-width:0}
.search-box input::placeholder{color:#9aa98e;opacity:1}
.search-box input:focus{outline:none}
.search-box kbd{display:block;font:12px/24px var(--mono);padding:0 8px;color:#a9b299;border:1px solid #48513f;border-radius:3px;background:#232c20}
.catalog{padding-top:26px;padding-bottom:31px}
.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}
.catalog-heading h2{font-size:22px;font-weight:500;letter-spacing:-.6px;margin:0;display:flex;gap:12px;align-items:center}
.catalog-heading h2>span{font:9px/1.5 var(--mono);letter-spacing:0;color:#aab59c;border-left:1px solid #4d5845;padding-left:12px}
.catalog-heading>a{display:flex;align-items:center;gap:7px;color:#a1af95;font-size:11px}
.catalog-heading>a svg{width:14px;height:14px}
.filters{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;margin-bottom:19px;padding:0 0 2px}
.filters::-webkit-scrollbar{display:none}
.filter{display:inline-flex;align-items:center;gap:7px;font:10px/1.5 var(--mono);white-space:nowrap;padding:8px 13px;border:1px solid transparent;background:transparent;color:#9eac98;border-radius:3px;transition:background .15s,color .15s}
.filter svg{width:14px;height:14px}
.filter:hover{color:var(--accent);background:#1e271b}
.filter.active{background:var(--accent);color:#19210e;border-color:var(--accent)}
.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tool-card{position:relative;background:#1a211b;border:1px solid #344032;border-radius:5px;min-height:207px;transition:border-color .15s,background .15s}
.tool-card:hover{background:#202a1e;border-color:#8d9f61}
.tool-card>a{display:flex;flex-direction:column;height:100%;padding:19px 19px 14px}
.card-top{display:flex;align-items:center;gap:11px;height:32px;margin-bottom:19px;padding-right:30px}
.tool-icon{color:var(--accent);display:grid;place-items:center;width:32px;height:32px;border:1px solid #5a6747;border-radius:3px;background:#263122}
.tool-icon svg{width:19px;height:19px}
.tool-index{font:9px/1 var(--mono);color:#849374;letter-spacing:1px}
.save-tool{position:absolute;right:7px;top:7px;width:44px;height:44px;display:grid;place-items:center;z-index:1;border:0;background:transparent;color:#7e8b73;border-radius:3px}
.save-tool svg{width:16px;height:16px}
.save-tool:hover{color:var(--accent);background:#d6f46b0a}
.save-tool[aria-pressed=true]{color:var(--accent)}
.save-tool[aria-pressed=true] svg{fill:#d6f46b26}
.tool-card h3{font-size:16px;font-weight:500;letter-spacing:-.3px;line-height:1.35;margin:0 0 8px}
.tool-card p{font-size:11px;color:#a3b09b;line-height:1.7;margin:0 0 17px}
.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:11px;border-top:1px solid #3b4734;font:8px/1.5 var(--mono);color:#95a584;letter-spacing:.6px;text-transform:uppercase}
.card-open{display:flex;align-items:center;gap:6px;color:#b6c99b;font-size:9px;letter-spacing:0;text-transform:none}
.card-open svg{width:13px;height:13px}
.home-page .tool-card[data-tool=image-studio]{background:var(--accent);border-color:var(--accent);color:#19200f}
.home-page .tool-card[data-tool=image-studio]:hover{background:#e0ff7b;border-color:#e0ff7b}
.home-page .tool-card[data-tool=image-studio] .tool-icon{color:#263117;border-color:#9cb846;background:#bad84f}
.home-page .tool-card[data-tool=image-studio] .tool-index{color:#657f2c}
.home-page .tool-card[data-tool=image-studio] p{color:#4f6527}
.home-page .tool-card[data-tool=image-studio] .card-meta{border-color:#adca4e;color:#506725}
.home-page .tool-card[data-tool=image-studio] .card-open{color:#2b4117}
.home-page .tool-card[data-tool=image-studio] .save-tool{color:#536d25}
.home-page .tool-card[data-tool=image-studio] .save-tool[aria-pressed=true] svg{fill:#34481940}
.catalog-foot{display:flex;justify-content:center;gap:7px;font:9px/1.8 var(--mono);color:#8d9b80;margin:21px 0 0;text-align:center}
.catalog-foot svg{width:12px;height:12px;margin-top:2px;color:#a8bc83}
.empty-state{grid-column:1/-1;border:1px dashed #596947;padding:40px;text-align:center;background:#182018;border-radius:4px}
.empty-state h3{font-weight:500;font-size:20px;margin:0 0 8px}
.empty-state p{font-size:13px;color:var(--muted)}
.text-btn{border:0;background:none;color:var(--accent);font-size:13px;text-decoration:underline;padding:8px}
.ad-slot{width:min(728px,100%);min-height:103px;margin:0 auto 39px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#131a14;border:1px dashed #394432;border-radius:3px;overflow:hidden;color:#8d9c80}
.ad-slot>span{font:8px/1.5 var(--mono);letter-spacing:1.7px}
.ad-slot small{font-size:10px;color:#95a28a}
.reason-section{background:#1b231b;border-top:1px solid #354230;border-bottom:1px solid #354230;padding:30px 0}
.reason-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px}
.reason-intro .eyebrow{font-size:8px;letter-spacing:1px}
.reason-intro h2{font-size:27px;font-weight:500;line-height:1.2;letter-spacing:-.8px;margin:10px 0 0}
.reason-item .reason-icon{color:var(--accent);margin:2px 0 11px}
.reason-icon svg{width:18px;height:18px}
.reason-item h3{font-size:12px;font-weight:500;margin:0 0 7px}
.reason-item p{font-size:11px;color:#a3b098;line-height:1.8;margin:0}
.faq-section{display:grid;grid-template-columns:.8fr 1.3fr;gap:80px;padding:43px 0}
.faq-section h2{font-size:30px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin:12px 0}
.faq-section>div>p{font-size:12px;color:var(--muted);line-height:1.8}
details{border-bottom:1px solid #35422e}
summary{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 0;list-style:none;cursor:pointer;font-size:13px;color:#c6d1bd}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';font:18px/1 var(--mono);color:var(--accent)}
details[open] summary::after{content:'−'}
details p{color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 19px}
.site-footer{border-top:1px solid var(--line);padding:28px 0 20px;background:#0d110e}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}
.footer-brand .logo{font-size:22px}
.footer-brand .logo img{width:26px;height:26px}
.footer-brand p{font-size:10px;color:#9aa78e;margin:11px 0 0}
.footer-links{display:flex;gap:25px;color:#a7b49b;font-size:11px}
.footer-links a:hover{color:var(--accent)}
.footer-bottom{border-top:1px solid #2e392a;margin-top:25px;padding-top:17px;display:flex;justify-content:space-between;gap:15px;color:#8d9c81;font:8px/1.7 var(--mono)}
.footer-bottom>span:last-child{display:flex;align-items:center;gap:6px}
.footer-bottom svg{width:11px;height:11px;color:#aac47b}
.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:var(--accent);color:#1b230e;border-radius:4px;padding:12px 20px;font-size:12px;box-shadow:0 6px 24px #0006;text-align:center}
.breadcrumb{display:flex;align-items:center;gap:8px;font:9px/1.6 var(--mono);color:#9ead8e;margin:27px 0 24px;flex-wrap:wrap}
.breadcrumb svg{width:11px;height:11px}
.breadcrumb a:hover{color:var(--accent)}
.tool-intro{margin-bottom:28px}
.tool-intro h1{font-size:40px;font-weight:500;line-height:1.2;letter-spacing:-1.5px;margin:10px 0 12px}
.tool-intro>p{font-size:14px;line-height:1.8;color:#acb99f;max-width:680px;margin:0}
.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:start}
.workspace{border:1px solid #425239;background:#1a221a;border-radius:5px;padding:28px}
.workspace-head{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #3b4834;padding-bottom:18px;margin-bottom:24px}
.workspace-head h2{font-size:18px;letter-spacing:-.4px;font-weight:500;margin:0}
.workspace-head>span{display:flex;align-items:center;gap:5px;font:8px/1.5 var(--mono);color:#a5b391}
.workspace-head svg{width:12px;height:12px;color:var(--accent)}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:block;font-size:12px;font-weight:400;color:#b7c5ab;margin-bottom:18px}
.field>span{display:block;margin-bottom:8px}
.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #4a5b3e;background:#10180f;color:#e2ecd7;border-radius:3px;padding:12px 13px;font-size:15px;min-width:0;line-height:1.5}
.field textarea{min-height:155px;resize:vertical}
.field input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}
.field input[type=range]{accent-color:var(--accent);padding:10px 0}
.checkbox-label{display:flex;gap:9px;align-items:center;font-size:13px;color:#c1cfb4;margin:10px 0}
.checkbox-label input{width:16px;height:16px;accent-color:var(--accent)}
.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:5px}
.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid var(--accent);background:var(--accent);color:#1e280e;padding:12px 21px;border-radius:3px;font-size:13px;font-weight:500;min-height:45px}
.primary-btn:hover{background:#e1ff87;border-color:#e1ff87}
.primary-btn svg{width:16px;height:16px}
.secondary-btn{display:inline-flex;align-items:center;gap:7px;padding:12px 17px;min-height:45px;border:1px solid #536345;border-radius:3px;background:transparent;font-size:12px;color:#b6c7a4}
.secondary-btn:hover{border-color:#96ac70;color:var(--accent)}
.secondary-btn svg{width:14px;height:14px}
.result{background:var(--accent);color:#202b0e;border:1px solid var(--accent);border-radius:3px;margin-top:25px;padding:23px;position:relative}
.result-label{font:9px/1.6 var(--mono);letter-spacing:1px;text-transform:uppercase;color:#4e6622}
.result-value{font-size:35px;font-weight:500;line-height:1.3;letter-spacing:-.8px;color:#1f2c0c;margin:9px 0;overflow-wrap:anywhere;white-space:pre-wrap}
.result-note{font-size:12px;line-height:1.8;white-space:pre-wrap;color:#4d6521}
.result .copy-btn{position:absolute;top:13px;right:13px;width:33px;height:33px;display:grid;place-items:center;background:#bfdc57;color:#324a13;border:1px solid #aac946;border-radius:3px}
.result .copy-btn svg{width:15px;height:15px}
.error{font-size:12px;color:#ffb5a0;margin:14px 0 0;min-height:20px}
.tool-aside .ad-slot{width:100%;min-height:280px;margin-bottom:22px}
.aside-note{border:1px solid #39482f;padding:20px;border-radius:4px;background:#171e15}
.aside-note>svg{width:17px;height:17px;color:var(--accent);margin-bottom:6px}
.aside-note h3{font-size:13px;margin:0 0 10px;font-weight:500}
.aside-note p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}
.tool-article{padding-top:34px;max-width:750px}
.tool-article h2,.related-section h2{font-size:23px;letter-spacing:-.5px;font-weight:500;margin:0 0 15px}
.tool-article h3{font-size:16px;font-weight:500;margin-top:23px}
.tool-article p,.tool-article li{font-size:13px;line-height:1.9;color:#aab99b}
.tool-article ol{padding-left:20px}
.example{padding:14px 19px;background:#202b1a;border-left:2px solid var(--accent);border-radius:0 3px 3px 0;margin:23px 0}
.example strong{font:10px/1.7 var(--mono);color:#c6dea3}
.example p{margin:5px 0}
.tool-faq{margin-top:29px}
.tool-faq h2{margin-bottom:6px}
.tool-page .ad-bottom{margin:33px auto}
.related-section{margin:36px 0 43px}
.related-section .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.prose{max-width:820px;min-height:60vh;padding-top:45px;padding-bottom:60px}
.prose h1{font-size:39px;font-weight:500;line-height:1.2;letter-spacing:-1.2px}
.prose h2{font-size:22px;font-weight:500;letter-spacing:-.5px;margin-top:30px}
.prose p,.prose li{font-size:14px;line-height:1.9;color:#adbc9d}
.prose a{color:var(--accent);text-decoration:underline}
[hidden]{display:none!important}
@container kitmivo (max-width:1050px){
 .container{padding-left:28px;padding-right:28px}
 .free-pill{display:none}
 .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hero-inner{gap:28px;grid-template-columns:1fr minmax(300px,1fr)}
 .hero h1{font-size:39px}
 .tool-card h3{font-size:16px}
 .tool-layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}
 .reason-grid{gap:22px}
 .reason-intro h2{font-size:25px}
 .reason-item p{font-size:10px}
}
@container kitmivo (max-width:780px){
 .nav-links{gap:22px;font-size:11px}
 .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tool-layout{grid-template-columns:1fr}
 .tool-aside{display:none}
 .reason-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
 .reason-item p{font-size:11px}
 .reason-intro h2{font-size:28px}
 .faq-section{gap:35px}
 .tool-card{min-height:198px}
 .related-section .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container kitmivo (max-width:620px){
 .container{padding-left:20px;padding-right:20px}
 .site-header{height:64px}
 .header-inner{gap:12px}
 .logo{font-size:25px;gap:9px}
 .logo img{width:28px;height:28px}
 .header-actions{gap:8px}
 .icon-btn{width:36px;height:36px}
 .menu-btn{display:grid}
 .nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#141b12;padding:20px;border-bottom:1px solid #455536;z-index:5;justify-content:center;gap:30px}
 .nav-links.open{display:flex}
 .hero-inner{grid-template-columns:1fr;gap:16px;padding-top:21px;padding-bottom:21px}
 .hero-copy>.eyebrow{display:none}
 .hero h1{font-size:35px;line-height:1.1;margin:0 0 7px;letter-spacing:-1.5px}
 .hero p{font-size:11px}
 .search-box{height:48px;padding:0 14px;gap:10px}
 .search-box input{font-size:12px}
 .search-box kbd{display:none}
 .catalog{padding-top:20px;padding-bottom:26px}
 .catalog-heading{margin-bottom:14px}
 .catalog-heading h2{font-size:21px;gap:10px}
 .catalog-heading h2>span{font-size:8px;padding-left:10px}
 .catalog-heading>a{font-size:10px;gap:5px}
 .catalog-heading>a svg{width:12px;height:12px}
 .filters{margin-bottom:13px;gap:3px;padding-bottom:3px}
 .filter{font-size:9px;padding:8px 10px;gap:5px}
 .filter svg{width:12px;height:12px}
 .tool-grid{gap:9px}
 .tool-card{min-height:151px;border-radius:4px}
 .tool-card>a{padding:14px 14px 11px}
 .card-top{height:29px;margin-bottom:12px;gap:7px;padding-right:23px}
 .tool-icon{width:29px;height:29px}
 .tool-icon svg{width:17px;height:17px}
 .tool-index{font-size:7px;letter-spacing:.5px}
 .save-tool{width:40px;height:40px;top:7px;right:3px}
 .save-tool svg{width:14px;height:14px}
 .tool-card h3{font-size:15px;line-height:1.3;letter-spacing:-.2px;margin-bottom:10px}
 .home-page .tool-card p{display:none}
 .card-meta{font-size:7px;letter-spacing:.1px;padding-top:9px;gap:6px}
 .card-open{font-size:0;gap:0}
 .card-open svg{width:13px;height:13px}
 .catalog-foot{font-size:8px;line-height:1.8;gap:5px;max-width:310px;margin:18px auto 0}
 .catalog-foot svg{width:11px;height:11px}
 .ad-slot{min-height:103px;margin-bottom:28px}
 .ad-slot small{font-size:9px}
 .reason-section{padding:27px 0}
 .reason-grid{gap:25px 20px}
 .reason-intro .eyebrow{font-size:7px;letter-spacing:.7px}
 .reason-intro h2{font-size:25px}
 .reason-item h3{font-size:11px}
 .reason-item p{font-size:10px}
 .faq-section{grid-template-columns:1fr;gap:10px;padding:32px 0}
 .faq-section h2{font-size:28px;margin:10px 0}
 .faq-section>div>p{font-size:11px}
 summary{font-size:12px;padding:15px 0}
 details p{font-size:12px}
 .site-footer{padding:25px 0 19px}
 .footer-top{align-items:flex-start;gap:20px}
 .footer-brand .logo{font-size:22px}
 .footer-brand .logo img{width:25px;height:25px}
 .footer-brand p{font-size:9px;max-width:190px;line-height:1.8;margin-top:8px}
 .footer-links{flex-direction:column;gap:9px;font-size:10px}
 .footer-bottom{font-size:7px;gap:10px;margin-top:22px;padding-top:16px}
 .footer-bottom>span:last-child{max-width:130px}
 .breadcrumb{font-size:8px;gap:6px;margin:22px 0}
 .tool-intro h1{font-size:31px;letter-spacing:-1px}
 .tool-intro>p{font-size:13px}
 .tool-intro{margin-bottom:24px}
 .workspace{padding:20px}
 .workspace-head{padding-bottom:16px;margin-bottom:21px}
 .workspace-head h2{font-size:16px}
 .workspace-head>span{font-size:7px;max-width:124px}
 .field-grid{gap:12px}
 .field{font-size:11px;margin-bottom:16px}
 .field input,.field select,.field textarea{font-size:16px;padding:11px 10px}
 .field input[type=date]{font-size:13px;min-height:48px}
 .primary-btn{font-size:12px;padding:11px 18px}
 .secondary-btn{font-size:12px;padding:11px 16px}
 .result{padding:20px}
 .result-value{font-size:29px;letter-spacing:-.6px}
 .result-note{font-size:11px}
 .result .copy-btn{top:10px;right:10px;width:30px;height:30px}
 .tool-article{padding-top:30px}
 .tool-article h2,.related-section h2{font-size:22px}
 .tool-article p,.tool-article li{font-size:12px}
 .related-section .tool-card p{font-size:10px;margin-bottom:12px}
 .related-section .tool-grid{grid-template-columns:1fr}
 .related-section .tool-card{min-height:160px}
 .prose{padding-top:35px;padding-bottom:45px}
 .prose h1{font-size:31px;letter-spacing:-1px}
 .prose h2{font-size:21px}
 .prose p,.prose li{font-size:13px}
}
@container kitmivo (max-width:370px){
 .container{padding-left:16px;padding-right:16px}
 .tool-card>a{padding:13px 12px 11px}
 .tool-card h3{font-size:14px}
 .tool-card{min-height:148px}
 .tool-index{display:none}
 .hero h1{font-size:33px}
 .workspace{padding:17px}
 .workspace-head{gap:8px}
 .workspace-head>span{font-size:6px}
 .tool-intro h1{font-size:29px}
 .field-grid{gap:9px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.home-page .tool-card[data-tool=image-studio] :focus-visible{outline-color:#1c2911;outline-offset:2px}
/* Local file and data workspaces */
.file-field{display:block;border:1px dashed #65764e;border-radius:4px;padding:15px;margin:0 0 20px;background:#141d12;min-width:0}
.file-field>span{display:block;font-size:12px;color:#c6d5b5;margin-bottom:10px}
.file-field input{display:block;width:100%;max-width:100%;min-width:0;font-size:11px;color:#b4c4a1}
.file-field input::file-selector-button{font:11px var(--sans);border:1px solid #718553;border-radius:3px;padding:8px 11px;background:#2e3b20;color:#e4f3ce;margin-right:10px;cursor:pointer}
.file-field small{display:block;font-size:10px;line-height:1.7;color:#9eb08b;margin-top:10px;overflow-wrap:anywhere}
.helper{font-size:11px;line-height:1.8;color:#a1b18f;margin:10px 0 18px}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-bottom:20px}
.advanced-form button:disabled{opacity:.55;cursor:wait}
.advanced-output{border-top:1px solid #465739;padding-top:23px;margin-top:28px;min-width:0}
.output-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:17px}
.output-heading h3{font-size:18px;font-weight:500;margin:0;white-space:nowrap}
.output-heading>span{font:9px/1.9 var(--mono);text-align:right;color:#b0c394;max-width:70%}
.advanced-output>.actions{margin-top:20px}
.code-output{display:block;width:100%;min-height:320px;resize:vertical;border:1px solid #526541;border-radius:3px;background:#111a0e;color:#d8e7c5;padding:15px;font:12px/1.8 var(--mono);white-space:pre}
.table-scroll{overflow:auto;max-height:450px;border:1px solid #425638;border-radius:3px;max-width:100%}
.table-scroll table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}
.table-scroll th{font-size:10px;color:#d6e7bb;background:#2c3b22;position:sticky;top:0;z-index:1;font-weight:500;white-space:nowrap}
.table-scroll th,.table-scroll td{padding:10px 12px;border:1px solid #3a4d2d;max-width:300px;overflow-wrap:anywhere;min-width:80px;vertical-align:top}
.table-scroll td{color:#b8cba4}
.table-scroll tr:nth-child(even) td{background:#1d2917}
.csv-controls{display:grid;grid-template-columns:minmax(140px,1.5fr) 1fr 1fr;gap:10px;margin-bottom:16px}
.csv-controls input,.csv-controls select{width:100%;min-width:0;background:#10180f;border:1px solid #526541;border-radius:3px;color:#cfdfb8;padding:11px;font-size:12px}
.column-choices{display:flex;flex-wrap:wrap;gap:9px 16px;max-height:175px;overflow:auto;margin-bottom:17px;padding:10px 0}
.column-choices label{display:flex;align-items:center;gap:7px;font-size:11px;color:#bace9f;overflow-wrap:anywhere}
.column-choices input{accent-color:var(--accent);width:15px;height:15px}
.diff-view{white-space:pre-wrap;overflow-wrap:anywhere;max-height:550px;overflow:auto;font:12px/2 var(--mono);background:#11190e;border:1px solid #455a32;border-radius:3px;padding:17px;margin:0;color:#d2dfc1}
.diff-view ins{background:#bddf73;color:#20300f;text-decoration:none}
.diff-view del{background:#603d30;color:#ffded0}
.diff-legend{display:flex;gap:16px;font:10px/1.8 var(--mono);margin:0 0 12px}
.legend-add{color:#c7e886}.legend-remove{color:#e5af95}
.qr-preview{background:#fff;border:8px solid white;border-radius:3px;max-width:272px;margin:10px auto 17px;line-height:0}
.qr-preview canvas{display:block;width:100%;height:auto;image-rendering:pixelated}
.image-results{display:grid;gap:11px}
.image-result{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:13px;border:1px solid #405332;border-radius:3px;padding:11px;min-width:0}
.image-result img{width:72px;height:54px;object-fit:contain;background:#2d3c22;border-radius:2px}
.image-result strong{font-size:12px;font-weight:500;display:block;color:#d7e5c2;overflow-wrap:anywhere}
.image-result small{display:block;font-size:10px;line-height:1.8;color:#9eb787;margin-top:5px;overflow-wrap:anywhere}
.image-result .secondary-btn{font-size:10px;min-height:36px;padding:8px 11px}
.image-errors{white-space:pre-wrap;margin-top:15px}
@container kitmivo (max-width:620px){
 .file-field{padding:13px;margin-bottom:18px}
 .file-field>span{font-size:11px}
 .file-field input{font-size:10px}
 .file-field small{font-size:9px}
 .diff-inputs{grid-template-columns:1fr;gap:0}
 .check-grid{grid-template-columns:1fr}
 .csv-controls{grid-template-columns:1fr 1fr;gap:9px}
 .csv-controls input{grid-column:1/-1}
 .csv-controls input,.csv-controls select{font-size:16px;padding:10px 8px}
 .output-heading{gap:12px;align-items:flex-start}
 .output-heading h3{font-size:16px}
 .output-heading>span{font-size:8px}
 .image-result{grid-template-columns:54px minmax(0,1fr);gap:10px;padding:10px}
 .image-result img{width:54px;height:48px;grid-row:1/3}
 .image-result .secondary-btn{grid-column:2;justify-self:start}
 .image-result strong{font-size:11px}
 .image-result small{font-size:9px}
 .advanced-output>.actions{gap:8px}
 .advanced-output>.actions .secondary-btn{font-size:11px;padding:10px 12px}
 .code-output,.diff-view{font-size:11px;padding:12px}
 .qr-preview{max-width:250px}
}
/* Touch-friendly advanced tool workflow */
.workflow-section{margin:0 0 26px;min-width:0;scroll-margin-top:20px}
.workflow-heading{display:flex;align-items:center;gap:10px;margin-bottom:17px}
.workflow-heading>span{font:11px var(--mono);color:var(--accent);border:1px solid #526541;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}
.workflow-heading h3{font-size:17px;font-weight:500;margin:0}
.advanced-form .field>label{display:block;margin-bottom:9px}
.advanced-form .field{min-width:0}
.advanced-form .field input,.advanced-form .field select{min-height:48px}
.advanced-form textarea{min-height:170px;resize:vertical}
.file-field{position:relative;padding:16px}
.file-field .file-control{position:absolute;width:1px;height:1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.file-pick{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border:1px solid #728653;border-radius:4px;background:#2e3b20;color:#e6f2d6;font-size:14px;cursor:pointer}
.file-pick svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.file-control:focus-visible+.file-pick{outline:2px solid var(--accent);outline-offset:3px}
.file-field small{font-size:12px}
.selected-files:empty{display:none}
.selected-files{margin-top:12px;max-height:245px;overflow:auto}
.selected-file{display:flex;align-items:center;gap:10px;border-top:1px solid #405332;padding:5px 0;font-size:12px;line-height:1.6}
.selected-file>span{flex:1;overflow-wrap:anywhere;min-width:0}
.remove-file{background:transparent;color:#d2dfc1;border:0;font-size:23px;min-width:44px;min-height:44px;cursor:pointer;flex-shrink:0}
.tool-options,.input-editor{border:1px solid #405332;border-radius:4px;margin:12px 0 18px;min-width:0}
.tool-options>summary,.input-editor>summary{padding:14px 15px;min-height:48px;font-size:13px;cursor:pointer;line-height:1.6;color:#d1dfbe;overflow-wrap:anywhere}
.options-content,.editor-content{padding:8px 15px 0}
.advanced-form .helper{font-size:12px;line-height:1.7}
.advanced-form .checkbox-label{min-height:44px;line-height:1.6;font-size:12px;gap:10px;align-items:center}
.advanced-form .checkbox-label input{flex-shrink:0;width:18px;height:18px}
.quality-slider{display:block;font-size:13px;margin-bottom:15px}
.quality-slider>span{display:flex;justify-content:space-between}
.quality-slider input{width:100%;min-height:44px;accent-color:var(--accent)}
.quality-slider output{color:var(--accent);font-family:var(--mono)}
.advanced-form .actions button,.advanced-form .actions a,.image-result .secondary-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.5;white-space:normal}
.advanced-form .actions{gap:10px}
.process-actions{display:grid;grid-template-columns:minmax(0,1fr) auto}
.advanced-output{scroll-margin-top:18px;outline:none}
.output-heading{display:block}
.output-heading .workflow-heading{margin-bottom:9px}
.output-heading>span{display:block;text-align:left;font-size:11px;max-width:none;line-height:1.8}
.advanced-output>.download-actions{display:flex;flex-wrap:wrap;margin:18px 0 20px}
.download-status{font-size:12px;line-height:1.7;color:var(--accent);border-left:2px solid var(--accent);padding-left:12px;margin:0 0 18px}
.back-settings{margin-top:20px;min-height:44px;font-size:13px;color:#d1dfbe;background:none;border:0;cursor:pointer;padding:0 8px}
.compare-tabs{display:none}
.input-count{font:11px var(--mono);color:#9eb08b;margin:-8px 0 20px}
.csv-controls label{font-size:12px;line-height:1.6;color:#bace9f;min-width:0}
.csv-controls label select{display:block;margin-top:6px}
.csv-controls{align-items:end}
.csv-controls>input{min-height:48px}
.column-choices{padding:8px 15px}
.column-choices label{min-height:44px;font-size:12px}
.column-choices input{width:18px;height:18px;flex-shrink:0}
.table-hint{display:none}
.preview-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px}
.preview-tools label{display:flex;align-items:center;gap:9px;min-height:44px;font-size:12px}
.preview-tools input{accent-color:var(--accent);width:18px;height:18px}
.preview-tools button{min-height:44px;font-size:12px;padding:8px 12px}
.code-output{height:320px;min-height:220px;max-width:100%;overflow:auto}
.code-output.wrap-lines,.diff-view.wrap-lines{white-space:pre-wrap;overflow-wrap:anywhere}
.diff-view:not(.wrap-lines){white-space:pre;overflow-wrap:normal}
.code-output.expanded-preview{height:70vh}
.diff-view.expanded-preview{max-height:75vh}
.image-open{border:0;padding:0;background:transparent;cursor:zoom-in;min-height:48px}
.image-result .secondary-btn{font-size:12px}
.image-dialog{width:min(760px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:18px;background:#10180f;color:#d2dfc1;border:1px solid #728653;border-radius:8px;overflow:auto}
.image-dialog::backdrop{background:#000c}
.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}
.dialog-head h3{font-size:14px;overflow-wrap:anywhere;min-width:0}
.dialog-head button{min-height:44px;flex-shrink:0}
.image-dialog>img{display:block;width:100%;max-height:60dvh;object-fit:contain;background:#25301d}
.image-dialog>.primary-btn{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%}
.advanced-output progress{width:100%;height:12px;accent-color:var(--accent)}
.advanced-tool-page>.ad-bottom{margin-top:56px;border-top:1px solid #394530;padding-top:24px;clear:both}
@container kitmivo (max-width:620px){
 .advanced-tool-page .workspace{padding:20px 16px}
 .advanced-tool-page .tool-intro{padding-bottom:22px}
 .advanced-tool-page .tool-intro p{font-size:13px;line-height:1.7}
 .advanced-tool-page .workspace-head{margin-bottom:24px}
 .workflow-heading h3{font-size:16px}
 .workflow-section{margin-bottom:24px}
 .advanced-form .field-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .advanced-form .dimension-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .advanced-form .field{font-size:13px}
 .advanced-form .field input,.advanced-form .field select,.advanced-form .field textarea{font-size:16px}
 .advanced-form .file-field{padding:12px}
 .advanced-form .file-title{font-size:12px;line-height:1.6}
 .advanced-form .file-field small{font-size:11px}
 .compare-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#11190e;border:1px solid #405332;border-radius:4px;padding:4px;margin-bottom:15px}
 .compare-tabs button{min-height:44px;border:0;background:transparent;color:#bace9f;border-radius:3px;font-size:14px;cursor:pointer}
 .compare-tabs [aria-pressed=true]{background:var(--accent);color:#15200f}
 .compare-pane:not(.is-active){display:none}
 .advanced-output>.download-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .download-actions>.primary-btn{grid-column:1/-1}
 .advanced-form .actions button{font-size:13px;padding:12px 10px}
 .csv-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .csv-controls>input{grid-column:1/-1}
 .table-hint{display:block}
 .table-scroll{max-height:340px}
 .image-result{grid-template-columns:64px minmax(0,1fr)}
 .image-open{grid-row:1/3;align-self:stretch}
 .image-open img{width:64px;height:64px}
 .image-result strong{font-size:12px}
 .image-result small{font-size:11px}
 .image-result .secondary-btn{width:100%;justify-self:stretch}
 .image-result>.image-open+div{min-width:0}
 .image-dialog{padding:14px}
 .advanced-tool-page>.ad-bottom{margin-top:48px}
}
@container kitmivo (max-width:370px){.advanced-tool-page .workspace{padding:18px 12px}.workflow-heading h3{font-size:15px}.advanced-form .field{font-size:12px}}

.download-retry{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;overflow-wrap:anywhere;max-width:100%}
/* Searchable directories, readable guides and clearly separated ad inventory. */
.category-directory{padding-top:8px;padding-bottom:36px;scroll-margin-top:24px}
.section-heading h2{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:7px 0}
.section-heading p{font-size:14px;color:var(--muted);margin:0 0 20px}
.category-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.category-links>a{padding:18px 15px;border:1px solid var(--line);border-radius:4px;background:#151c16;min-width:0}
.category-links strong{display:block;font-size:14px;font-weight:500;margin-bottom:13px}
.category-links>a>span{display:flex;align-items:center;justify-content:space-between;font:11px var(--mono);color:var(--muted)}
.category-links svg{width:16px;height:16px;color:var(--accent)}
.category-links>a:hover{border-color:#78934f}
.footer-categories{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.footer-categories a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--muted)}
.footer-categories a:hover,.text-link:hover{color:var(--accent)}
.category-page{padding-bottom:45px}
.category-intro{padding:8px 0 28px;max-width:760px}
.category-intro h1{font-size:40px;font-weight:500;line-height:1.15;letter-spacing:-1.4px;margin:12px 0}
.category-intro p{font-size:16px;line-height:1.8;color:#adbca5;margin:0}
.category-page .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.category-page .tool-card p{font-size:14px}
.category-guide{padding:32px 0;max-width:760px}
.category-guide h2,.category-other h2{font-size:24px;font-weight:500;letter-spacing:-.5px;margin:0 0 12px}
.category-guide p{font-size:15px;line-height:1.85;color:#acb99f}
.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#bfd39e;font-size:13px}
.text-link svg{width:16px;height:16px}
.category-other{padding:28px 0 0;display:flex;flex-wrap:wrap;gap:8px 24px}
.category-other h2{width:100%}
.category-other>a{min-height:44px;display:inline-flex;align-items:center;font-size:14px;color:#bfd39e}
.guide-jump{display:flex;flex-wrap:wrap;gap:4px 22px;margin:30px 0 0;border-bottom:1px solid var(--line);max-width:750px;align-items:center;padding:0 0 10px}
.guide-jump>span{font-size:11px;color:var(--muted)}
.guide-jump a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#c4d6b0}
.guide-jump a:hover{color:var(--accent)}
.tool-article{padding-top:27px;max-width:770px}
.tool-article h2{line-height:1.4;font-size:24px}
.tool-article p,.tool-article li{font-size:15px;line-height:1.9;color:#b6c2ad}
.tool-article li{padding:3px 0}
.tool-guidance{padding-top:18px}
.tool-article .example{margin:28px 0;padding:20px 22px}
.tool-article .example h2{font:12px/1.6 var(--mono);letter-spacing:.4px;color:#d3e5bb;margin:0 0 8px}
.tool-article .example p{margin:0}
.tool-faq summary{font-size:15px;line-height:1.7;min-height:56px}
.tool-transparency{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:12px!important;color:var(--muted)!important}
.tool-transparency svg{width:17px;height:17px;color:#b5cf84}
.related-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}
.related-heading h2{margin:0}
.related-section .tool-card p{font-size:13px;line-height:1.7}
.ad-section{clear:both;margin:46px 0;padding:22px 0;border-top:1px solid #29332b;border-bottom:1px solid #29332b}
.home-page>.ad-section{margin:4px auto 36px}
.ad-slot,.tool-page .ad-slot,.tool-aside .ad-slot{display:block;width:min(728px,100%);min-height:0;height:auto;margin:0 auto;background:transparent;border:0;border-radius:0;overflow:visible;color:#8e9b88}
.ad-label{display:block;font:10px/1.6 var(--mono);letter-spacing:1.2px;text-transform:uppercase;text-align:center;margin-bottom:10px}
.ad-frame{height:90px;width:100%;display:flex;align-items:center;justify-content:center;background:#151b16;outline:1px solid #283329;outline-offset:-1px;isolation:isolate}
.ad-placeholder{font-size:12px;color:#84917d;pointer-events:none}
.ad-frame iframe,.ad-frame img{max-width:100%}
.tool-layout{grid-template-columns:minmax(0,1fr) 300px;gap:32px}
.tool-aside .ad-slot{width:300px;margin-bottom:26px}
.tool-aside .ad-frame{height:250px}
.category-page>.ad-slot{margin:16px auto 28px}
@container kitmivo (max-width:1099px){.tool-layout{grid-template-columns:minmax(0,1fr)}.tool-aside{display:none}}
@container kitmivo (max-width:780px){
 .category-links{grid-template-columns:repeat(3,minmax(0,1fr))}
 .category-page .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .category-intro h1{font-size:34px}
}
@container kitmivo (max-width:620px){
 .hero h1{font-size:32px;letter-spacing:-1.2px}
 .hero p{font-size:12px}
 .hero-inner{gap:14px;padding-top:18px;padding-bottom:18px}
 .search-box input{font-size:16px}
 .filter{min-height:44px;font-size:11px;padding:8px 11px}
 .filters{margin-bottom:12px}
 .category-directory{padding-top:0;padding-bottom:24px}
 .section-heading h2{font-size:23px}
 .section-heading p{font-size:13px;line-height:1.75}
 .category-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .category-links>a{padding:15px 13px}
 .category-links strong{font-size:13px}
 .footer-categories{gap:4px 20px;padding-top:12px;margin-top:18px}
 .footer-categories a{font-size:12px}
 .category-intro{padding-top:0;padding-bottom:22px}
 .category-intro h1{font-size:30px;letter-spacing:-1px}
 .category-intro p{font-size:14px;line-height:1.8}
 .category-page .tool-grid{grid-template-columns:1fr;gap:12px}
 .category-page .tool-card{min-height:185px}
 .category-page .tool-card h3{font-size:19px}
 .category-page .tool-card p{font-size:14px;line-height:1.75;margin-bottom:16px}
 .category-guide{padding:26px 0}
 .category-guide p{font-size:14px}
 .category-other h2{font-size:23px}
 .guide-jump{gap:2px 17px;margin-top:24px}
 .guide-jump>span{width:100%}
 .guide-jump a{font-size:12px}
 .tool-article h2{font-size:23px}
 .tool-article p,.tool-article li{font-size:14px;line-height:1.9}
 .tool-article .example{padding:17px 18px}
 .tool-faq summary{font-size:14px}
 .tool-transparency{font-size:11px!important;align-items:flex-start}
 .ad-section{margin:36px 0;padding:20px 0}
 .ad-frame{height:250px;max-width:300px;margin:auto}
 .ad-label{font-size:10px}
 .related-heading .text-link{font-size:13px}
 .related-section .tool-card p{font-size:13px}
}
@container kitmivo (max-width:370px){.hero h1{font-size:29px}.category-intro h1{font-size:28px}}
.prose .contact-email{text-decoration:none;color:#1e280e;min-height:48px}
.prose a[href^="mailto:"]{overflow-wrap:anywhere}
/* Homepage workbench: useful shortcuts first, compact searchable directory second. */
.home-refresh .hero{border-bottom:0;background:linear-gradient(115deg,#182217 0%,#101411 64%)}
.home-refresh .hero-inner{grid-template-columns:1fr minmax(350px,460px);padding-top:36px;padding-bottom:32px;gap:60px}
.home-refresh .hero h1{font-size:48px;letter-spacing:-2.2px;line-height:1.08;margin:12px 0 14px}
.home-refresh .hero h1 em{display:block}
.home-refresh .hero p{font-size:14px;max-width:430px;line-height:1.75}
.hero-search>label{display:block;font-size:14px;margin-bottom:12px;color:#d7e0ce}
.home-refresh .search-box{height:54px;border-color:#5a6b49;background:#171f17}
.home-refresh .search-box input{font-size:16px}
.search-clear{border:0;background:transparent;color:#c7d4ba;font-size:24px;min-height:44px;min-width:38px;padding:0}
.hero-assurances{display:flex;flex-wrap:wrap;gap:11px 18px;margin-top:15px;color:#98a78e;font-size:11px}
.hero-assurances>span{display:inline-flex;gap:6px;align-items:center}
.hero-assurances svg{width:14px;height:14px;color:#acc77d}
.featured-section{padding-bottom:34px}
.featured-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}
.featured-heading h2{font-size:17px;margin:0;font-weight:500;letter-spacing:-.3px}
.featured-heading>a{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:12px;color:#b5c7a0}
.featured-heading svg{width:15px;height:15px}
.featured-grid{display:grid;grid-template-columns:1.22fr 1fr 1fr;grid-template-rows:repeat(2,minmax(132px,auto));gap:12px}
.featured-tool{border:1px solid #3b4935;border-radius:7px;min-width:0;transition:border-color .15s,background .15s}
.featured-main{grid-row:1/3;background:var(--accent);color:#1b260e;padding:24px;display:flex;flex-direction:column;align-items:flex-start}
.featured-label{font:10px/1.5 var(--mono);letter-spacing:.5px;display:flex;align-items:center;gap:8px;color:#3e5421}
.featured-label svg{width:18px;height:18px}
.featured-main h3{font-size:28px;line-height:1.12;font-weight:500;letter-spacing:-.9px;margin:20px 0 12px;max-width:260px}
.featured-main p{font-size:13px;line-height:1.75;color:#435a24;margin:0 0 14px;max-width:310px}
.featured-formats{display:flex;gap:9px;font:10px/1.5 var(--mono);color:#526d2b;margin:0 0 18px}
.featured-formats>span{color:#86a441}
.featured-open{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-size:13px;font-weight:500;margin-top:auto;width:100%;padding-top:14px;border-top:1px solid #aacb50}
.featured-open svg{width:18px;height:18px}
.featured-main:hover{background:#e1ff80;border-color:#e1ff80}
.featured-small{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;gap:12px;align-items:start;padding:22px 18px;background:#192119}
.featured-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #495a3c;border-radius:5px;color:#c4de94;background:#202b1d}
.featured-icon svg{width:19px;height:19px}
.featured-small h3{font-size:16px;line-height:1.35;font-weight:500;margin:1px 0 8px;letter-spacing:-.2px}
.featured-small p{font-size:12px;line-height:1.7;color:#a2b095;margin:0}
.featured-arrow{color:#87a268;padding-top:7px}
.featured-arrow svg{width:16px;height:16px}
.featured-small:hover{background:#202b1e;border-color:#8da968}
.home-refresh .catalog{border-top:1px solid var(--line);padding-top:28px;padding-bottom:34px}
.home-refresh .catalog-heading{margin-bottom:22px;gap:16px}
.home-refresh .catalog-heading .eyebrow{font-size:9px;color:#8eaa72;letter-spacing:1px;margin-bottom:8px}
.home-refresh .catalog-heading h2{font-size:25px;letter-spacing:-.7px;font-weight:500;flex-wrap:wrap;gap:12px}
.home-refresh .catalog-heading h2>span{font-size:11px}
.home-refresh .catalog-heading>a{min-height:44px;font-size:12px}
.catalog-layout{display:grid;grid-template-columns:165px minmax(0,1fr);gap:25px;align-items:start}
.home-refresh .filters{display:flex;flex-direction:column;gap:4px;overflow:visible;margin:0;padding:0}
.home-refresh .filter{display:flex;width:100%;padding:11px 12px;font:12px/1.5 var(--sans);gap:9px;min-height:44px;border-radius:4px}
.home-refresh .filter>span:first-of-type{flex:1;text-align:left}
.home-refresh .filter-count{font:10px var(--mono);opacity:.7}
.category-directory-link{display:flex;align-items:center;gap:7px;font-size:11px;color:#9fb28a;padding:15px 12px;margin-top:10px;border-top:1px solid var(--line);min-height:44px}
.category-directory-link svg{width:13px;height:13px}
.home-refresh #tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.home-refresh #tool-grid .tool-card{background:#151d16;border-color:#303e2d;color:#edf0e8;min-height:136px}
.home-refresh #tool-grid .tool-card>a{padding:15px 15px 12px}
.home-refresh #tool-grid .card-top{height:26px;margin-bottom:12px;padding-right:28px}
.home-refresh #tool-grid .tool-icon{width:27px;height:27px;background:transparent;border-color:#3f5231;color:#bfd692}
.home-refresh #tool-grid .tool-icon svg{width:16px;height:16px}
.home-refresh #tool-grid .tool-index{display:none}
.home-refresh #tool-grid .tool-card h3{font-size:14px;margin:0 0 8px;font-weight:500;line-height:1.4}
.home-refresh #tool-grid .tool-card p{display:none}
.home-refresh #tool-grid .card-meta{border:0;padding-top:4px;font-size:9px;letter-spacing:0;color:#8f9e83;text-transform:none}
.home-refresh #tool-grid .card-open{font-size:0;color:#a8c47b}
.home-refresh #tool-grid .save-tool{right:3px;top:5px;color:#7c8e6d}
.home-refresh #tool-grid .save-tool[aria-pressed=true]{color:var(--accent)}
.home-refresh #tool-grid .tool-card:hover{background:#202b1e;border-color:#7b975b}
.home-refresh .catalog-foot{font:12px/1.7 var(--sans);color:#91a183;text-align:left;justify-content:flex-start;max-width:none;margin:19px 0 0}
.home-refresh .catalog-foot svg{width:14px;height:14px}
.home-refresh .category-directory{padding-top:24px;border-top:1px solid var(--line)}
.home-refresh .category-directory .section-heading .eyebrow{display:none}
.home-refresh .category-directory h2{font-size:23px}
.home-refresh .category-directory p{font-size:13px}
.home-refresh .reason-item p{font-size:12px;line-height:1.8}
.home-refresh .faq-section{padding-top:40px;padding-bottom:40px}
.home-refresh .faq-section>div>p{font-size:14px}
.privacy-settings{padding:0;background:transparent;border:0;min-height:44px;color:inherit;font-size:inherit;text-align:left}
.analytics-actions{display:flex;gap:10px;flex-wrap:wrap}
.analytics-actions button{min-height:44px;font-size:12px;white-space:nowrap;color:#e1ebd6;border-color:#71845b;justify-content:center}
.analytics-actions button:hover{background:#34432a;color:#edf4e6}
.analytics-dialog{width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;background:#172015;color:#dce7d1;border:1px solid #657f4a;border-radius:8px;overflow:auto}
.analytics-dialog::backdrop{background:#000b}
.analytics-dialog .dialog-head h2{font-size:22px;font-weight:500;line-height:1.3;margin:0;letter-spacing:-.5px}
.analytics-dialog .dialog-head button{font-size:12px;min-height:44px}
.analytics-dialog>p{font-size:14px;line-height:1.8;color:#b7c7a8}
.analytics-dialog [data-analytics-status]{border-left:2px solid var(--accent);padding-left:12px;color:#cfdfbc}
.analytics-dialog .privacy-policy-link{display:inline-block;font-size:13px;text-decoration:underline;color:#d7e9bd;margin:0 0 20px}
.analytics-dialog .analytics-actions{display:grid;grid-template-columns:1fr 1fr}
@container kitmivo (max-width:1050px){
 .home-refresh .hero-inner{gap:30px;grid-template-columns:1fr 1fr}
 .home-refresh .hero h1{font-size:42px}
 .featured-main{padding:20px}
 .featured-main h3{font-size:25px}
 .featured-small{grid-template-columns:28px minmax(0,1fr);padding:19px 15px;gap:10px}
 .featured-icon{width:28px;height:28px}
 .featured-arrow{display:none}
 .catalog-layout{grid-template-columns:150px minmax(0,1fr);gap:20px}
 .home-refresh #tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container kitmivo (max-width:780px){
 .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
 .featured-main{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;align-items:center;padding:20px}
 .featured-label{grid-column:1/-1;margin-bottom:10px}
 .featured-main h3{grid-column:1;font-size:25px;margin:0 0 9px;max-width:none}
 .featured-main p{grid-column:1;max-width:none;margin:0;font-size:12px}
 .featured-formats{display:none}
 .featured-open{grid-column:2;grid-row:2/4;align-self:stretch;justify-content:center;width:auto;border-top:0;border-left:1px solid #adca4e;padding:0 0 0 18px;font-size:12px;gap:10px;max-width:115px;line-height:1.5}
 .featured-small{grid-template-columns:30px minmax(0,1fr);padding:18px;min-height:116px}
 .catalog-layout{grid-template-columns:minmax(0,1fr);gap:15px}
 .home-refresh .filters{flex-direction:row;overflow-x:auto;gap:5px;padding-bottom:4px}
 .home-refresh .filter{width:auto;flex-shrink:0;font-size:12px;padding:9px 12px}
 .category-directory-link{display:none}
 .home-refresh #tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container kitmivo (max-width:620px){
 .home-refresh .hero-inner{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:22px;padding-bottom:22px}
 .home-refresh .hero h1{font-size:29px;letter-spacing:-1.1px;line-height:1.15;margin:0 0 8px}
 .home-refresh .hero h1 em{display:inline}
 .home-refresh .hero-copy>.eyebrow{display:none}
 .home-refresh .hero p{font-size:12px;line-height:1.7;max-width:330px}
 .hero-search>label{display:none}
 .home-refresh .search-box{height:48px}
 .hero-assurances{font-size:10px;gap:8px 16px;margin-top:10px}
 .hero-assurances svg{width:12px;height:12px}
 .featured-section{padding-bottom:25px}
 .featured-heading{margin-bottom:11px}
 .featured-heading h2{font-size:15px}
 .featured-heading>a{font-size:11px;gap:5px}
 .featured-grid{gap:9px}
 .featured-main{padding:16px;column-gap:12px}
 .featured-label{font-size:9px;letter-spacing:.3px;margin-bottom:9px}
 .featured-main h3{font-size:22px;letter-spacing:-.5px;line-height:1.13;margin:0 0 7px}
 .featured-main p{font-size:11px;line-height:1.65}
 .featured-open{font-size:11px;padding-left:12px;max-width:82px;flex-wrap:wrap;gap:8px;align-content:center;text-align:center}
 .featured-open svg{width:16px;height:16px}
 .featured-small{display:flex;position:relative;flex-direction:column;gap:11px;padding:15px 13px;min-height:136px}
 .featured-icon{width:27px;height:27px}
 .featured-icon svg{width:16px;height:16px}
 .featured-small h3{font-size:14px;line-height:1.35;margin:0 0 6px}
 .featured-small p{font-size:11px;line-height:1.65}
 .home-refresh .catalog{padding-top:23px}
 .home-refresh .catalog-heading{gap:10px;margin-bottom:13px;align-items:flex-end}
 .home-refresh .catalog-heading .eyebrow{font-size:8px;margin-bottom:6px}
 .home-refresh .catalog-heading h2{font-size:21px;gap:8px}
 .home-refresh .catalog-heading h2>span{font-size:9px;padding-left:8px}
 .home-refresh .catalog-heading>a{font-size:10px;gap:5px}
 .home-refresh .catalog-heading>a svg{width:13px;height:13px}
 .catalog-layout{gap:13px}
 .home-refresh .filter{font-size:11px;gap:6px;padding:9px 10px}
 .home-refresh .filter svg{width:12px;height:12px}
 .home-refresh .filter-count{font-size:9px}
 .home-refresh #tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .home-refresh #tool-grid .tool-card{min-height:122px}
 .home-refresh #tool-grid .tool-card>a{padding:13px 12px 10px}
 .home-refresh #tool-grid .card-top{margin-bottom:9px}
 .home-refresh #tool-grid .tool-card h3{font-size:13px;margin-bottom:7px}
 .home-refresh #tool-grid .card-meta{font-size:9px}
 .home-refresh .catalog-foot{font-size:11px;margin-top:16px;line-height:1.7}
 .home-refresh .category-directory{padding-top:20px}
 .home-refresh .reason-intro h2{font-size:24px}
 .home-refresh .reason-item h3{font-size:12px}
 .home-refresh .reason-item p{font-size:12px}
 .home-refresh .faq-section h2{font-size:27px}
 .home-refresh .faq-section>div>p{font-size:13px}
 .analytics-actions button{font-size:12px;padding:9px 10px}
 .analytics-dialog{padding:20px}
 .analytics-dialog .dialog-head{gap:10px}
 .analytics-dialog .dialog-head h2{font-size:21px}
 .analytics-dialog>p{font-size:13px}
}
@container kitmivo (max-width:370px){
 .home-refresh .hero h1{font-size:26px}
 .hero-assurances{font-size:9px;gap:7px 10px}
 .featured-heading>a{font-size:10px}
 .featured-small{padding:13px 11px;min-height:132px}
 .featured-small p{font-size:10px}
 .featured-main h3{font-size:21px}
 .home-refresh .catalog-heading h2{font-size:19px}
}
.search-box input::-webkit-search-cancel-button{display:none}
.search-clear{min-width:44px}
@container kitmivo (max-width:620px){.icon-btn{width:44px;height:44px}}
/* Web and H5 share the same banner layout and exact creative sizes. */
.ad-slot.ad-live{display:block;width:300px;max-width:none;position:relative;left:50%;transform:translateX(-50%);margin:0;color:#8e9b88;background:none;border:0;padding:0}
.ad-live .ad-label{font:9px/16px var(--mono);letter-spacing:1.4px;margin:0 0 8px;text-align:center}
.ad-live .ad-frame{display:block;position:relative;max-width:none;margin:0;background:#151b16;outline:1px solid #2b352b;outline-offset:-1px;isolation:isolate;overflow:hidden}
.ad-live .gpt-slot{display:block;margin:0;padding:0;position:relative;z-index:1}
.ad-section,.home-page>.ad-section{padding:22px 0;margin:20px auto 28px}
.ad-slot.ad-live[hidden],.ad-section[hidden]{display:none!important}
.category-page>.ad-live[data-ad-format=banner]{margin:20px 0 28px}
.tool-layout{display:block;max-width:820px;margin-inline:auto}
.tool-article,.guide-jump{max-width:820px;margin-left:auto;margin-right:auto}
@media(max-width:359px){
 html{scrollbar-width:none}
 html::-webkit-scrollbar{display:none}
}
@container kitmivo (max-width:359px){
 .category-page .breadcrumb{margin-top:18px;margin-bottom:16px}
 .category-page .category-intro{padding-bottom:12px}
}

/* The whole site uses its H5 layout on desktop and mobile. Breakpoints follow this column. */
body{background:#080c09}
.site-shell{width:100%;max-width:430px;min-height:100dvh;margin:0 auto;background:var(--bg);container-type:inline-size;container-name:kitmivo;box-shadow:0 0 0 1px #293329,0 12px 80px #0005}
.site-header{position:relative}
.skip{left:max(20px,calc((100vw - 430px)/2 + 20px))}
.toast{width:max-content;max-width:calc(min(100vw,430px) - 32px);overflow-wrap:anywhere}
.image-dialog{width:min(402px,calc(100vw - 28px))}
.analytics-dialog{width:min(398px,calc(100vw - 32px))}

/* The supplied 320x50 unit is a bottom anchor; rectangles stay in the page. */
.ad-slot.ad-live.ad-anchor{position:fixed;inset:auto auto 0 50%;transform:translateX(-50%);width:min(430px,100%);max-width:100%;z-index:40;display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;padding:4px 0 calc(10px + env(safe-area-inset-bottom,0px));background:#101411;border-top:1px solid #46513c;box-shadow:0 -8px 24px #0005}
.ad-anchor:not([data-ad-state=filled]):not([data-ad-state=preview]){opacity:0;pointer-events:none}
.ad-anchor-head{width:320px;height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ad-anchor-head .ad-label{margin:0;padding-left:10px}
.ad-anchor-close{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;background:none;border:1px solid #3d4937;border-radius:4px;color:#d2deca;font:25px/1 var(--sans)}
.ad-anchor-close:hover{background:#283222;border-color:#a6bd77}
body:has(>.ad-anchor[data-ad-state=filled]:not([hidden])) .site-shell,body:has(>.ad-anchor[data-ad-state=preview]:not([hidden])) .site-shell{padding-bottom:calc(124px + env(safe-area-inset-bottom,0px))}
body:has(dialog[open])>.ad-anchor,body:has(input:focus,textarea:focus,select:focus,[contenteditable=true]:focus)>.ad-anchor{opacity:0;pointer-events:none}
body:has(>.ad-anchor[data-ad-state=filled]:not([hidden])) .toast{bottom:calc(130px + env(safe-area-inset-bottom,0px))}

/* Compact directory and tool pages: one tool list, optional help, direct actions. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.home-refresh .hero{background:var(--bg)}
.home-refresh .hero-inner{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:14px;padding-bottom:12px}
.home-refresh .hero h1{font-size:27px;letter-spacing:-1px;line-height:1.15;margin:0}
.home-refresh .hero h1 em{display:inline}
.home-refresh .search-box{height:48px}
.home-refresh .catalog{border-top:1px solid var(--line);padding-top:12px;padding-bottom:20px}
.home-refresh .catalog-heading{align-items:center;gap:10px;margin-bottom:6px}
.home-refresh .catalog-heading h2{font-size:20px;line-height:1.4;letter-spacing:-.4px;gap:10px}
.home-refresh .catalog-heading h2>span{font-size:10px;padding-left:10px}
.home-refresh .catalog-heading>a{font-size:11px;min-height:44px}
.catalog-layout{grid-template-columns:minmax(0,1fr);gap:8px}
.home-refresh .filters{flex-direction:row;gap:5px;overflow-x:auto;margin:0;padding:0 0 3px}
.home-refresh .filter{width:auto;flex-shrink:0;font-size:11px;padding:9px 11px;gap:6px;min-height:44px}
.home-refresh .filter svg{width:13px;height:13px}
.home-refresh #tool-grid,.category-page .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:stretch}
.home-refresh #tool-grid .tool-card,.category-page .tool-grid .tool-card{min-height:112px;background:#171f18;border:1px solid #344132;border-radius:5px;color:var(--ink)}
.home-refresh #tool-grid .tool-card:hover,.category-page .tool-grid .tool-card:hover{background:#202b1e;border-color:#819b60}
.home-refresh #tool-grid .tool-card>a,.category-page .tool-grid .tool-card>a{padding:10px 11px 12px;height:100%;gap:6px}
.home-refresh #tool-grid .card-top,.category-page .tool-grid .card-top{display:flex;flex-direction:column;align-items:flex-start;gap:10px;height:auto;padding:0;margin:0}
.home-refresh #tool-grid .tool-icon,.category-page .tool-grid .tool-icon{width:24px;height:24px;border-color:#465a35;background:#23301d;color:#c9e598}
.home-refresh #tool-grid .tool-icon svg,.category-page .tool-grid .tool-icon svg{width:15px;height:15px}
.home-refresh #tool-grid .tool-card h3,.category-page .tool-grid .tool-card h3{font-size:13px;font-weight:500;line-height:1.35;letter-spacing:-.15px;margin:0;overflow-wrap:normal;color:var(--ink)}
.home-refresh #tool-grid .tool-card p,.category-page .tool-grid .tool-card p{display:block;font-size:11px;line-height:1.5;color:#a7b69c;margin:0;overflow-wrap:normal}
.home-refresh #tool-grid .save-tool,.category-page .tool-grid .save-tool{width:44px;height:44px;right:0;top:0;color:#93a483}
.home-refresh #tool-grid .save-tool[aria-pressed=true],.category-page .tool-grid .save-tool[aria-pressed=true]{color:var(--accent)}
.home-refresh #tool-grid .save-tool[aria-pressed=true] svg,.category-page .tool-grid .save-tool[aria-pressed=true] svg{fill:#d6f46b26}
.home-refresh .category-directory{padding-top:0;padding-bottom:0;margin-top:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-refresh .category-directory>summary{min-height:52px;padding:12px 0;font-size:13px;color:#c9d8bd}
.home-refresh .category-directory .category-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 0 14px}
.home-refresh .category-directory .category-links>a{display:flex;align-items:center;min-height:44px;padding:9px 11px;font-size:12px}
.home-refresh .category-directory .category-links strong{font-size:12px;margin:0}
.home-refresh .category-directory .category-links>a>span{margin-left:auto;font-size:10px}
.home-refresh .faq-section{display:block;padding-top:23px;padding-bottom:24px}
.home-refresh .faq-section h2,.tool-article .tool-faq h2,.related-section>h2{font-size:18px;line-height:1.4;letter-spacing:-.3px;margin:0 0 8px;font-weight:500}
.home-refresh .faq-section summary,.tool-article .tool-faq summary{font-size:13px;line-height:1.65;min-height:48px;padding:12px 0}
.home-refresh .faq-section details p{font-size:12px;margin-bottom:15px}
.site-footer{padding-top:21px;padding-bottom:18px}
.footer-top{gap:20px}
.footer-links{font-size:11px;gap:5px}
.footer-links a{display:inline-flex;align-items:center;min-height:32px}
.footer-bottom{margin-top:17px;padding-top:13px;font-size:8px;line-height:1.7}
.breadcrumb{margin-top:16px;margin-bottom:14px;font-size:9px;line-height:1.6;gap:6px}
.tool-intro{margin-bottom:17px}
.tool-intro h1{font-size:27px;line-height:1.2;letter-spacing:-.7px;margin:0 0 8px}
.tool-intro>p{font-size:13px;line-height:1.65;margin:0}
.workspace{padding:18px}
.advanced-tool-page .workspace{padding:18px 15px}
.advanced-tool-page .tool-intro{padding-bottom:0}
.tool-article{padding-top:17px}
.tool-help{border:1px solid #35442f;border-radius:5px;background:#141c14;margin:0}
.tool-help>summary{min-height:50px;padding:13px 14px;font-size:13px;line-height:1.6;color:#c9d8bc}
.tool-help-body{padding:0 14px 15px}
.tool-help-body ol{padding-left:19px;margin:1px 0 14px}
.tool-article .tool-help-body p,.tool-article .tool-help-body li{font-size:12px;line-height:1.85}
.tool-article .tool-help-body li{padding:2px 0}
.tool-article .tool-help-body .example{padding:12px 13px;margin:12px 0 14px}
.tool-article .tool-help-body .example h2{font:11px/1.6 var(--mono);letter-spacing:.3px;margin:0 0 6px}
.tool-article .tool-help-body .example p{margin:0}
.tool-article .tool-help-body .tool-note{margin:13px 0 0;color:#bdcdb0;border-top:1px solid #34422e;padding-top:12px}
.tool-article .tool-faq{margin-top:22px}
.tool-article .tool-faq details p{font-size:12px;line-height:1.85;margin:0 0 16px}
.related-section{margin:24px 0 29px}
.related-links{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.related-links>a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.65;color:#c6d9b2}
.related-links>a>svg{width:16px;height:16px;color:#a7c57d}
.related-links>a:hover{color:var(--accent)}
.category-page{padding-bottom:28px}
.category-intro{padding-top:0;padding-bottom:17px}
.category-intro h1{font-size:27px;line-height:1.2;letter-spacing:-.7px;margin:0 0 8px}
.category-intro p{font-size:13px;line-height:1.65}
.category-help{margin-top:18px}
.category-help>p,.category-help .tool-help-body p{font-size:12px;line-height:1.85;color:#afbea5;margin:0;padding:0 14px 15px}
.category-help .tool-help-body p{padding:0}
@container kitmivo (max-width:370px){
 .home-refresh .hero-inner{padding-top:12px;padding-bottom:12px}
 .home-refresh .hero h1{font-size:25px}
 .home-refresh #tool-grid .tool-card>a,.category-page .tool-grid .tool-card>a{padding-left:10px;padding-right:10px}
 .home-refresh #tool-grid .tool-card h3,.category-page .tool-grid .tool-card h3{font-size:12px}
 .home-refresh .filter{padding-left:10px;padding-right:10px}
 .tool-intro h1,.category-intro h1{font-size:25px}
 .workspace{padding:16px 14px}
 .advanced-tool-page .workspace{padding:17px 12px}
}

.file-field [data-file-info]:empty{display:none}

/* A quiet header leaves room for a full-size first-screen banner. */
.site-header{height:56px}
.home-page>.ad-section.ad-first-screen{padding:6px 0 16px;margin:0 auto;border:0}
.ad-first-screen .ad-label{display:block;margin-bottom:6px}

/* A single in-feed rectangle, separated from the tool cards. */
.home-refresh #tool-grid>.catalog-ad{grid-column:1/-1;min-width:0;padding:20px 0;margin:9px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.catalog-ad .ad-label{display:block;margin-bottom:6px}

/* Compact native accordions keep the answers easy to scan and tap. */
.home-refresh .faq-section{padding:25px 20px 28px}
.home-refresh .faq-section h2{font-size:21px;margin:0 0 14px}
.home-refresh .faq-list{display:grid;gap:9px}
.home-refresh .faq-list details{border:1px solid #34422f;border-radius:7px;background:#151d16;overflow:hidden}
.home-refresh .faq-list details[open]{border-color:#718953;background:#192319}
.home-refresh .faq-list summary{min-height:58px;padding:14px;gap:12px;font-size:13px;font-weight:500;line-height:1.5;color:var(--ink)}
.home-refresh .faq-list summary::after{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border:1px solid #46583a;border-radius:50%;font-size:16px}
.home-refresh .faq-list details[open] summary::after{background:var(--accent);border-color:var(--accent);color:#17200d}
.home-refresh .faq-list details p{font-size:12px;line-height:1.8;padding:0 14px 15px;margin:0;color:#b2c0a9}

/* The footer follows the narrow site column on every screen size. */
.site-footer{padding:18px 0 17px}
.site-footer .footer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.footer-to-top{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:11px;color:#aebfa0}
.footer-to-top span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #3d4b35;border-radius:50%;color:var(--accent);font-size:16px}
.footer-to-top:hover{color:var(--accent)}
.site-footer .footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;font-size:11px}
.site-footer .footer-links>a,.site-footer .footer-links>.privacy-settings{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:8px 5px;border:1px solid #2e3b2b;border-radius:5px;background:#131b14;color:#b2c0a8;text-align:center;line-height:1.5}
.site-footer .footer-links>a:hover,.site-footer .footer-links>.privacy-settings:hover{background:#202c1b;border-color:#718953;color:var(--accent)}
.site-footer .footer-bottom{display:block;text-align:center;margin-top:14px;padding-top:12px;font:10px/1.6 var(--sans);color:#8d9f82}
.site-footer .footer-bottom>span{display:block;max-width:none}

/* Clearly identify every in-flow placement, including an unfilled one. */
.ad-live>.ad-label{display:block;width:100%;font:10px/18px var(--mono);color:#b0bca8;letter-spacing:1px;text-transform:uppercase;margin-bottom:7px}
.tool-page>.ad-tool-first-screen{padding:12px 0 18px;margin:0 auto 18px}
.ad-live[data-ad-format=banner]:is([data-ad-state=empty],[data-ad-state=timeout],[data-ad-state=unavailable],[data-ad-state=closed])>.ad-frame{display:none}
.ad-live[data-ad-format=banner]:is([data-ad-state=empty],[data-ad-state=timeout],[data-ad-state=unavailable],[data-ad-state=closed])>.ad-label{margin:0;padding:4px 0;border-block:1px solid #29352a;color:#91a087;font-size:9px}
.ad-section:has(>.ad-live[data-ad-format=banner]:is([data-ad-state=empty],[data-ad-state=timeout],[data-ad-state=unavailable],[data-ad-state=closed])){padding-block:6px;margin-block:8px}
.home-page>.ad-section.ad-first-screen:has(>.ad-live:is([data-ad-state=empty],[data-ad-state=timeout],[data-ad-state=unavailable],[data-ad-state=closed])){padding-block:4px;margin-block:0}
.home-refresh #tool-grid>.catalog-ad:has(>.ad-live:is([data-ad-state=empty],[data-ad-state=timeout],[data-ad-state=unavailable],[data-ad-state=closed])){padding-block:4px;margin-block:4px;border:0}

/* Processing and results are separate states, with motion kept optional. */
.processing-status{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:12px;padding:18px 14px;margin-top:20px;border:1px solid #52663b;border-radius:7px;background:#192218;outline:none;scroll-margin-top:18px}
.processing-spinner{display:block;width:30px;height:30px;border:3px solid #3c4d30;border-top-color:var(--accent);border-radius:50%;animation:processing-spin .8s linear infinite}
.processing-status strong{font-size:14px;font-weight:500;color:var(--ink)}
.processing-status p{margin:4px 0 0;color:#b0bf9f;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.processing-status progress{grid-column:1/-1;width:100%;height:8px;accent-color:var(--accent)}
.processing-success{display:flex;align-items:flex-start;gap:11px;padding:14px;margin-bottom:19px;border:1px solid #59733d;border-radius:6px;background:#202d19}
.processing-success-icon{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#17200c;font-size:16px;font-weight:600}
.processing-success strong{display:block;font-size:14px;font-weight:500;line-height:1.6}
.processing-success p{font-size:12px;line-height:1.7;color:#b6cba4;margin:3px 0 0;overflow-wrap:anywhere}
.processing-success[data-processing-result=partial]{border-color:#8b8248;background:#282819}
.processing-success[data-processing-result=partial] .processing-success-icon{background:#e3d27b}
@keyframes processing-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.processing-spinner{animation:none}}
.ad-slot.ad-live.ad-anchor[data-ad-obscured=true]{opacity:0;pointer-events:none}
.tool-page>.ad-after-related{margin:18px auto 26px}
.prose>.ad-section{margin:22px auto;padding-block:18px}