:root{color-scheme:dark;--lab-green:#8bdfae;--lab-line:rgba(145,220,165,.17);--lab-text:#d7eadd}
*{box-sizing:border-box}
body.standalone{margin:0;color:var(--lab-text);background:radial-gradient(ellipse at 90% 0,rgba(36,112,64,.18),transparent 52%),#09120e;font-family:"Readex Pro",system-ui,sans-serif}
body.standalone-proxy{--lab-green:#8bdce3}body.standalone-api-client{--lab-green:#a6b6f3}
body.standalone-password{--lab-green:#edc987}
.standalone a{color:inherit;text-decoration:none}
.standalone a:hover{color:var(--lab-green)}
.standalone a:focus-visible,.standalone input:focus-visible,.standalone button:focus-visible{outline:2px solid var(--lab-green);outline-offset:2px}
.standalone-header,.standalone-footer{max-width:1250px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px}
.standalone-header{border-bottom:1px solid var(--lab-line)}
.standalone-header .brand{font:900 23px system-ui,sans-serif;letter-spacing:-.03em}
.standalone-header .brand span{color:var(--lab-green)}
.standalone-header nav{display:flex;gap:23px;font-size:13px;flex-wrap:wrap}
.standalone-main{max-width:1250px;padding:27px 20px 70px;margin:auto}
.standalone-hero{border:1px solid var(--lab-line);border-radius:22px;background:linear-gradient(125deg,#13291a,#0b1911);padding:clamp(24px,4vw,51px);margin-bottom:24px}
.standalone-hero small{letter-spacing:.12em;color:var(--lab-green);font-size:12px;font-weight:700}
.standalone-hero h1{color:#e1f2e6;font-size:clamp(28px,4vw,50px);line-height:1.35;margin:14px 0}
.standalone-hero p{max-width:760px;line-height:1.95;color:#b1caba;font-size:15px}
.standalone-hero .pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.standalone-hero .pills span{border:1px solid var(--lab-line);border-radius:30px;padding:5px 12px;color:#a8bead;font-size:12px}
.standalone-workspace{padding:clamp(13px,3vw,34px);border:1px solid var(--lab-line);border-radius:21px;background:#101e16}
.standalone-workspace .tool-workspace,.standalone-workspace .tool-controls{width:100%;max-width:100%}
.standalone-links{margin:23px 0;font-size:13px;color:var(--lab-green)}
.standalone-footer{border-top:1px solid var(--lab-line);color:#94a798;font-size:12px}
.directory-search{display:block;margin:30px 0;color:#cad9ce;font-size:14px}
.directory-search input{display:block;width:min(100%,600px);margin-top:10px;border:1px solid var(--lab-line);background:#112019;border-radius:12px;padding:14px 16px;color:#e2f0e7}
.tool-category-directory{margin:26px 0 42px}
.tool-category-directory h2{font-size:23px;color:#c9e7d1;margin-bottom:19px}
.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.app-card{background:#13241a;border:1px solid var(--lab-line);padding:25px;border-radius:16px;min-height:194px}
.app-card:hover{border-color:var(--lab-green)}
.app-card span{font-size:11px;text-transform:uppercase;color:var(--lab-green)}
.app-card h3{font-size:18px;color:#e4f0e7;margin:10px 0}
.app-card p{font-size:13px;line-height:1.85;color:#a2b6a8}
.app-card strong{font-size:13px;color:var(--lab-green)}
[hidden]{display:none!important}
@media(max-width:870px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.standalone-header{align-items:flex-start;flex-direction:column}.app-grid{grid-template-columns:1fr}.standalone-footer{flex-wrap:wrap}.standalone-main{padding:16px 12px 50px}}


/* Cross-navigation and AI-created raster app icons */
.lab-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px clamp(14px,2.2vw,35px);font-size:13px;color:var(--ink-2,#a0b9bb)}
.lab-breadcrumb a,.lab-parent-link a{color:#91e3be;text-decoration:none;font-weight:750}
.lab-breadcrumb a:hover,.lab-parent-link a:hover{text-decoration:underline}
.lab-parent-link{margin:14px 0 22px;font-size:clamp(14px,1vw,16px)}
.app-card .app-icon{width:48px;height:48px;display:block;object-fit:contain;border-radius:10px;margin-bottom:10px}


/* Real HTML reference material for visitors, accessibility and search crawlers.
   Remains visible without JavaScript and never obscures the primary workspace. */
.seo-tool-guide{
 margin:20px auto 30px;
 width:min(100%,1180px);
 padding:clamp(18px,2.6vw,30px);
 border:1px solid #2c4549;
 border-radius:17px;
 background:linear-gradient(155deg,#101e21,#0c161b);
 color:#d6e8e5;
 font-size:clamp(15px,.96vw,17px);
 line-height:1.9;
}
.seo-tool-guide h2{
 color:#e8fff6;
 font-size:clamp(20px,1.55vw,27px);
 font-weight:830;
 line-height:1.5;
 margin:0 0 14px;
}
.seo-tool-guide h3{
 color:#97e6bf;
 font-size:clamp(16px,1.12vw,19px);
 line-height:1.55;
 margin:20px 0 7px;
}
.seo-tool-guide p{max-width:90ch;overflow-wrap:anywhere;line-height:1.9}
.seo-related-tools>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.seo-related-tools a{
 display:inline-flex;align-items:center;
 background:#182c2d;
 border:1px solid #3e6860;
 color:#b8f3d3;text-decoration:none;
 padding:9px 15px;
 border-radius:10px;
 font-size:clamp(14px,.9vw,16px);
 min-height:42px;
}
.seo-related-tools a:hover,.seo-related-tools a:focus-visible{
 border-color:#7ce8b5;background:#264440;
}
@media (max-width:640px){.seo-tool-guide{margin-inline:0;border-radius:12px}}