: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}}


/* Egytag Lab raster brand lockups, 2026-10-16. */
.standalone-header .brand{
 display:inline-flex;align-items:center;gap:10px;
 color:#effaf5;font-weight:900;
 text-decoration:none;white-space:nowrap;
}
.standalone-header .brand .lab-brand-symbol{
 display:block;flex:0 0 40px;width:40px;height:40px;object-fit:cover;
 border:1px solid color-mix(in srgb,var(--lab-green) 47%,transparent);
 border-radius:12px;
 box-shadow:0 3px 17px rgba(0,0,0,.27);
 background:#0b2027;
}
.standalone-header .brand .lab-brand-wordmark{
 color:#f1f9f5;font-weight:900;letter-spacing:-.035em;
}
.standalone-header .brand .lab-brand-wordmark>span{color:var(--lab-green)}
.standalone-main h1 .lab-tool-title-icon{
 display:inline-block;
 width:clamp(46px,5vw,64px);height:clamp(46px,5vw,64px);
 margin-inline-end:14px;
 border-radius:clamp(12px,1.2vw,16px);
 border:1px solid color-mix(in srgb,var(--lab-green) 35%,#273b3f);
 background:#0b2027;
 box-shadow:0 5px 23px rgba(0,0,0,.25);
 object-fit:cover;vertical-align:middle;
}
.standalone-main .standalone-hero h1,
.standalone-main .ip-identity__title,
.standalone-main #fpHeroTitle{
 line-height:1.45;
}
.standalone .app-card .app-icon{
 background:#102631;border:1px solid rgba(143,229,191,.27);
 border-radius:12px;
 box-shadow:0 2px 12px rgba(0,0,0,.18);
}
.standalone-header .brand:hover .lab-brand-symbol{border-color:var(--lab-green)}
@media(max-width:580px){
 .standalone-header .brand .lab-brand-symbol{width:34px;height:34px;flex-basis:34px;border-radius:10px}
 .standalone-header .brand{gap:8px;font-size:19px}
 .standalone-main h1 .lab-tool-title-icon{
  width:46px;height:46px;
  margin-inline-end:10px;border-radius:12px;
 }
}

/* Exclusive Social Browser tools: explanatory public landing, no work controls. */
.sb-required-page{max-width:1120px}
.sb-required-panel{margin:25px auto 25px;padding:clamp(27px,5vw,60px);border:1px solid #285e93;border-radius:22px;background:radial-gradient(ellipse at top right,#124576,#071b34 75%);box-shadow:0 18px 65px #0007;text-align:center;display:grid;justify-items:center;gap:15px}
.sb-required-logo{object-fit:contain}
.sb-required-label{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.09em;color:#7ed1ff}
.sb-required-panel h1{font-size:clamp(25px,3.7vw,41px);line-height:1.35;margin:0;color:#e4f6ff}
.sb-required-tool{font-size:clamp(17px,2vw,21px);font-weight:700;color:#77c7ff;margin:0}
.sb-required-message{max-width:680px;font-size:clamp(16px,1.7vw,19px);line-height:1.9;color:#c1daee;margin:0}
.sb-required-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:13px;margin-top:14px}
.sb-required-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:13px 24px;border-radius:12px;background:#208dff;border:1px solid #68bdff;color:#fff;font-size:16px;font-weight:800;text-decoration:none}
.sb-required-actions a.sb-required-secondary{background:#0c2f54;color:#d3efff}
.sb-required-actions a:hover{filter:brightness(1.14)}
.sb-required-footnote{font-size:14px;line-height:1.7;color:#8bb5ce;margin:0}
.sb-required-about{margin:18px 0 30px;padding:24px;border:1px solid #235071;border-radius:15px;background:#0b223a;color:#d5e9f7}
.sb-required-about h2{font-size:21px}
.sb-required-about p{font-size:16px;line-height:1.8}
.sb-required-about a{color:#83cfff;text-decoration:underline}
@media(max-width:520px){.sb-required-actions{flex-direction:column;width:100%}.sb-required-actions a{width:100%}}