:root{--bg:#05070b;--panel:#0b1220;--panel2:#111b2c;--text:#f8fbff;--muted:#a9b8cc;--line:rgba(148,163,184,.2);--cyan:#5eebff;--blue:#25c7ff;--shadow:0 24px 80px rgba(0,0,0,.45);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(37,199,255,.18),transparent 32%),linear-gradient(180deg,#07101e 0%,#05070b 58%,#030509 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line);background:rgba(5,7,11,.78);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.03em;color:var(--text);text-decoration:none;font-weight:950;letter-spacing:.08em;font-size:24px;line-height:1}.brand .oo,.hero-infinity{font-family:Arial,Helvetica,sans-serif;color:var(--cyan);letter-spacing:0;text-shadow:0 0 22px rgba(94,235,255,.8)}.nav{display:flex;gap:20px}.nav a,.back{color:#b9c7da;text-decoration:none;font-weight:750}.nav a:hover,.back:hover{color:var(--cyan)}.main{overflow:hidden}.hero{max-width:1120px;margin:0 auto;text-align:center;padding:72px 18px 34px}.hero-logo{display:flex;align-items:center;justify-content:center;gap:.045em;font-size:clamp(58px,8vw,116px);font-weight:950;letter-spacing:.1em;line-height:.86;filter:drop-shadow(0 0 32px rgba(37,199,255,.2));animation:logoPop .75s cubic-bezier(.2,.8,.2,1) both}.hero-infinity{display:inline-flex;align-items:center;justify-content:center;width:.82em;height:.64em;margin:0 -.02em;font-size:.82em;animation:infinityPulse 1.6s ease-in-out 1}.eyebrow{display:inline-flex;margin:18px auto 0;padding:9px 14px;border:1px solid rgba(94,235,255,.25);border-radius:999px;background:rgba(15,23,38,.58);color:#b8f7ff;font-size:12px;font-weight:950;letter-spacing:.17em}.hero h1{font-size:clamp(44px,7vw,88px);line-height:.98;letter-spacing:-.064em;margin:26px auto 0;max-width:1060px}.hero h1 span{background:linear-gradient(90deg,#fff,#b8f7ff 45%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:850px;margin:24px auto 0;color:#b7c5d9;font-size:clamp(17px,2vw,21px);line-height:1.65}.search-wrap{position:relative;max-width:840px;margin:32px auto 0}.search-wrap span{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--cyan);font-size:28px;pointer-events:none}.search-wrap input{width:100%;height:72px;border:1px solid rgba(148,163,184,.25);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));color:var(--text);font-size:20px;padding:0 24px 0 64px;outline:none;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.08)}.search-wrap input:focus{border-color:rgba(94,235,255,.82);box-shadow:0 0 0 4px rgba(37,199,255,.12),var(--shadow)}.quick-tags,.categories{display:flex;gap:10px;overflow:auto;max-width:1120px;margin:0 auto;padding:17px 18px 4px;justify-content:center}.quick-tags button,.categories button{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#e6f0ff;border-radius:999px;padding:10px 16px;white-space:nowrap;cursor:pointer;font-weight:800}.quick-tags button:hover,.categories button:hover{border-color:rgba(94,235,255,.6);color:var(--cyan);background:rgba(94,235,255,.08)}.stats{max-width:920px;margin:10px auto 46px;padding:0 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats article{padding:21px;border:1px solid var(--line);border-radius:22px;background:rgba(15,23,38,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.stats strong{display:block;font-size:32px;letter-spacing:-.045em}.stats span{display:block;color:var(--muted);margin-top:4px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;max-width:1220px;margin:0 auto;padding:30px 18px 8px}.section-head span,.promise span{color:var(--cyan);font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.section-head h2,.promise h2{font-size:clamp(30px,4vw,52px);line-height:1;margin:8px 0 0;letter-spacing:-.045em}.section-head p{max-width:430px;color:var(--muted);line-height:1.55;margin:0}.categories{justify-content:flex-start;padding-top:10px;padding-bottom:20px}.tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;max-width:1220px;margin:0 auto;padding:0 18px 58px}.tool-card{position:relative;display:flex;flex-direction:column;gap:12px;min-height:205px;text-decoration:none;color:var(--text);background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);transition:transform .22s ease,border-color .22s ease,background .22s ease;overflow:hidden}.tool-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 18% 0,rgba(94,235,255,.18),transparent 36%);opacity:0;transition:opacity .22s}.tool-card:hover{transform:translateY(-5px);border-color:rgba(94,235,255,.55);background:linear-gradient(145deg,rgba(255,255,255,.135),rgba(255,255,255,.045))}.tool-card:hover:before{opacity:1}.tool-icon{position:relative;font-size:31px}.tool-card strong{position:relative;font-size:19px;line-height:1.12;letter-spacing:-.025em}.tool-card small{position:relative;color:#a9b8cc;line-height:1.48}.tool-card em{position:relative;margin-top:auto;color:var(--cyan);font-style:normal;font-weight:950}.promise,.tool-panel,.page,.tool-faq{max-width:900px;margin:22px auto;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(15,23,38,.52);box-shadow:var(--shadow);color:#b8c5d8}.promise{max-width:1080px;margin-bottom:70px}.promise p{line-height:1.6}.tool-head{max-width:900px;margin:0 auto;padding:56px 18px 10px}.tool-head h1{font-size:clamp(42px,6vw,70px);line-height:1;margin:14px 0 12px;letter-spacing:-.055em}.tool-head p{color:#b6c4d8;font-size:18px;line-height:1.55}.tool-panel{color:var(--text)}.tool-faq h2,.page h1{color:var(--text);letter-spacing:-.04em}.field,textarea,.output{width:100%;border:1px solid rgba(148,163,184,.23);border-radius:18px;background:rgba(0,0,0,.26);color:var(--text);padding:16px;outline:none;font:inherit}textarea{min-height:175px;resize:vertical}.field:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(37,199,255,.12)}.actions{display:flex;gap:11px;flex-wrap:wrap;margin:16px 0}.btn{border:0;border-radius:15px;background:linear-gradient(90deg,var(--blue),var(--cyan));color:#00111d;font-weight:950;padding:13px 18px;cursor:pointer;font:inherit}.btn.secondary{background:rgba(255,255,255,.09);color:var(--text);border:1px solid var(--line)}.result{margin-top:14px;color:var(--cyan);white-space:pre-wrap;font-weight:800}.footer{border-top:1px solid var(--line);background:rgba(5,7,11,.58);padding:34px 18px;text-align:center;color:var(--muted)}.footer .brand{justify-content:center;margin-bottom:12px}.brand-footer{font-size:22px}.footer p{margin:0 0 8px}.footer small{color:#76869c}@keyframes logoPop{0%{opacity:0;transform:translateY(10px) scale(.96);filter:blur(8px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0) drop-shadow(0 0 32px rgba(37,199,255,.18))}}@keyframes infinityPulse{0%{transform:scale(.72) rotate(-18deg);opacity:.2}55%{transform:scale(1.1) rotate(0);opacity:1}100%{transform:scale(1);opacity:1}}@media(max-width:1050px){.tools-grid{grid-template-columns:repeat(3,1fr)}.section-head{align-items:flex-start;flex-direction:column}.footer{text-align:center}}@media(max-width:700px){.topbar{padding:14px 15px}.brand{font-size:19px}.nav{gap:11px}.nav a{font-size:14px}.hero{padding-top:46px}.hero-logo{font-size:56px}.hero h1{font-size:41px}.search-wrap input{height:62px;font-size:16px;border-radius:19px}.quick-tags{justify-content:flex-start}.stats{grid-template-columns:1fr}.tools-grid{grid-template-columns:1fr}.tool-card{min-height:160px}.section-head{padding-top:10px}.tool-head h1{font-size:40px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* TOOLNEX V1.4 — QR & Barcode tools */
.label{display:block;color:#d9e7ff;font-weight:900;margin:0 0 10px}.friendly-note{border:1px solid rgba(94,235,255,.25);background:rgba(94,235,255,.07);border-radius:18px;padding:14px 16px;margin:0 0 18px;color:#d7faff;line-height:1.55}.tool-hint{color:#9dafc5;line-height:1.6;margin:14px 0 0}.is-link{text-decoration:none;display:inline-flex;align-items:center}.qr-stage,.barcode-stage{display:flex;align-items:center;justify-content:center;min-height:310px;margin-top:18px;border:1px dashed rgba(148,163,184,.28);border-radius:22px;background:rgba(0,0,0,.22);padding:22px;color:#93a4bb;text-align:center;overflow:auto}.qr-stage img{width:260px;height:260px;border-radius:18px;background:#fff;padding:12px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.barcode-stage svg{max-width:100%;height:auto;background:#fff;border-radius:18px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.tool-card[data-category="Product Tools"]{border-color:rgba(94,235,255,.28)}

/* TOOLNEX V1.6 real QR engine */
.qr-stage canvas.qr-canvas{width:min(360px,80vw);height:auto;display:block;background:#fff;border-radius:18px;padding:0;box-shadow:0 16px 50px rgba(0,0,0,.25)}