/* ARQS helper tools (free helpers beside paid services): light, warm, phone-first layer over lab.css. 2026-10-21 */
body.lab.helper{--bg:#f6f1e8;--txt:#1f2a33;--mut:#5b6873;--ink:#1f2a33;background:var(--bg);color:var(--txt)}
html:has(body.lab.helper){background:#f6f1e8}
.lab.helper .top{background:rgba(250,246,239,.82);border-bottom:1px solid rgba(31,42,51,.1)}
.lab.helper .brand{color:#1f2a33}.lab.helper .links a{color:#45525d}.lab.helper .links a:hover,.lab.helper .links a[aria-current]{color:#111a21}
.lab.helper .hero:after{background:linear-gradient(180deg,rgba(18,24,30,.28) 0%,rgba(18,24,30,0) 30%,rgba(18,24,30,.18) 55%,rgba(18,24,30,.72) 84%,var(--bg) 100%),linear-gradient(90deg,rgba(18,24,30,.7) 0%,rgba(18,24,30,.28) 48%,rgba(18,24,30,0) 72%)}
.lab.helper .hero .stat{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3)}
.lab.helper .hero .stat span{color:#e8eef3}
.lab.helper .section{background:radial-gradient(800px 380px at 85% 30%,color-mix(in srgb,var(--acc) 12%,transparent),transparent 70%),radial-gradient(640px 380px at 6% 80%,color-mix(in srgb,var(--acc2) 12%,transparent),transparent 70%),var(--bg)}
.lab.helper .section h2,.lab.helper .section h3{color:#16212a}
.lab.helper .section .ey{color:var(--acc)}
.lab.helper .sub,.lab.helper .mini p{color:#56636e}
.lab.helper .glow{opacity:.16}
.lab.helper .pcard{border-color:rgba(31,42,51,.08);box-shadow:0 30px 70px rgba(60,48,30,.22)}
.lab.helper .pcard h3{color:#fff}.lab.helper .pcard p{color:#e6edf2}
.lab.helper .mini{background:linear-gradient(160deg,#fffdf9,#fbf6ee);border-color:rgba(31,42,51,.09);box-shadow:0 12px 34px rgba(60,48,30,.08)}
.lab.helper .mini .ic{color:var(--acc)}
.lab.helper .app{background:linear-gradient(170deg,rgba(255,255,255,.92),rgba(255,252,246,.86));border-color:rgba(31,42,51,.1);box-shadow:0 40px 100px rgba(60,48,30,.16),inset 0 1px 0 #fff}
.lab.helper .tabs{border-bottom-color:rgba(31,42,51,.1)}
.lab.helper .tab{background:#fff;border-color:rgba(31,42,51,.14);color:#3d4a55}
.lab.helper .tab[aria-selected=true]{background:color-mix(in srgb,var(--acc) 16%,#fff);border-color:var(--acc);color:#111a21}
.lab.helper label{color:#56636e}
.lab.helper input,.lab.helper select,.lab.helper textarea{background:#fff;border-color:rgba(31,42,51,.18);color:#16212a}
.lab.helper textarea{font-family:Inter,system-ui,sans-serif;font-size:14.5px}
.lab.helper .btn{color:#fff;background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 70%,#1f2a33));box-shadow:0 12px 30px color-mix(in srgb,var(--acc) 30%,transparent)}
.lab.helper .btn.ghost{color:#1f2a33;background:#fff;border-color:rgba(31,42,51,.18);box-shadow:none}
.lab.helper .hero .btn.ghost{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4)}
.lab.helper .kpi,.lab.helper .lcard{background:#fff;border-color:rgba(31,42,51,.1)}
.lab.helper .kpi b{color:#16212a}.lab.helper .kpi small,.lab.helper .kpi em{color:#5b6873}
.lab.helper .tbl{border-color:rgba(31,42,51,.1);background:#fff}
.lab.helper th{background:#f7f2ea;color:#56636e}.lab.helper th,.lab.helper td{border-bottom-color:rgba(31,42,51,.08)}
.lab.helper .note{background:#fffdf8;border-color:rgba(31,42,51,.1);color:#4a5761}
.lab.helper .note a,.lab.helper .sub a{color:color-mix(in srgb,var(--acc) 80%,#111);font-weight:700}
.lab.helper .callout{color:#1f2a33;background:color-mix(in srgb,var(--acc) 10%,#fff)}
.lab.helper .pill.ok{color:#137a52}.lab.helper .pill.warn{color:#9a5b00}.lab.helper .pill.bad{color:#b4233a}
.lab.helper .foot{border-top-color:rgba(31,42,51,.1);color:#56636e}.lab.helper .foot a{color:#3d4a55}
.lab.helper .toast{background:#1f2a33;color:#fff}
.lab.helper .cta-band{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:18px;align-items:center;margin-top:26px;padding:22px 24px;border-radius:22px;background:linear-gradient(135deg,#1f2a33,#2d3d48);color:#f3f6f8;box-shadow:0 24px 60px rgba(31,42,51,.25)}
.lab.helper .cta-band h3{color:#fff;margin:0 0 4px}.lab.helper .cta-band p{margin:0;color:#d5dee5;font-size:15px}
.lab.helper .cta-band .btn{white-space:nowrap}
.lab.helper .out{white-space:pre-wrap;font:14px/1.6 Inter,system-ui,sans-serif;color:#1f2a33;background:#fffdf8;border:1px solid rgba(31,42,51,.1);border-radius:16px;padding:16px;max-height:560px;overflow:auto;margin:0}
.lab.helper .chk{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.lab.helper .chk li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid rgba(31,42,51,.08);font-size:14.5px}
.lab.helper .chk li small{display:block;color:#5b6873}
.lab.helper .rowx{display:grid;gap:10px;padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(31,42,51,.1);margin-bottom:10px}
.lab.helper .rowx .x{background:none;border:0;color:#b4233a;font-size:22px;cursor:pointer;padding:2px 8px;justify-self:end}
.lab.helper .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:700px){.lab.helper .cta-band{grid-template-columns:1fr}.lab.helper .cta-band .btn{width:100%}}
html body.lab.helper .hero .lead{color:#f1f4f6!important}
html body.lab.helper .hero .ey{color:#eaf6f3!important;text-shadow:0 1px 8px rgba(0,0,0,.35)}
html body.lab.helper .btn:not(.ghost){color:#fff!important}
/* Real ARQS logo in the helper header (official lockup, assets/brand; run 40) */
.lab.helper .brand{display:inline-flex;align-items:center;gap:10px}
.lab.helper .brand .blogo{height:44px;width:auto;border-radius:9px;box-shadow:0 6px 16px rgba(31,42,51,.22);display:block}
.lab.helper .brand .blogo+span{margin-left:0}
@media(max-width:560px){.lab.helper .brand .blogo{height:38px}}