/* Egytag Lab v2 — dedicated application surfaces, not the editorial website skin.
   CSS bar charts use live measurements only, authored by experience.js. */
:root{--xl-bg:#071419;--xl-surface:#0c1c24;--xl-panel:#112730;--xl-color:#8fded1;--xl-wash:rgba(77,205,177,.11);--xl-border:rgba(151,211,210,.2);--xl-strong:#ecf9f8;--xl-soft:#a8c6cb;--xl-shadow:rgba(0,0,0,.25)}
body.standalone{--lab-green:var(--xl-color);--lab-line:var(--xl-border);--lab-text:var(--xl-strong);font-family:system-ui,"Segoe UI","Readex Pro",sans-serif;background:radial-gradient(ellipse at 85% -3%,var(--xl-wash),transparent 58%),var(--xl-bg);color:var(--xl-strong);font-size:16px;}
body.standalone-ip{--xl-bg:#06151b;--xl-surface:#0b232d;--xl-panel:#12303a;--xl-color:#70dbe9;--xl-wash:rgba(42,178,224,.19);--xl-border:rgba(107,206,224,.22)}
body.standalone-fingerprint{--xl-bg:#0e101e;--xl-surface:#191b32;--xl-panel:#222542;--xl-color:#b9adff;--xl-wash:rgba(122,101,227,.24);--xl-border:rgba(175,154,250,.22)}
body.standalone-canvas{--xl-bg:#17121d;--xl-surface:#221b2a;--xl-panel:#31243b;--xl-color:#e3a7e8;--xl-wash:rgba(220,87,197,.15);--xl-border:rgba(220,142,220,.22)}
body.standalone-webgl{--xl-bg:#10121c;--xl-surface:#191e2d;--xl-panel:#222d3b;--xl-color:#8cbeff;--xl-wash:rgba(69,126,252,.2);--xl-border:rgba(133,170,245,.22)}
body.standalone-webrtc{--xl-bg:#151016;--xl-surface:#241a25;--xl-panel:#302330;--xl-color:#ffb7ab;--xl-wash:rgba(246,129,118,.13);--xl-border:rgba(236,157,155,.2)}
body.standalone-permissions{--xl-bg:#0e1716;--xl-surface:#142521;--xl-panel:#20342c;--xl-color:#aadf99;--xl-wash:rgba(115,194,103,.14);--xl-border:rgba(158,222,153,.2)}
body.standalone-proxy{--xl-bg:#0b1720;--xl-surface:#142632;--xl-panel:#1b3440;--xl-color:#79d5fa;--xl-wash:rgba(54,169,227,.17);--xl-border:rgba(99,191,233,.25)}
body.standalone-free-proxy{--xl-bg:#0b171b;--xl-surface:#112830;--xl-panel:#1b3540;--xl-color:#74d7dc;--xl-wash:rgba(67,201,202,.18);--xl-border:rgba(126,222,220,.2)}
body.standalone-preview{--xl-bg:#171411;--xl-surface:#252017;--xl-panel:#382e20;--xl-color:#f3c57b;--xl-wash:rgba(240,160,86,.18);--xl-border:rgba(244,198,125,.2)}
body.standalone-converter{--xl-bg:#0c1818;--xl-surface:#16282a;--xl-panel:#1f3939;--xl-color:#6ed8b3;--xl-wash:rgba(92,212,170,.18);--xl-border:rgba(128,221,194,.2)}
body.standalone-api-client{--xl-bg:#0e1320;--xl-surface:#151f32;--xl-panel:#1f3048;--xl-color:#91b7ff;--xl-wash:rgba(107,138,230,.21);--xl-border:rgba(130,166,238,.23)}
body.standalone-password{--xl-bg:#16130e;--xl-surface:#241f15;--xl-panel:#322c1d;--xl-color:#f2ca81;--xl-wash:rgba(223,155,64,.15);--xl-border:rgba(236,204,136,.19)}
body.standalone-json{--xl-bg:#11151b;--xl-surface:#1b2430;--xl-panel:#263244;--xl-color:#9ad4ff;--xl-wash:rgba(88,153,239,.17);--xl-border:rgba(153,192,250,.21)}
body.standalone-url{--xl-bg:#101820;--xl-surface:#192834;--xl-panel:#203b4b;--xl-color:#86d5fa;--xl-wash:rgba(79,165,225,.16);--xl-border:rgba(143,204,247,.2)}
body.standalone-timestamp{--xl-bg:#14151b;--xl-surface:#222434;--xl-panel:#303346;--xl-color:#d0baff;--xl-wash:rgba(146,111,235,.19);--xl-border:rgba(186,156,244,.2)}
body.standalone-base64{--xl-bg:#0d1a18;--xl-surface:#182927;--xl-panel:#253b36;--xl-color:#8ad9bf;--xl-wash:rgba(77,187,145,.14);--xl-border:rgba(157,224,188,.2)}
body.standalone-hash{--xl-bg:#181313;--xl-surface:#281e1d;--xl-panel:#392b29;--xl-color:#ffb98d;--xl-wash:rgba(230,121,86,.15);--xl-border:rgba(245,161,125,.22)}
body.standalone-uuid{--xl-bg:#111826;--xl-surface:#1b2840;--xl-panel:#243754;--xl-color:#a5bbff;--xl-wash:rgba(96,131,235,.2);--xl-border:rgba(151,172,236,.24)}
body.standalone-text{--xl-bg:#172019;--xl-surface:#203026;--xl-panel:#2b4032;--xl-color:#b1e68b;--xl-wash:rgba(119,186,104,.19);--xl-border:rgba(163,216,149,.23)}
.standalone .standalone-header{border-bottom:1px solid var(--xl-border);max-width:1440px;padding:24px clamp(18px,3vw,44px)}
.standalone .standalone-header .brand{letter-spacing:-.06em;font-size:24px;font-weight:900}
.standalone .standalone-header .brand span{color:var(--xl-color)}
.standalone .standalone-header nav{font-size:14px;color:var(--xl-soft)}
.standalone .standalone-header nav a:hover{color:var(--xl-color)}
.standalone .standalone-main{max-width:1440px;padding:clamp(18px,3vw,42px) clamp(16px,3vw,44px) 85px}
.standalone .standalone-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--xl-border);border-radius:28px;background:linear-gradient(120deg,var(--xl-surface),var(--xl-bg));padding:clamp(28px,5vw,66px);box-shadow:0 24px 70px var(--xl-shadow)}
.standalone .standalone-hero:after{content:"";position:absolute;inline-size:min(30vw,400px);block-size:min(30vw,400px);inset-inline-end:-12%;inset-block-start:-95%;border:1px solid var(--xl-border);border-radius:50%;box-shadow:0 0 0 42px var(--xl-wash),0 0 0 85px rgba(255,255,255,.02);pointer-events:none;z-index:-1}
.standalone .standalone-hero small{font-size:12px;letter-spacing:.11em;color:var(--xl-color);font-weight:750}
.standalone .standalone-hero h1{font-size:clamp(31px,4vw,61px);max-width:920px;line-height:1.22;letter-spacing:-.025em;color:var(--xl-strong);margin:17px 0}
.standalone .standalone-hero p{font-size:clamp(15px,1.35vw,18px);max-width:880px;color:var(--xl-soft);line-height:1.8}
.standalone .standalone-hero .pills{margin-top:28px}
.standalone .standalone-hero .pills span{color:var(--xl-color);border:1px solid var(--xl-border);background:var(--xl-wash);padding:8px 14px;font-size:12px;line-height:1.2}
.standalone .standalone-workspace{border-radius:24px;border:1px solid var(--xl-border);background:var(--xl-surface);padding:clamp(14px,2.4vw,34px)}
.standalone .standalone-workspace .tool-workspace{min-width:0}
.standalone .standalone-workspace .tool-controls{margin-top:12px}
.standalone .standalone-workspace label,.standalone .standalone-workspace h2,.standalone .standalone-workspace h3{color:var(--xl-strong)}
.standalone .standalone-workspace button{min-height:40px;border-radius:10px}
.standalone .standalone-workspace button:not(:disabled){cursor:pointer}
.standalone .standalone-workspace :is(input,select,textarea){max-width:100%;border-color:var(--xl-border);color:var(--xl-strong)}
.standalone :is(.tool-controls,.lab-report,.lab3-report) *{min-width:0}
.standalone .standalone-workspace :is(textarea,pre,code,dd){overflow-wrap:anywhere;word-break:normal}
.standalone .standalone-workspace textarea{resize:vertical}
.standalone .standalone-workspace pre{overflow-x:auto}
.standalone .lab-experience{border-radius:18px;background:var(--xl-bg);border:1px solid var(--xl-border);padding:clamp(17px,2vw,30px);margin:0 0 24px}
.lab-experience__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}
.lab-experience__head h2{font-size:clamp(19px,2vw,26px);margin:6px 0 8px;font-weight:780;letter-spacing:-.02em}
.lab-experience__head p{font-size:13px;color:var(--xl-soft);max-width:800px;margin:0;line-height:1.8}
.lab-experience__eyebrow{font-size:10px;letter-spacing:.16em;color:var(--xl-color);font-weight:800}
.lab-experience__status{flex:none;font-size:12px;padding:8px 13px;color:var(--xl-color);border:1px solid var(--xl-border);border-radius:99px;background:var(--xl-wash)}
.lab-experience__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(215px,100%),1fr));gap:13px}
.lab-experience__card{background:var(--xl-panel);border:1px solid var(--xl-border);border-radius:15px;padding:21px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:134px}
.lab-experience__card:nth-child(2n){background:color-mix(in srgb,var(--xl-panel) 80%,var(--xl-bg))}
.lab-experience__label{font-size:12px;color:var(--xl-soft);font-weight:650}
.lab-experience__value{font-size:clamp(19px,2.1vw,28px);line-height:1.35;letter-spacing:-.02em;color:var(--xl-strong);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%}
.lab-experience__foot{font-size:11px;color:var(--xl-color);line-height:1.7}
.lab-experience__card[data-tone=bad]{border-color:#e38a82}
.lab-experience__chart{margin-top:20px;padding:21px;border:1px solid var(--xl-border);border-radius:15px;background:var(--xl-panel)}
.lab-experience__chart[hidden]{display:none}
.lab-experience__chart h3{margin:0 0 18px;font-size:16px;color:var(--xl-strong)}
.lab-experience__bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:12px 24px}
.lab-experience__bar{display:grid;grid-template-columns:minmax(0,125px) minmax(0,1fr) auto;align-items:center;gap:12px}
.lab-experience__bar-label{font-size:12px;color:var(--xl-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lab-experience__bar strong{font-size:12px;font-variant-numeric:tabular-nums;color:var(--xl-strong);min-width:22px;text-align:end}
.lab-experience__track{height:12px;border-radius:100px;background:color-mix(in srgb,var(--xl-color) 12%,transparent);overflow:hidden}
.lab-experience__fill{height:100%;background:linear-gradient(90deg,var(--xl-color),color-mix(in srgb,var(--xl-color) 45%,white));min-width:0;border-radius:inherit}
.standalone .lab-report__section{width:100%}
.standalone :is(.lab3-group,.ip-inspector__group){border-color:var(--xl-border);background:var(--xl-bg)}
/* Full evidence is presented as responsive cards instead of a long flat definition table. */
.standalone .lab-report .lab-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px}
.standalone .lab-report .lab-kv>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;padding:17px;border:1px solid var(--xl-border);border-radius:12px;background:var(--xl-panel);margin:0;min-height:105px}
.standalone .lab-report .lab-kv dt{font-size:12px;opacity:.9;color:var(--xl-soft);font-weight:600}
.standalone .lab-report .lab-kv dd{margin:0;font-size:14px;font-weight:680;color:var(--xl-strong);line-height:1.6;max-width:100%;text-align:start;overflow-wrap:anywhere;unicode-bidi:plaintext}
.standalone .lab-report .lab-kv>div[hidden]{display:none}
.standalone .lab-report .lab3-group[hidden]{display:none}
.standalone .lab-report details>summary{color:var(--xl-strong)}
.standalone .lab3-report .lab3-group>.lab-report__section{padding:clamp(14px,2vw,24px)}
.standalone .ip-inspector .ip-inspector__group>.lab-report__section{padding:clamp(14px,2vw,24px)}
.standalone .tool-usage-guide[open]>summary{margin-bottom:12px}
.standalone .lab3-utility__editors,.standalone .converter-grid{gap:17px}
.standalone .lab3-utility__panel,.standalone .converter-grid>div{border:1px solid var(--xl-border);background:var(--xl-bg);border-radius:14px}
.standalone .tool-controls .action-row{display:flex;flex-wrap:wrap;gap:10px}
.standalone .standalone-links{margin-top:26px;color:var(--xl-color)}
.standalone .standalone-footer{border-color:var(--xl-border);max-width:1440px;color:var(--xl-soft)}
@media(max-width:750px){
.standalone .standalone-header{padding:16px}
.standalone .standalone-main{padding:16px 12px 65px}
.standalone .standalone-hero{border-radius:21px;padding:25px 20px}
.standalone .standalone-hero:after{display:none}
.standalone .standalone-workspace{padding:12px}
.standalone .lab-experience{padding:16px}
.lab-experience__head{flex-wrap:wrap}
.lab-experience__bar{grid-template-columns:minmax(0,90px) minmax(0,1fr) auto;gap:7px}
.standalone .lab-report .lab-kv{grid-template-columns:1fr}
.standalone .lab-report .lab-kv>div{min-height:unset}
}
@media(prefers-reduced-motion:reduce){.standalone *, .standalone *:before, .standalone *:after{transition:none!important;animation:none!important}}

/* v3 productivity controls: visible, usable with keyboard, no overlays on content. */
.tool-productivity-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:13px;min-width:0;margin:16px 0 20px;padding:11px 14px;border:1px solid var(--xl-border);border-radius:16px;background:color-mix(in srgb,var(--xl-bg) 95%,transparent);box-shadow:0 12px 30px rgba(0,0,0,.16);backdrop-filter:blur(12px)}
.tool-productivity-label{flex:none;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--xl-color)}
.tool-productivity-actions{display:flex;align-items:center;gap:7px;flex:1;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:2px}
.tool-productivity-button{display:inline-flex;flex:none;align-items:center;justify-content:center;white-space:nowrap;min-height:39px;padding:8px 12px;border:1px solid var(--xl-border);border-radius:10px;background:var(--xl-panel);color:var(--xl-strong);font-weight:650;font-size:12px;line-height:1.25;font-family:inherit;cursor:pointer}
.tool-productivity-button:hover:not(:disabled){border-color:var(--xl-color);background:var(--xl-wash)}
.tool-productivity-button:focus-visible,.directory-filter:focus-visible{outline:2px solid var(--xl-color);outline-offset:2px}
.tool-productivity-button--primary{background:var(--xl-color);color:var(--xl-bg);border-color:var(--xl-color);font-weight:800}
.tool-productivity-button--primary:hover:not(:disabled){color:var(--xl-strong);background:var(--xl-panel)}
.tool-productivity-button:disabled{opacity:.45;cursor:not-allowed}
.tool-productivity-status{flex:0 1 168px;max-width:168px;color:var(--xl-soft);font-size:11px;line-height:1.4}
.standalone :is(.lab-experience,.standalone-workspace,.tool-controls,.lab-report){scroll-margin-top:102px}
.standalone .lab-experience__status{background:var(--xl-wash);color:var(--xl-color)}
.standalone .lab-experience[data-state=pending] .lab-experience__status{opacity:.78}
.directory-filters{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 18px;align-items:center}
.directory-filter{display:inline-flex;gap:8px;align-items:center;min-height:42px;padding:9px 15px;border-radius:12px;border:1px solid var(--xl-border);background:var(--xl-surface);color:var(--xl-strong);font-size:13px;font-weight:650;cursor:pointer}
.directory-filter span{font-variant-numeric:tabular-nums;color:var(--xl-soft)}
.directory-filter:hover,.directory-filter.is-active{border-color:var(--xl-color);background:var(--xl-wash);color:var(--xl-color)}
.directory-filter.is-active span{color:var(--xl-color)}
.directory-count{margin:0 0 16px;color:var(--xl-soft);font-size:13px}
.directory-empty{border:1px dashed var(--xl-border);border-radius:16px;padding:38px 15px;text-align:center;color:var(--xl-soft);background:var(--xl-surface)}
.directory-empty[hidden],.app-card[hidden],.tool-category-directory[hidden]{display:none!important}
.standalone .app-card{transition:border-color .18s ease,transform .18s ease;background:var(--xl-surface);border:1px solid var(--xl-border);border-radius:17px}
.standalone .app-card:hover{border-color:var(--xl-color);transform:translateY(-2px)}
.standalone .app-card h3{color:var(--xl-strong)}
.standalone .app-card p{color:var(--xl-soft)}
.standalone .app-card strong{color:var(--xl-color)}
.standalone .directory-search input{min-height:51px;font-size:16px}
@media (max-width:850px){
.tool-productivity-bar{flex-wrap:wrap;gap:4px 9px;top:0;padding:9px;border-radius:12px;margin:10px 0 14px}
.tool-productivity-label{display:none}
.tool-productivity-actions{width:100%;flex-basis:100%}
.tool-productivity-button{font-size:12px;min-height:41px;padding:10px 12px}
.tool-productivity-status{flex:1;max-width:100%;padding-inline:6px}
.standalone :is(.lab-experience,.standalone-workspace,.tool-controls,.lab-report){scroll-margin-top:105px}
.directory-filters{flex-wrap:nowrap;overflow-x:auto;padding:4px 0 9px;scrollbar-width:thin}
.directory-filter{flex:none}
}
@media(prefers-reduced-motion:reduce){.standalone .app-card{transform:none!important;transition:none}}

/* API response: Body, Headers and parsed tree remain separately visible together. */
.standalone-api-client .api-client--pro .api-response-panes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:14px;align-items:stretch}
.standalone-api-client .api-client--pro .api-response-panes>div:not([hidden]){display:flex;flex-direction:column;gap:12px;padding:17px;border:1px solid var(--xl-border);border-radius:15px;background:var(--xl-bg);min-width:0}
.standalone-api-client .api-client--pro .api-response-panes textarea{min-height:230px;max-height:460px;line-height:1.6}
.standalone-api-client .api-client--pro .api-response-panes #apiJsonPreview{overflow-x:auto;max-height:550px}
.standalone-api-client .lab-v3-api-pane-heading{margin:0;font-size:16px;font-weight:780;color:var(--xl-color)}
.standalone-api-client .api-response-tabs{gap:8px;flex-wrap:wrap}
.standalone-api-client .api-response-tabs button{color:var(--xl-color);border-color:var(--xl-border)}
/* Proxy inspection is a real card dashboard rather than dense spreadsheet rows. */
.standalone-proxy .proxy-result-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:12px;min-width:0}
.standalone-proxy .proxy-result-table .proxy-result-row--head{display:none}
.standalone-proxy .proxy-result-table .proxy-result-row:not(.proxy-result-row--head){display:flex;flex-direction:column;align-items:stretch;gap:8px;border:1px solid var(--xl-border);border-radius:15px;padding:17px;background:var(--xl-panel);min-width:0;grid-template-columns:none}
.standalone-proxy .proxy-result-table .proxy-result-row:not(.proxy-result-row--head)>span{display:grid;grid-template-columns:minmax(0,105px) minmax(0,1fr);gap:12px;align-items:start;padding:5px 0;border-bottom:1px solid var(--xl-border);min-width:0;overflow-wrap:anywhere;text-align:start}
.standalone-proxy .proxy-result-table .proxy-result-row:not(.proxy-result-row--head)>span:last-child{border:0}
.standalone-proxy .proxy-result-table .proxy-result-row:not(.proxy-result-row--head)>span::before{content:attr(data-label);font-size:11px;font-weight:700;color:var(--xl-soft);align-self:center}
.standalone-free-proxy .proxy-finder-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:13px}
.standalone-free-proxy .proxy-finder-row{display:flex;flex-wrap:wrap;gap:8px;padding:17px;border:1px solid var(--xl-border);background:var(--xl-panel);border-radius:14px;min-width:0}
.standalone-free-proxy .proxy-finder-row code{max-width:100%;overflow-wrap:anywhere}
@media(max-width:700px){
.standalone-api-client .api-client--pro .api-response-panes{grid-template-columns:1fr}
.standalone-proxy .proxy-result-table{grid-template-columns:1fr}
.standalone-free-proxy .proxy-finder-list{grid-template-columns:1fr}
}

/* v3 task-first layout: the first viewport should expose the actual controls. */
.standalone .standalone-hero{padding:clamp(18px,2.4vw,34px);border-radius:19px;box-shadow:0 13px 42px var(--xl-shadow)}
.standalone .standalone-hero h1{font-size:clamp(27px,3vw,43px);margin:8px 0 10px;line-height:1.22}
.standalone .standalone-hero p{font-size:clamp(14px,1.15vw,16px);line-height:1.6;margin:0}
.standalone .standalone-hero .pills{margin-top:15px;gap:7px}
.standalone .standalone-hero .pills span{padding:6px 10px}
.standalone .standalone-main{padding-top:clamp(15px,2vw,29px)}
.standalone .lab-experience[hidden]{display:none!important}
.standalone .tool-controls>.lab-experience{margin-top:18px}
.standalone .api-response-editor>.lab-experience{margin:4px 0 19px}
.standalone .standalone-workspace>.lab-experience{margin-top:20px;margin-bottom:0}
@media(max-width:750px){
 .standalone .standalone-hero{padding:20px 18px;border-radius:17px}
 .standalone .standalone-hero h1{font-size:clamp(26px,7vw,33px)}
 .standalone .standalone-hero p{font-size:14px}
 .standalone .standalone-hero .pills{margin-top:11px}
 .standalone .standalone-hero .pills span{padding:6px 9px}
}

/* Utility input is the product: avoid a second explanatory hero before the editor. */
.standalone .lab3-utility__intro{display:none}
.standalone .lab3-utility__toolbar{margin-top:0}
.standalone .standalone-workspace .lab3-utility{gap:12px}