:root{
  --bg:#05060a;
  --panel:rgba(255,255,255,0.05);
  --panel-2:rgba(0,0,0,0.35);
  --panel-3:rgba(0,0,0,0.4);
  --line:rgba(255,255,255,0.10);
  --text:#ffffff;
  --muted:rgba(255,255,255,0.72);
  --muted-2:rgba(255,255,255,0.68);
  --muted-3:rgba(255,255,255,0.40);
  --cyan:#67e8f9;
  --cyan-strong:#22d3ee;
  --fuchsia:#c084fc;
  --purple:#6b21a8;
  --buttonText:#0a0d14;
  --radius-xl:1.35rem;
  --radius-lg:1.15rem;
  --radius-md:0.95rem;
  --shadow-cyan:0 0 0 1px rgba(34,211,238,0.24),0 0 22px rgba(34,211,238,0.16);
  --shadow-cyan-2:0 0 0 1px rgba(34,211,238,0.30),0 0 28px rgba(34,211,238,0.18),0 0 54px rgba(107,33,168,0.22);
  --shadow-cyan-3:0 0 0 1px rgba(34,211,238,0.38),0 0 26px rgba(34,211,238,0.24),0 0 48px rgba(107,33,168,0.18);
  --shadow-fuchsia:0 0 0 1px rgba(192,132,252,0.24),0 0 22px rgba(192,132,252,0.16);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg);
  position:relative;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at top, rgba(105,44,255,0.18), transparent 35%),
    radial-gradient(circle at bottom, rgba(0,255,224,0.08), transparent 35%);
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}

.page-shell{min-height:100vh}
.container{
  width:min(100%, 1180px);
  margin:0 auto;
  padding:0 16px;
}
.site-header{
  position:sticky;
  top:0;
  z-index:40;
  border-bottom:1px solid var(--line);
  background:rgba(0,0,0,0.60);
  backdrop-filter:blur(18px);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 0;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
}
.brand-logo{
  width:40px;
  height:40px;
  border-radius:0.42rem;
  object-fit:cover;
  box-shadow:0 0 18px rgba(0,0,0,0.35);
}
.brand-kicker{
  font-size:12px;
  letter-spacing:0.4em;
  color:rgba(103,232,249,0.8);
  text-shadow:0 2px 10px rgba(34,211,238,0.28);
}
.brand-title{
  font-size:18px;
  font-weight:700;
  letter-spacing:0.2em;
}

.nav-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.nav-link,.nav-button,.cta-button,.social-button,.dropdown-trigger{
  position:relative;
  overflow:hidden;
  border-radius:999px;
  transition:transform .3s ease,border-color .3s ease,background .3s ease,color .3s ease,box-shadow .3s ease,filter .3s ease;
}
.nav-link,.nav-button,.dropdown-trigger{
  border:1px solid var(--line);
  background:rgba(0,0,0,0.35);
  color:rgba(255,255,255,0.80);
  padding:10px 16px;
  font-size:14px;
  font-weight:500;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.nav-link::before,.nav-button::before,.dropdown-trigger::before,.cta-button::before,.social-button::before,.shine::before{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-120%);
  transition:transform .5s ease;
}
.nav-link::before,.nav-button::before,.dropdown-trigger::before{
  background:linear-gradient(110deg,transparent 0%,transparent 38%,rgba(34,211,238,0.16) 50%,transparent 62%,transparent 100%);
}
.nav-link:hover,.nav-button:hover,.dropdown-trigger:hover{
  transform:translateY(-1px);
  border-color:rgba(103,232,249,0.55);
  background:rgba(0,0,0,0.55);
  color:rgba(165,243,252,0.95);
  box-shadow:var(--shadow-cyan);
}
.nav-link:hover::before,.nav-button:hover::before,.dropdown-trigger:hover::before,.cta-button:hover::before,.social-button:hover::before,.shine:hover::before{
  transform:translateX(120%);
}
.cta-button{
  background:var(--cyan);
  color:var(--buttonText);
  padding:10px 16px;
  font-size:14px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.cta-button::before,.shine::before{
  background:linear-gradient(110deg,transparent 0%,transparent 38%,rgba(255,255,255,0.25) 50%,transparent 62%,transparent 100%);
}
.cta-button:hover,.shine:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
  box-shadow:0 0 0 1px rgba(34,211,238,0.2),0 0 24px rgba(34,211,238,0.24);
}
.social-button{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--line);
  background:rgba(0,0,0,0.50);
  color:rgba(255,255,255,0.85);
  padding:10px 16px;
  font-size:14px;
}
.social-button::before{
  background:linear-gradient(110deg,transparent 0%,transparent 38%,rgba(192,132,252,0.16) 50%,transparent 62%,transparent 100%);
}
.social-button:hover{
  transform:translateY(-1px);
  border-color:rgba(192,132,252,0.55);
  background:rgba(0,0,0,0.65);
  color:rgba(232,188,255,0.95);
  box-shadow:var(--shadow-fuchsia);
}
.icon{
  width:16px;
  height:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.dropdown{
  position:relative;
}
.dropdown-menu{
  position:absolute;
  right:0;
  top:56px;
  width:192px;
  overflow:hidden;
  border-radius:1rem;
  border:1px solid var(--line);
  background:rgba(9,11,18,0.95);
  padding:8px;
  box-shadow:0 18px 50px rgba(0,0,0,0.45);
  backdrop-filter:blur(18px);
  opacity:0;
  transform:translateY(-6px);
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
}
.dropdown.open .dropdown-menu{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.dropdown-item{
  display:flex;
  width:100%;
  align-items:center;
  border-radius:0.8rem;
  padding:12px;
  font-size:14px;
  color:rgba(255,255,255,0.80);
}
.dropdown-item:hover{
  background:rgba(255,255,255,0.05);
  color:rgba(165,243,252,0.95);
}
.chevron{
  transition:transform .2s ease;
}
.dropdown.open .chevron{
  transform:rotate(180deg);
}

.main{
  padding:32px 0 48px;
}
.footer-tag{
  margin-top:64px;
  text-align:center;
  font-size:14px;
  color:rgba(255,255,255,0.40);
}
.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease, transform .7s ease;
}
.reveal.revealed{
  opacity:1;
  transform:translateY(0);
}

.grid{
  display:grid;
  gap:16px;
}
.hero-grid{
  grid-template-columns:1.1fr 0.9fr;
}
.hero-side{
  display:grid;
  gap:16px;
}
.hero-card,.image-card,.panel,.proof-card,.tool-panel,.social-card{
  border:1px solid var(--line);
  overflow:hidden;
}
.hero-card,.panel{
  border-radius:var(--radius-xl);
}
.image-card,.proof-card,.tool-panel,.social-card{
  border-radius:var(--radius-lg);
}

.hero-card{
  position:relative;
  min-height:520px;
  background:rgba(0,0,0,0.4);
}
.hero-card::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:url('https://grainy-gradients.vercel.app/noise.svg');
  opacity:0.08;
  pointer-events:none;
}
.hero-card > img, .image-card > img, .featured-card > img, .proof-photo > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.hero-overlay,.card-overlay,.featured-overlay{
  position:absolute;
  inset:0;
}
.hero-overlay{
  background:linear-gradient(180deg,rgba(0,0,0,0.18),rgba(0,0,0,0.72));
}
.card-overlay{
  background:linear-gradient(180deg,rgba(0,0,0,0.1),rgba(0,0,0,0.75));
}
.featured-overlay{
  background:linear-gradient(180deg,rgba(0,0,0,0.05),rgba(0,0,0,0.82));
}
.hero-content{
  position:relative;
  display:flex;
  height:100%;
  flex-direction:column;
  padding:24px 24px 32px;
}
.hero-title{
  max-width:720px;
  margin:16px 0 0;
  font-size:64px;
  line-height:.95;
  font-weight:900;
  text-transform:uppercase;
  text-shadow:0 4px 20px rgba(0,0,0,0.9);
}
.hero-text{
  max-width:640px;
  margin-top:20px;
  font-size:16px;
  line-height:1.9;
  color:#fff;
  text-shadow:0 3px 16px rgba(0,0,0,0.95);
}
.hero-actions{
  margin-top:auto;
  padding-top:40px;
}

.image-card{
  position:relative;
  min-height:250px;
  background:rgba(0,0,0,0.4);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.image-card:hover,.featured-card:hover,.proof-card:hover{
  transform:translateY(-1px);
}
.image-card:hover{
  border-color:rgba(103,232,249,0.65);
  box-shadow:var(--shadow-cyan-2);
}
.image-card img.card-pos-special{
  object-position:center 60%;
}
.image-card-content{
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
  padding:20px;
}
.image-card-title{
  font-size:36px;
  font-weight:700;
  text-shadow:0 3px 12px rgba(0,0,0,0.85);
}
.image-card-glow,.featured-glow{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .3s ease;
}
.image-card-glow{
  background:linear-gradient(115deg,rgba(6,12,18,0.05),rgba(34,211,238,0.14),rgba(80,40,160,0.18),rgba(6,12,18,0.08));
}
.featured-glow{
  background:linear-gradient(115deg,rgba(6,12,18,0.05),rgba(34,211,238,0.10),rgba(80,40,160,0.14),rgba(6,12,18,0.08));
}
.image-card:hover .image-card-glow,.image-card:hover .image-card-center,
.featured-card:hover .featured-glow,.featured-card:hover .featured-center{
  opacity:1;
}
.image-card-center,.featured-center{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:opacity .3s ease;
}
.pill{
  border-radius:999px;
  border:1px solid rgba(207,250,254,0.30);
  background:var(--cyan);
  color:#000;
  padding:8px 16px;
  font-size:14px;
  font-weight:700;
  box-shadow:0 0 22px rgba(34,211,238,0.28);
}

.shop-grid{
  margin-top:40px;
  grid-template-columns:1.05fr 0.95fr;
}
.panel{
  background:var(--panel);
  backdrop-filter:blur(18px);
  padding:32px;
}
.section-title{
  margin:12px 0 0;
  font-size:48px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
}
.item-stack{
  margin-top:32px;
  display:grid;
  gap:16px;
}
.shop-item{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:var(--radius-md);
  border:1px solid var(--line);
  background:rgba(0,0,0,0.35);
  padding:16px;
  transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;
}
.shop-item::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(108deg,rgba(10,14,22,0) 0%,rgba(10,14,22,0) 18%,rgba(34,211,238,0.3) 38%,rgba(147,51,234,0.34) 52%,rgba(34,211,238,0.3) 66%,rgba(10,14,22,0) 82%,rgba(10,14,22,0) 100%);
  transform:translateX(-120%);
  transition:transform .7s ease;
}
.shop-item::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .3s ease;
  background:
    radial-gradient(circle at left, rgba(34,211,238,0.18), transparent 38%),
    radial-gradient(circle at right, rgba(168,85,247,0.16), transparent 34%);
}
.shop-item:hover{
  transform:translateY(-2px);
  border-color:rgba(103,232,249,0.75);
  background:rgba(0,0,0,0.70);
  box-shadow:var(--shadow-cyan-3);
}
.shop-item:hover::before{
  transform:translateX(120%);
}
.shop-item:hover::after{
  opacity:1;
}
.shop-item-title,.shop-item-desc{
  position:relative;
  z-index:1;
}
.shop-item-title{
  font-size:20px;
  font-weight:600;
  transition:color .3s ease, filter .3s ease;
}
.shop-item:hover .shop-item-title{
  color:rgba(224,247,255,0.98);
  filter:drop-shadow(0 0 16px rgba(34,211,238,0.24));
}
.shop-item-desc{
  margin-top:4px;
  font-size:14px;
  line-height:1.7;
  color:rgba(255,255,255,0.70);
}
.shop-item:hover .shop-item-desc{
  color:#fff;
}

.featured-column{
  display:grid;
  gap:16px;
}
.featured-card{
  position:relative;
  min-height:180px;
  overflow:hidden;
  border-radius:var(--radius-lg);
  border:1px solid var(--line);
  background:rgba(0,0,0,0.40);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.featured-card:hover{
  border-color:rgba(103,232,249,0.50);
  box-shadow:0 0 0 1px rgba(34,211,238,0.2),0 0 28px rgba(34,211,238,0.14);
}
.featured-card img.pos-62{
  object-position:center 62%;
}
.featured-content{
  position:relative;
  display:flex;
  min-height:180px;
  height:100%;
  flex-direction:column;
  justify-content:flex-end;
  padding:20px;
}
.featured-title{
  font-size:36px;
  font-weight:700;
  text-shadow:0 3px 12px rgba(0,0,0,0.85);
}
.featured-text{
  margin-top:8px;
  font-size:14px;
  line-height:1.7;
  color:rgba(255,255,255,0.70);
}

.social-strip{
  margin-top:40px;
}
.social-strip .social-wrapper{
  border-radius:var(--radius-lg);
  border:1px solid var(--line);
  background:rgba(0,0,0,0.40);
  padding:16px;
}
.social-list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:12px 16px;
}

.subscribe{
  margin-top:40px;
}
.subscribe-card{
  border-radius:var(--radius-xl);
  border:1px solid rgba(34,211,238,0.20);
  background:rgba(0,0,0,0.50);
  padding:32px;
  text-align:center;
}
.subscribe-title{
  margin:0;
  font-size:48px;
  font-weight:900;
  text-transform:uppercase;
}
.subscribe-text{
  margin-top:16px;
  font-size:14px;
  color:rgba(255,255,255,0.70);
}
.subscribe-form{
  width:min(100%, 520px);
  margin:24px auto 0;
  display:flex;
  gap:12px;
}
.subscribe-input{
  flex:1;
  min-width:0;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,0.05);
  padding:12px 16px;
  color:#fff;
}
.subscribe-input::placeholder{
  color:rgba(255,255,255,0.48);
}

.back-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.back-arrow{
  font-size:16px;
}
.page-stack{
  display:grid;
  gap:24px;
}
.copy-panel{
  border-radius:var(--radius-xl);
  border:1px solid var(--line);
  background:var(--panel);
  padding:32px;
  backdrop-filter:blur(18px);
}
.kicker{
  font-size:12px;
  letter-spacing:0.3em;
  color:rgba(103,232,249,0.80);
  text-transform:uppercase;
}
.page-headline{
  margin:16px 0 0;
  font-size:56px;
  line-height:.95;
  font-weight:900;
  text-transform:uppercase;
}
.body-copy{
  max-width:860px;
  margin-top:20px;
  font-size:16px;
  line-height:2;
  color:rgba(255,255,255,0.74);
}
.body-copy + .body-copy{
  margin-top:16px;
}

.info-grid{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
.info-card{
  border-radius:var(--radius-lg);
  border:1px solid var(--line);
  background:rgba(0,0,0,0.35);
  padding:20px;
}
.info-card-title{
  font-size:32px;
  font-weight:700;
}
.info-card-text{
  margin-top:12px;
  font-size:14px;
  line-height:1.9;
  color:rgba(255,255,255,0.68);
}

.proof-grid{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(3, minmax(0,1fr));
}
.proof-card{
  background:rgba(0,0,0,0.35);
}
.proof-photo{
  position:relative;
  height:256px;
}
.proof-photo img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.proof-body{
  padding:20px;
}
.proof-title{
  font-size:24px;
  font-weight:700;
}
.proof-text{
  margin-top:8px;
  font-size:14px;
  line-height:1.9;
  color:rgba(255,255,255,0.68);
}
.review-card{
  display:flex;
  min-height:320px;
  flex-direction:column;
  justify-content:space-between;
  padding:24px;
}
.review-rating{
  font-size:14px;
  letter-spacing:0.25em;
  color:rgba(103,232,249,0.80);
}
.review-title{
  margin-top:16px;
  font-size:32px;
  font-weight:700;
}
.review-text{
  margin-top:16px;
  font-size:16px;
  line-height:2;
  color:rgba(255,255,255,0.74);
}
.review-label{
  margin-top:32px;
  font-size:12px;
  letter-spacing:0.24em;
  color:rgba(255,255,255,0.38);
}

.tool-panel{
  background:rgba(0,0,0,0.35);
  padding:24px;
}
.tool-text{
  font-size:14px;
  line-height:2;
  color:rgba(255,255,255,0.72);
}

.socials-grid{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(2, minmax(0,1fr));
}
.social-card{
  background:rgba(0,0,0,0.35);
  padding:24px;
}
.social-card-title{
  font-size:28px;
  font-weight:800;
  text-transform:uppercase;
}
.social-card-text{
  margin-top:12px;
  color:rgba(255,255,255,0.70);
  line-height:1.8;
  font-size:14px;
}
.social-card-actions{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.inline-link{
  color:var(--cyan);
}
.inline-link:hover{
  text-decoration:underline;
}

.radio-card{
  display:grid;
  gap:16px;
}
.radio-player{
  width:100%;
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
  background:rgba(0,0,0,0.35);
}
.radio-embed{
  width:100%;
  min-height:166px;
  border:0;
  border-radius:12px;
  background:#0b0f15;
}

.glitch-hover{
  isolation:isolate;
}
.glitch-hover:hover{
  animation:glitch .22s linear;
}
.glitch-hover:hover::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,0.06) 0%, rgba(210,210,210,0.12) 18%, rgba(217,70,239,0.16) 44%, rgba(168,85,247,0.14) 64%, rgba(255,255,255,0.04) 100%);
  mix-blend-mode:screen;
  opacity:0.9;
  animation:glitch-scan .24s linear;
  z-index:0;
}
.glitch-hover:hover::before{
  box-shadow:2px 0 0 rgba(217,70,239,0.28), -2px 0 0 rgba(156,163,175,0.16);
  opacity:0.8;
  animation:glitch-split .24s linear;
  z-index:0;
}

@keyframes glitch{
  0%{transform:translate(0)}
  20%{transform:translate(-1px,1px)}
  40%{transform:translate(1px,-1px)}
  60%{transform:translate(-1px,0)}
  80%{transform:translate(1px,1px)}
  100%{transform:translate(0)}
}
@keyframes glitch-scan{
  0%{transform:translateX(-18%) skewX(-8deg);opacity:0}
  20%{opacity:.85}
  100%{transform:translateX(18%) skewX(-8deg);opacity:0}
}
@keyframes glitch-split{
  0%{transform:translateX(0);opacity:0}
  25%{transform:translateX(-1px);opacity:.75}
  50%{transform:translateX(1px);opacity:.9}
  75%{transform:translateX(-1px);opacity:.65}
  100%{transform:translateX(0);opacity:0}
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

@media (max-width: 1100px){
  .hero-grid,.shop-grid,.proof-grid,.socials-grid,.info-grid{
    grid-template-columns:1fr;
  }
  .featured-column{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
}
@media (max-width: 900px){
  .header-inner{
    flex-direction:column;
    align-items:flex-start;
  }
  .nav-row{
    width:100%;
    justify-content:flex-start;
  }
  .hero-title{
    font-size:52px;
  }
  .page-headline,.section-title,.subscribe-title{
    font-size:44px;
  }
}
@media (max-width: 700px){
  .main{
    padding-top:24px;
  }
  .hero-title{
    font-size:42px;
  }
  .image-card-title,.featured-title{
    font-size:30px;
  }
  .page-headline,.section-title,.subscribe-title{
    font-size:36px;
  }
  .social-list,.subscribe-form{
    flex-direction:column;
  }
  .subscribe-form .cta-button{
    width:100%;
  }
  .featured-column{
    grid-template-columns:1fr;
  }
}


/* Tool page shared helpers */
.tool-page .dropdown-menu{
  width:220px;
}
.tool-main{
  padding:32px 0 48px;
}
.tool-main-compact{
  padding-top:24px;
  padding-bottom:40px;
}
.tool-copy{
  font-size:14px;
  line-height:1.8;
  color:rgba(255,255,255,0.72);
}
.tool-copy-tight{
  margin-top:8px;
}
.is-hidden{
  display:none !important;
}

/* tools/alias-generator-integrated.html */
body.tool-page-alias-lite .panel{
  background:rgba(0,0,0,0.42);
  backdrop-filter:blur(18px);
}
body.tool-page-alias-lite label{
  display:block;
  margin:18px 0 10px;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.24em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.8);
}
body.tool-page-alias-lite input,
body.tool-page-alias-lite textarea,
body.tool-page-alias-lite select{
  width:100%;
  border-radius:1rem;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(0,0,0,0.4);
  color:#fff;
  padding:14px 16px;
  font-size:16px;
  line-height:1.4;
  outline:none;
}
body.tool-page-alias-lite textarea{
  min-height:118px;
  resize:vertical;
}
body.tool-page-alias-lite input:focus,
body.tool-page-alias-lite textarea:focus,
body.tool-page-alias-lite select:focus{
  border-color:rgba(34,211,238,0.45);
  box-shadow:0 0 0 3px rgba(34,211,238,0.1);
  background:rgba(0,0,0,0.52);
}
body.tool-page-alias-lite .btn{
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.12);
  background:var(--cyan);
  color:#081018;
  padding:10px 16px;
  font-size:14px;
  font-weight:700;
  box-shadow:0 0 0 1px rgba(34,211,238,0.18),0 0 24px rgba(34,211,238,0.18);
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
body.tool-page-alias-lite .btn:hover{
  transform:translateY(-1px);
  box-shadow:0 0 0 1px rgba(34,211,238,0.22),0 0 26px rgba(34,211,238,0.24);
}
body.tool-page-alias-lite .alias-lite-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
body.tool-page-alias-lite .alias-lite-generate{
  margin-top:16px;
}
body.tool-page-alias-lite .alias-lite-results{
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}
body.tool-page-alias-lite .alias-lite-result-card{
  padding:12px;
}
body.tool-page-alias-lite .alias-lite-name{
  margin-bottom:6px;
  font-size:22px;
  font-weight:800;
  line-height:1.05;
  overflow-wrap:anywhere;
}
@media (max-width: 760px){
  body.tool-page-alias-lite .alias-lite-results{
    grid-template-columns:1fr;
  }
}

/* tools/aliasforge_site_final.html + tools/textlab.html helpers */
body.tool-page-aliasforge .forge-block,
body.tool-page-textlab .forge-block{
  display:block;
}
body.tool-page-aliasforge .forge-block-14,
body.tool-page-textlab .forge-block-14{
  margin-top:14px;
}
body.tool-page-aliasforge .forge-space-top,
body.tool-page-textlab .forge-space-top{
  margin-top:16px;
}
body.tool-page-textlab .forge-label-spaced{
  margin-top:16px;
}
body.tool-page-textlab .textlab-note-lower{
  margin-top:6px;
}

/* tools/textlab.html */
body.tool-page-textlab .forge-shell{display:grid;
      gap:18px;}
body.tool-page-textlab .forge-hero, body.tool-page-textlab .forge-panel, body.tool-page-textlab .forge-card{position:relative;
      overflow:hidden;
      border:1px solid rgba(255,255,255,0.1);
      border-radius:1.35rem;
      background:linear-gradient(180deg, rgba(13,17,27,0.94), rgba(7,10,16,0.98));
      box-shadow:0 0 0 1px rgba(34,211,238,0.08), 0 18px 48px rgba(0,0,0,0.38);}
body.tool-page-textlab .forge-hero::before, body.tool-page-textlab .forge-panel::before, body.tool-page-textlab .forge-card::before{content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:linear-gradient(125deg, rgba(192,132,252,0.10), transparent 28%, transparent 72%, rgba(34,211,238,0.10));}
body.tool-page-textlab .forge-hero{padding:28px;}
body.tool-page-textlab .forge-title{margin:16px 0 0;
      font-size:clamp(34px, 5vw, 62px);
      line-height:0.94;
      text-transform:uppercase;
      letter-spacing:0.04em;
      text-shadow:0 0 28px rgba(192,132,252,0.16);}
body.tool-page-textlab .forge-sub{max-width:980px;
      margin:16px 0 0;
      color:rgba(255,255,255,0.72);
      line-height:1.75;
      font-size:15px;}
body.tool-page-textlab .forge-toolbar{display:flex;
      gap:10px;
      flex-wrap:wrap;
      justify-content:flex-start;
      align-items:center;
      margin-top:20px;
      justify-content:space-between;}
body.tool-page-textlab .forge-action, body.tool-page-textlab .forge-chip, body.tool-page-textlab .forge-star{border-radius:999px;
      border:1px solid rgba(255,255,255,0.12);
      background:rgba(0,0,0,0.32);
      color:rgba(255,255,255,0.9);
      padding:10px 16px;
      font-size:14px;
      font-weight:700;
      transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease;}
body.tool-page-textlab .forge-action:hover, body.tool-page-textlab .forge-chip:hover, body.tool-page-textlab .forge-star:hover{transform:translateY(-1px);
      border-color:rgba(34,211,238,0.45);
      box-shadow:0 0 0 1px rgba(34,211,238,0.12),0 0 22px rgba(34,211,238,0.10);}
body.tool-page-textlab .forge-action{min-width:88px;
      background:var(--cyan);
      color:#081018;
      border-color:transparent;
      box-shadow:0 0 0 1px rgba(34,211,238,0.18),0 0 24px rgba(34,211,238,0.18);}
body.tool-page-textlab .forge-action.alt{background:rgba(8,14,20,0.88);
      color:rgba(255,255,255,0.92);
      border-color:rgba(34,211,238,0.18);
      box-shadow:0 0 0 1px rgba(34,211,238,0.06);}
body.tool-page-textlab .forge-toolbar-actions, body.tool-page-textlab .forge-toolbar-controls{display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;}
body.tool-page-textlab .forge-toolbar-controls{margin-left:auto;}
body.tool-page-textlab .forge-grid{display:grid;
      grid-template-columns:minmax(360px, 1.05fr) minmax(300px, 0.95fr);
      gap:18px;}
body.tool-page-textlab .forge-panel{padding:20px;}
body.tool-page-textlab .forge-label{margin:0 0 10px;
      font-size:11px;
      font-weight:700;
      letter-spacing:0.24em;
      text-transform:uppercase;
      color:rgba(255,255,255,0.80);}
body.tool-page-textlab .forge-textarea{width:100%;
      min-height:148px;
      resize:vertical;
      border-radius:1rem;
      border:1px solid rgba(255,255,255,0.12);
      background:rgba(0,0,0,0.40);
      color:#fff;
      padding:16px;
      font-size:18px;
      line-height:1.5;
      outline:none;
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.02);
      transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;}
body.tool-page-textlab .forge-textarea:focus{border-color:rgba(34,211,238,0.45);
      box-shadow:0 0 0 3px rgba(34,211,238,0.10);
      background:rgba(0,0,0,0.52);}
body.tool-page-textlab .forge-mini, body.tool-page-textlab .section p, body.tool-page-textlab .mini, body.tool-page-textlab .empty{color:rgba(255,255,255,0.62);
      line-height:1.65;
      font-size:13px;}
body.tool-page-textlab .chips, body.tool-page-textlab .legend{display:flex;
      flex-wrap:wrap;
      gap:10px;}
body.tool-page-textlab #symbolChips{flex-wrap:nowrap;
      gap:8px;}
body.tool-page-textlab #symbolChips .chip{min-width:34px;
      padding:9px 10px;
      font-size:13px;}
body.tool-page-textlab .chip{border-radius:999px;
      border:1px solid rgba(255,255,255,0.10);
      background:rgba(0,0,0,0.28);
      color:rgba(255,255,255,0.88);
      padding:10px 14px;
      font-size:14px;
      font-weight:600;
      transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;}
body.tool-page-textlab .chip:hover{transform:translateY(-1px);
      border-color:rgba(192,132,252,0.40);
      box-shadow:0 0 0 1px rgba(192,132,252,0.10),0 0 18px rgba(192,132,252,0.08);}
body.tool-page-textlab .chip.active{background:linear-gradient(180deg, rgba(34,211,238,0.16), rgba(192,132,252,0.12));
      border-color:rgba(34,211,238,0.35);
      color:#fff;
      box-shadow:0 0 0 1px rgba(34,211,238,0.10),0 0 18px rgba(34,211,238,0.08);}
body.tool-page-textlab .section{display:grid;
      gap:10px;}
body.tool-page-textlab .section-title{margin:0;
      font-size:28px;
      line-height:1;}
body.tool-page-textlab .cards{display:grid;
      grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
      gap:14px;}
body.tool-page-textlab .card{padding:16px;}
body.tool-page-textlab .forge-card, body.tool-page-textlab .card{position:relative;
      overflow:hidden;
      border:1px solid rgba(255,255,255,0.10);
      border-radius:1.15rem;
      background:linear-gradient(180deg, rgba(13,17,27,0.94), rgba(7,10,16,0.98));
      box-shadow:0 0 0 1px rgba(34,211,238,0.06), 0 18px 42px rgba(0,0,0,0.34);
      transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
body.tool-page-textlab .forge-card:hover, body.tool-page-textlab .card:hover{transform:translateY(-2px);
      border-color:rgba(34,211,238,0.34);
      box-shadow:0 0 0 1px rgba(34,211,238,0.10), 0 20px 44px rgba(0,0,0,0.38), 0 0 24px rgba(34,211,238,0.08);}
body.tool-page-textlab .rowhead{display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      margin-bottom:12px;
      position:relative;
      z-index:1;}
body.tool-page-textlab .meta{display:flex;
      gap:14px;
      align-items:center;
      min-width:0;}
body.tool-page-textlab .index{width:46px;
      height:46px;
      border-radius:14px;
      display:grid;
      place-items:center;
      flex:0 0 auto;
      background:var(--cyan);
      color:#081018;
      font-weight:800;
      box-shadow:0 0 0 1px rgba(34,211,238,0.18), 0 0 18px rgba(34,211,238,0.16);}
body.tool-page-textlab .starbtn{width:34px;
      height:34px;
      display:grid;
      place-items:center;
      border-radius:10px;
      border:1px solid rgba(255,255,255,0.12);
      background:rgba(0,0,0,0.30);
      color:rgba(255,255,255,0.72);
      font-size:15px;
      line-height:1;
      transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;}
body.tool-page-textlab .starbtn:hover{transform:translateY(-1px);
      border-color:rgba(34,211,238,0.30);
      color:#fff;
      box-shadow:0 0 0 1px rgba(34,211,238,0.08);}
body.tool-page-textlab .starbtn.active{background:rgba(34,211,238,0.16);
      border-color:rgba(34,211,238,0.42);
      color:var(--cyan);
      box-shadow:0 0 0 1px rgba(34,211,238,0.12), 0 0 16px rgba(34,211,238,0.10);}
body.tool-page-textlab .name{font-size:18px;
      font-weight:700;}
body.tool-page-textlab .group-tag{margin-top:5px;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:0.18em;
      color:rgba(255,255,255,0.55);}
body.tool-page-textlab .sample{position:relative;
      z-index:1;
      border:1px solid rgba(255,255,255,0.10);
      background:rgba(0,0,0,0.32);
      border-radius:1rem;
      padding:15px;
      font-size:clamp(18px, 2vw, 24px);
      line-height:1.7;
      word-break:break-word;
      cursor:pointer;
      user-select:all;
      transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;}
body.tool-page-textlab .sample:hover{border-color:rgba(34,211,238,0.34);
      box-shadow:0 0 0 2px rgba(34,211,238,0.08);
      background:rgba(0,0,0,0.42);}
body.tool-page-textlab .notes{margin-top:10px;
      font-size:12px;
      color:rgba(255,255,255,0.72);
      line-height:1.55;}
body.tool-page-textlab .notes div{padding:8px 10px;
      border-radius:0.8rem;
      border:1px solid rgba(255,255,255,0.06);
      background:rgba(255,255,255,0.02);}
body.tool-page-textlab .compact .notes, body.tool-page-textlab .compact .group-tag{display:none;}
body.tool-page-textlab .compact .sample{font-size:clamp(20px, 2.3vw, 28px);}
body.tool-page-textlab .toast{position:fixed;
      left:50%;
      bottom:20px;
      transform:translateX(-50%);
      border-radius:999px;
      border:1px solid rgba(34,211,238,0.28);
      background:rgba(8,12,18,0.95);
      color:#ecfeff;
      padding:10px 14px;
      font-size:13px;
      opacity:0;
      pointer-events:none;
      transition:opacity .2s ease, transform .2s ease;
      z-index:99;
      box-shadow:0 16px 36px rgba(0,0,0,0.38);}
body.tool-page-textlab .toast.show{opacity:1;
      transform:translateX(-50%) translateY(-2px);}
body.tool-page-textlab .hidden{display:none !important}
body.tool-page-textlab .empty{border:1px dashed rgba(255,255,255,0.16);
      border-radius:1rem;
      background:rgba(255,255,255,0.02);
      padding:18px;}
@media (max-width: 980px){
body.tool-page-textlab .forge-toolbar-actions, body.tool-page-textlab .forge-toolbar-controls{display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;}
body.tool-page-textlab .forge-toolbar-controls{margin-left:auto;}
body.tool-page-textlab .forge-grid{grid-template-columns:1fr}
body.tool-page-textlab .forge-toolbar{justify-content:flex-start}
}
@media (max-width: 720px){
body.tool-page-textlab .forge-hero, body.tool-page-textlab .forge-panel{padding:18px}
body.tool-page-textlab .cards{grid-template-columns:1fr}
body.tool-page-textlab .forge-title{font-size:clamp(30px, 9vw, 44px)}
}
@media (max-width: 900px){
body.tool-page-textlab .forge-toolbar{align-items:flex-start;}
body.tool-page-textlab .forge-toolbar-controls{margin-left:0;}
}

/* tools/bindforge.html */
body.tool-page-bindforge{--bg: #06080d;
  --panel: rgba(10,14,24,0.92);
  --panel2: rgba(7,10,18,0.96);
  --card: rgba(13,18,30,0.94);
  --card2: rgba(8,12,22,0.98);
  --text: #eef7ff;
  --muted: rgba(255,255,255,0.68);
  --line: rgba(255,255,255,0.10);
  --accent: #67e8f9;
  --accent2: #22d3ee;
  --purple: #7c3aed;
  --danger: #ff6b6b;
  --ok: #54d38a;
  --key: rgba(255,255,255,0.04);
  --keyHover: rgba(255,255,255,0.07);
  --keyActive: rgba(34,211,238,0.16);}
body.tool-page-bindforge *{box-sizing: border-box;}
body.tool-page-bindforge{height: 100%;}
body.tool-page-bindforge{margin:0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at top, rgba(124,58,237,0.16), transparent 30%),
    radial-gradient(circle at bottom, rgba(34,211,238,0.08), transparent 34%),
    var(--bg);}
body.tool-page-bindforge .topbar{padding: 14px 16px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0));
  display:flex;
  align-items:center;
  gap: 16px;
  justify-content: space-between;}
body.tool-page-bindforge .brand-title{font-weight: 800;
  letter-spacing: 0.5px;
  font-size: 18px;}
body.tool-page-bindforge .brand-sub{margin-top: 2px;
  color: var(--muted);
  font-size: 12px;}
body.tool-page-bindforge .top-actions{display:flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;}
body.tool-page-bindforge .layout{display:grid;
  grid-template-columns: 420px 1fr;
  gap: 14px;
  padding: 14px;}
body.tool-page-bindforge .panel{min-width: 0;}
body.tool-page-bindforge .panel-left{display:flex;
  flex-direction: column;
  gap: 12px;}
body.tool-page-bindforge .panel-right{display:flex;
  flex-direction: column;
  gap: 12px;}
body.tool-page-bindforge .card{border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0));
  border-radius: 10px;
  padding: 12px;}
body.tool-page-bindforge .card-title{font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: 0.2px;}
body.tool-page-bindforge .hint{color: var(--muted);
  font-size: 12px;
  line-height: 1.25rem;}
body.tool-page-bindforge .tabs{display:flex;
  gap: 8px;}
body.tool-page-bindforge .tab{border: 1px solid var(--line);
  background: rgba(255,255,255,0.02);
  color: var(--text);
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 700;}
body.tool-page-bindforge .tab:hover{background: rgba(255,255,255,0.04);}
body.tool-page-bindforge .tab.is-active{border-color: rgba(121,192,255,0.55);
  box-shadow: 0 0 0 2px rgba(121,192,255,0.12) inset;}
body.tool-page-bindforge .selected-line{display:flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;}
body.tool-page-bindforge .selected-key{font-weight: 900;
  font-size: 16px;}
body.tool-page-bindforge .selected-token{color: var(--muted);
  font-size: 12px;}
body.tool-page-bindforge .builder{display:none;}
body.tool-page-bindforge .builder.is-active{display:block;}
body.tool-page-bindforge .field{display:block; margin-bottom: 12px;}
body.tool-page-bindforge .field-label{font-weight: 700; font-size: 12px; color: var(--muted); margin-bottom: 6px;}
body.tool-page-bindforge .field-row{display:flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;}
body.tool-page-bindforge .input{width: 100%;
  border-radius: 10px;
  padding: 10px 10px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,0.35);
  color: var(--text);
  outline: none;}
body.tool-page-bindforge .input:focus{border-color: rgba(121,192,255,0.55);
  box-shadow: 0 0 0 2px rgba(121,192,255,0.12);}
body.tool-page-bindforge .pill{border: 1px solid var(--line);
  background: rgba(0,0,0,0.20);
  padding: 8px 10px;
  border-radius: 999px;
  cursor: pointer;
  user-select: none;}
body.tool-page-bindforge .pill input{margin-right: 6px;}
body.tool-page-bindforge .btn{border: 1px solid var(--line);
  background: rgba(255,255,255,0.03);
  color: var(--text);
  padding: 10px 12px;
  border-radius: 10px;
  cursor:pointer;
  font-weight: 800;}
body.tool-page-bindforge .btn:hover{background: rgba(255,255,255,0.05);}
body.tool-page-bindforge .btn:active{transform: translateY(1px);}
body.tool-page-bindforge .btn-primary{border-color: rgba(121,192,255,0.55);
  background: rgba(121,192,255,0.10);}
body.tool-page-bindforge .btn-danger{border-color: rgba(255,107,107,0.55);
  background: rgba(255,107,107,0.10);}
body.tool-page-bindforge .keyboard{display:flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  background: rgba(0,0,0,0.20);
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow-x: auto;}
body.tool-page-bindforge .krow{display:flex;
  gap: 6px;
  min-width: max-content;}
body.tool-page-bindforge .key{min-width: 38px;
  height: 38px;
  padding: 0 8px;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: var(--key);
  color: var(--text);
  font-weight: 800;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  user-select: none;
  position: relative;}
body.tool-page-bindforge .key:hover{background: var(--keyHover);}
body.tool-page-bindforge .key.is-selected{outline: 2px solid rgba(121,192,255,0.55);
  background: var(--keyActive);}
body.tool-page-bindforge .key.has-bind::after{content: "";
  position:absolute;
  right: 6px;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: var(--ok);
  opacity: 0.9;}
body.tool-page-bindforge .key.w-1{min-width: 52px; justify-content: flex-start; padding-left: 10px;}
body.tool-page-bindforge .key.w-2{min-width: 74px; justify-content: flex-start; padding-left: 10px;}
body.tool-page-bindforge .key.w-3{min-width: 92px; justify-content: flex-start; padding-left: 10px;}
body.tool-page-bindforge .key.w-4{min-width: 120px; justify-content: flex-start; padding-left: 10px;}
body.tool-page-bindforge .key.w-5{min-width: 220px;}
body.tool-page-bindforge .bind-list{display:flex;
  flex-direction: column;
  gap: 8px;}
body.tool-page-bindforge .bind-item{border: 1px solid var(--line);
  border-radius: 10px;
  padding: 10px;
  background: rgba(0,0,0,0.22);
  display:grid;
  grid-template-columns: 1fr auto;
  gap: 8px;}
body.tool-page-bindforge .bind-main{min-width: 0;}
body.tool-page-bindforge .bind-title{font-weight: 900;
  margin-bottom: 4px;}
body.tool-page-bindforge .bind-sub{color: var(--muted);
  font-size: 12px;
  line-height: 1.25rem;
  word-break: break-word;}
body.tool-page-bindforge .bind-actions{display:flex;
  gap: 6px;
  align-items: flex-start;}
body.tool-page-bindforge .smallbtn{border: 1px solid var(--line);
  background: rgba(255,255,255,0.03);
  color: var(--text);
  padding: 8px 10px;
  border-radius: 10px;
  cursor:pointer;
  font-weight: 900;
  font-size: 12px;}
body.tool-page-bindforge .smallbtn:hover{background: rgba(255,255,255,0.05);}
body.tool-page-bindforge .output{width: 100%;
  min-height: 260px;
  resize: vertical;
  border-radius: 10px;
  padding: 10px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,0.35);
  color: var(--text);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.35rem;
  outline: none;}
body.tool-page-bindforge .mouse-grid{display:flex;
  flex-wrap: wrap;
  gap: 8px;}
body.tool-page-bindforge .footer{padding: 10px 14px 16px;
  color: var(--muted);
  display:flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;}
body.tool-page-bindforge .capture-overlay{position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index: 999;}
body.tool-page-bindforge .capture-box{width: min(520px, calc(100% - 28px));
  border: 1px solid var(--line);
  background: rgba(15,20,23,0.96);
  border-radius: 12px;
  padding: 16px;}
body.tool-page-bindforge .capture-title{font-weight: 1000;
  margin-bottom: 6px;}
body.tool-page-bindforge .capture-sub{color: var(--muted);
  font-size: 12px;
  line-height: 1.25rem;}
body.tool-page-bindforge .capture-overlay[hidden]{display: none !important;}
@media (max-width: 1180px){
body.tool-page-bindforge .layout{grid-template-columns: 1fr;}
}
body.tool-page-bindforge .subtabs{display:flex;
  gap: 8px;
  margin-bottom: 10px;}
body.tool-page-bindforge .subtab{border: 1px solid var(--line);
  background: rgba(255,255,255,0.02);
  color: var(--text);
  padding: 8px 10px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 900;
  font-size: 12px;}
body.tool-page-bindforge .subtab:hover{background: rgba(255,255,255,0.04);}
body.tool-page-bindforge .subtab.is-active{border-color: rgba(121,192,255,0.55);
  box-shadow: 0 0 0 2px rgba(121,192,255,0.12) inset;}
body.tool-page-bindforge .subpanel{display:none;}
body.tool-page-bindforge .subpanel.is-active{display:block;}
body.tool-page-bindforge .input-half{width: 100%;}
@media (min-width: 420px){
body.tool-page-bindforge .input-half{width: calc(50% - 4px);}
}
body.tool-page-bindforge details.card{cursor: default;}
body.tool-page-bindforge .details-summary{font-weight: 900;
  cursor: pointer;
  user-select: none;
  list-style: none;}
body.tool-page-bindforge details summary::-webkit-details-marker{display:none;}
body.tool-page-bindforge .default-table{margin-top: 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;}
body.tool-page-bindforge .default-row{display:grid;
  grid-template-columns: 120px 1fr;
  gap: 10px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--line);
  background: rgba(0,0,0,0.22);}
body.tool-page-bindforge .default-row:last-child{border-bottom: 0;}
body.tool-page-bindforge .default-k{font-weight: 1000;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;}
body.tool-page-bindforge .default-v{color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  word-break: break-word;}
body.tool-page-bindforge .keyboard-shell{padding: 8px;
  background: rgba(0,0,0,0.20);
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;}
body.tool-page-bindforge .keyboard-wrap{display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;
  align-items: start;
  width: 100%;
  min-width: 0;}
body.tool-page-bindforge .kbd{display:flex;
  flex-direction: column;
  gap: 8px;
  min-width: max-content;}
body.tool-page-bindforge .kbd-small .krow .key{min-width: 44px;}
body.tool-page-bindforge .keyboard-side{display:flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;}
body.tool-page-bindforge .modal-overlay{position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.72);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  z-index: 9999;}
body.tool-page-bindforge .modal-overlay[hidden]{display:none !important;}
body.tool-page-bindforge .modal{width: min(820px, 100%);
  background: rgba(10,10,12,0.96);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.65);
  overflow: hidden;}
body.tool-page-bindforge .modal-head{display:flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 12px;
  border-bottom: 1px solid var(--line);}
body.tool-page-bindforge .modal-title{font-weight: 1000;}
body.tool-page-bindforge .modal-body{padding: 12px 12px 14px;}
body.tool-page-bindforge .steps{margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 8px;}
body.tool-page-bindforge .font-list{margin-top: 10px;
  display: grid;
  gap: 10px;}
body.tool-page-bindforge .font-item{display:flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,0.02);}
body.tool-page-bindforge .font-sample{font-size: 18px;
  line-height: 1.2;
  word-break: break-word;}
body.tool-page-bindforge .font-tool{margin-top: 10px;
  display: grid;
  gap: 10px;}
body.tool-page-bindforge .font-row{display:flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(0,0,0,0.22);}
body.tool-page-bindforge .font-left{display:flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;}
body.tool-page-bindforge .font-name{font-weight: 1000;
  font-size: 12px;
  color: var(--muted);}
body.tool-page-bindforge .font-out{font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  word-break: break-word;}
body.tool-page-bindforge{--bg0:#050407;
  --bg1:#0b0710;
  --bg2:#0f0a18;
  --panel:rgba(18,12,28,.72);
  --panel2:rgba(10,7,16,.62);
  --stroke:rgba(178,133,255,.16);
  --stroke2:rgba(74,224,255,.18);
  --text:#f2efff;
  --muted:rgba(242,239,255,.72);
  --muted2:rgba(242,239,255,.55);
  --accent:#b285ff;
  --accent2:#39d3ff;
  --accent3:#6bffcf;
  --danger:#ff4fd8;
  --shadow: 0 18px 55px rgba(0,0,0,.55);
  --shadow2: 0 12px 28px rgba(0,0,0,.42);
  --radius:18px;
  --radius2:12px;}
body.tool-page-bindforge{background: radial-gradient(1100px 650px at 18% -10%, rgba(178,133,255,.22), transparent 60%),
              radial-gradient(900px 600px at 92% 0%, rgba(57,211,255,.18), transparent 55%),
              radial-gradient(800px 500px at 65% 110%, rgba(107,255,207,.12), transparent 55%),
              linear-gradient(180deg, var(--bg1), var(--bg0));
  color: var(--text);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";}
body.tool-page-bindforge a{color: var(--accent2); text-decoration: none;}
body.tool-page-bindforge a:hover{text-decoration: underline;}
body.tool-page-bindforge ::selection{background: rgba(178,133,255,.28);}
body.tool-page-bindforge .subtitle{margin-top: 6px;
  font-size: 13px;
  color: var(--muted);
  letter-spacing: .2px;}
body.tool-page-bindforge .container, body.tool-page-bindforge .wrap, body.tool-page-bindforge .app, body.tool-page-bindforge main{max-width: 1180px;}
body.tool-page-bindforge .card, body.tool-page-bindforge .panel, body.tool-page-bindforge .box, body.tool-page-bindforge .section, body.tool-page-bindforge .module{background: var(--panel);
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  box-shadow: var(--shadow2);
  backdrop-filter: blur(10px);}
body.tool-page-bindforge .card:hover, body.tool-page-bindforge .panel:hover, body.tool-page-bindforge .box:hover, body.tool-page-bindforge .section:hover, body.tool-page-bindforge .module:hover{border-color: rgba(178,133,255,.26);}
body.tool-page-bindforge header{position: sticky;
  top: 0;
  z-index: 5;
  backdrop-filter: blur(14px);
  background: linear-gradient(180deg, rgba(11,7,16,.82), rgba(11,7,16,.42));
  border-bottom: 1px solid rgba(178,133,255,.10);}
body.tool-page-bindforge h1{text-shadow: 0 0 26px rgba(178,133,255,.18);}
body.tool-page-bindforge h1, body.tool-page-bindforge h2, body.tool-page-bindforge h3{letter-spacing: .2px;}
body.tool-page-bindforge hr{border: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(178,133,255,.18), rgba(57,211,255,.14), transparent);}
body.tool-page-bindforge .tabs, body.tool-page-bindforge .tabbar{gap: 8px;}
body.tool-page-bindforge .tab, body.tool-page-bindforge .tab-btn, body.tool-page-bindforge button.tab{border-radius: 999px;
  background: rgba(18,12,28,.55);
  border: 1px solid rgba(178,133,255,.14);
  color: var(--muted);
  transition: transform .08s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;}
body.tool-page-bindforge .tab:hover, body.tool-page-bindforge .tab-btn:hover, body.tool-page-bindforge button.tab:hover{background: rgba(26,18,40,.68);
  border-color: rgba(57,211,255,.22);
  color: var(--text);
  box-shadow: 0 10px 24px rgba(0,0,0,.28);}
body.tool-page-bindforge .tab.active, body.tool-page-bindforge .tab-btn.active, body.tool-page-bindforge button.tab.active, body.tool-page-bindforge [aria-selected="true"]{background: linear-gradient(135deg, rgba(178,133,255,.22), rgba(57,211,255,.16));
  border-color: rgba(178,133,255,.32);
  color: var(--text);
  box-shadow: 0 14px 30px rgba(0,0,0,.38);}
body.tool-page-bindforge input[type="text"], body.tool-page-bindforge input[type="number"], body.tool-page-bindforge textarea, body.tool-page-bindforge select, body.tool-page-bindforge .input{background: rgba(6,4,10,.58);
  color: var(--text);
  border: 1px solid rgba(178,133,255,.16);
  border-radius: var(--radius2);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.20);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;}
body.tool-page-bindforge input::placeholder, body.tool-page-bindforge textarea::placeholder{color: rgba(242,239,255,.42);}
body.tool-page-bindforge input:focus, body.tool-page-bindforge textarea:focus, body.tool-page-bindforge select:focus, body.tool-page-bindforge .input:focus{outline: none;
  border-color: rgba(57,211,255,.35);
  box-shadow: 0 0 0 4px rgba(57,211,255,.12), 0 0 0 1px rgba(178,133,255,.10) inset;
  background: rgba(8,5,14,.72);}
body.tool-page-bindforge button, body.tool-page-bindforge .btn{border-radius: 999px;
  border: 1px solid rgba(178,133,255,.18);
  background: linear-gradient(135deg, rgba(178,133,255,.22), rgba(57,211,255,.10));
  color: var(--text);
  box-shadow: 0 14px 30px rgba(0,0,0,.35);
  transition: transform .08s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;}
body.tool-page-bindforge button:hover, body.tool-page-bindforge .btn:hover{border-color: rgba(57,211,255,.32);
  box-shadow: 0 18px 42px rgba(0,0,0,.45);
  filter: saturate(1.05);}
body.tool-page-bindforge button:active, body.tool-page-bindforge .btn:active{transform: translateY(1px);
  box-shadow: 0 10px 22px rgba(0,0,0,.35);}
body.tool-page-bindforge button.primary, body.tool-page-bindforge .btn.primary, body.tool-page-bindforge .btn-primary{background: linear-gradient(135deg, rgba(178,133,255,.34), rgba(57,211,255,.18));
  border-color: rgba(178,133,255,.30);}
body.tool-page-bindforge button.ghost, body.tool-page-bindforge .btn.ghost, body.tool-page-bindforge .btn-ghost{background: rgba(18,12,28,.40);
  box-shadow: none;}
body.tool-page-bindforge .key, body.tool-page-bindforge .keycap, body.tool-page-bindforge .kbd, body.tool-page-bindforge .keybtn{background: linear-gradient(180deg, rgba(22,14,34,.78), rgba(8,5,14,.60));
  border: 1px solid rgba(178,133,255,.14);
  border-bottom-color: rgba(0,0,0,.55);
  border-radius: 12px;
  box-shadow: 0 10px 22px rgba(0,0,0,.32);
  color: rgba(242,239,255,.86);
  transition: transform .08s ease, border-color .18s ease, box-shadow .18s ease;}
body.tool-page-bindforge .key:hover, body.tool-page-bindforge .keycap:hover, body.tool-page-bindforge .kbd:hover, body.tool-page-bindforge .keybtn:hover{border-color: rgba(57,211,255,.25);
  box-shadow: 0 14px 30px rgba(0,0,0,.40);}
body.tool-page-bindforge .key.selected, body.tool-page-bindforge .keycap.selected, body.tool-page-bindforge .kbd.selected, body.tool-page-bindforge .keybtn.selected, body.tool-page-bindforge .key.is-selected{background: linear-gradient(135deg, rgba(178,133,255,.36), rgba(57,211,255,.16));
  border-color: rgba(178,133,255,.45);
  box-shadow: 0 18px 40px rgba(0,0,0,.52);}
body.tool-page-bindforge #output, body.tool-page-bindforge textarea.output{background: rgba(4,3,7,.70);
  border-color: rgba(57,211,255,.18);
  box-shadow: inset 0 0 0 1px rgba(178,133,255,.10);}
body.tool-page-bindforge .hint, body.tool-page-bindforge .help, body.tool-page-bindforge .small{color: var(--muted2);}
body.tool-page-bindforge .modal, body.tool-page-bindforge .dialog, body.tool-page-bindforge .popup{border-radius: 20px;
  border: 1px solid rgba(178,133,255,.20);
  background: rgba(9,6,14,.82);
  box-shadow: var(--shadow);
  backdrop-filter: blur(16px);}
body.tool-page-bindforge .modal .header, body.tool-page-bindforge .dialog .header{border-bottom: 1px solid rgba(178,133,255,.10);}
body.tool-page-bindforge *{scrollbar-color: rgba(178,133,255,.34) rgba(8,5,14,.25);
  scrollbar-width: thin;}
body.tool-page-bindforge *::-webkit-scrollbar{height: 10px; width: 10px;}
body.tool-page-bindforge *::-webkit-scrollbar-track{background: rgba(8,5,14,.25);}
body.tool-page-bindforge *::-webkit-scrollbar-thumb{background: linear-gradient(180deg, rgba(178,133,255,.45), rgba(57,211,255,.28));
  border-radius: 999px;
  border: 2px solid rgba(8,5,14,.35);}
body.tool-page-bindforge [hidden]{display:none !important;}
@media (prefers-reduced-motion: reduce){
body.tool-page-bindforge *{transition: none !important; scroll-behavior: auto !important;}
}
body.tool-page-bindforge{--accent:#caa3ff;
  --accent2:#21dce6;
  --accent3:#69ffe1;
  --stroke:rgba(202,163,255,.24);
  --stroke2:rgba(33,220,230,.22);
  --text:#f6f1ff;
  --muted:rgba(246,241,255,.78);
  --muted2:rgba(246,241,255,.62);}
body.tool-page-bindforge{background-color:#0d1012 !important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27280%27%20height%3D%27280%27%20viewBox%3D%270%200%20280%20280%27%3E%3Crect%20width%3D%27280%27%20height%3D%27280%27%20fill%3D%27none%27/%3E%3Cpath%20d%3D%27M0%20140h280M140%200v280%27%20stroke%3D%27rgba%28255%2C255%2C255%2C0.018%29%27%20stroke-width%3D%271%27/%3E%3Ccircle%20cx%3D%2738%27%20cy%3D%2742%27%20r%3D%271%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.04%29%27/%3E%3Ccircle%20cx%3D%27224%27%20cy%3D%2762%27%20r%3D%271%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.03%29%27/%3E%3Ccircle%20cx%3D%2778%27%20cy%3D%27188%27%20r%3D%271%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.025%29%27/%3E%3Ccircle%20cx%3D%27198%27%20cy%3D%27214%27%20r%3D%271%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.03%29%27/%3E%3Ccircle%20cx%3D%27142%27%20cy%3D%2796%27%20r%3D%271%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.02%29%27/%3E%3C/svg%3E") !important;
  background-repeat:repeat !important;
  background-size:280px 280px !important;
  background-attachment:fixed !important;
  color:var(--text);}
body.tool-page-bindforge{min-height:100vh;}
body.tool-page-bindforge header.topbar{background:rgba(8,10,12,.94) !important;
  border-bottom:1px solid rgba(33,220,230,.16) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.34);}
body.tool-page-bindforge .brand-title{color:#f8f3ff;
  text-shadow:0 0 22px rgba(202,163,255,.18);}
body.tool-page-bindforge .brand-sub{color:rgba(246,241,255,.66);}
body.tool-page-bindforge .card, body.tool-page-bindforge .panel, body.tool-page-bindforge .box, body.tool-page-bindforge .section, body.tool-page-bindforge .module{background:rgba(18,12,29,.82);
  border-color:rgba(202,163,255,.24);}
body.tool-page-bindforge .card:hover, body.tool-page-bindforge .panel:hover, body.tool-page-bindforge .box:hover, body.tool-page-bindforge .section:hover, body.tool-page-bindforge .module:hover{border-color:rgba(202,163,255,.32);}
body.tool-page-bindforge .card-title{color:#f5efff;}
body.tool-page-bindforge .hint, body.tool-page-bindforge .help, body.tool-page-bindforge .small, body.tool-page-bindforge .field-label, body.tool-page-bindforge .selected-token{color:rgba(233,226,255,.66);}
body.tool-page-bindforge .selected-key{color:#fbf8ff;}
body.tool-page-bindforge .top-actions .btn, body.tool-page-bindforge .top-actions .btn-danger, body.tool-page-bindforge .top-actions a.btn, body.tool-page-bindforge .tabs .tab{background:#21dce6 !important;
  border:1px solid #58f7ff !important;
  color:#04262b !important;
  box-shadow:0 10px 22px rgba(33,220,230,.26), inset 0 1px 0 rgba(255,255,255,.22) !important;}
body.tool-page-bindforge .top-actions .btn:hover, body.tool-page-bindforge .top-actions .btn-danger:hover, body.tool-page-bindforge .top-actions a.btn:hover, body.tool-page-bindforge .tabs .tab:hover{background:#43eaf2 !important;
  border-color:#7dfcff !important;
  color:#031d20 !important;
  filter:none;}
body.tool-page-bindforge .top-actions .btn:active, body.tool-page-bindforge .top-actions .btn-danger:active, body.tool-page-bindforge .top-actions a.btn:active, body.tool-page-bindforge .top-actions .btn[aria-pressed="true"], body.tool-page-bindforge .top-actions .btn-danger[aria-pressed="true"], body.tool-page-bindforge .tabs .tab.is-active, body.tool-page-bindforge .tabs .tab[aria-selected="true"], body.tool-page-bindforge .tabs .tab:active{background:#0f8f99 !important;
  border-color:#19c5d0 !important;
  color:#eefeff !important;
  box-shadow:inset 0 2px 8px rgba(0,0,0,.26), 0 8px 18px rgba(0,0,0,.24) !important;
  transform:translateY(1px);}
body.tool-page-bindforge .top-actions a.btn, body.tool-page-bindforge .top-actions a.btn:hover{text-decoration:none;}
body.tool-page-bindforge .top-actions a.btn{display:inline-flex;
  align-items:center;
  justify-content:center;}
body.tool-page-bindforge .top-actions .btn-mini{padding:8px 10px;
  font-size:12px;
  font-weight:900;}
body.tool-page-bindforge .modal{background:rgba(11,8,18,.95);
  border-color:rgba(202,163,255,.26);}
body.tool-page-bindforge .default-table{margin-top:12px;
  max-height:min(65vh,560px);
  overflow:auto;}
body.tool-page-bindforge .page-stack{display:grid;
  gap:16px;}
body.tool-page-bindforge .hint, body.tool-page-bindforge .field-label, body.tool-page-bindforge .selected-token, body.tool-page-bindforge .output-meta, body.tool-page-bindforge .small-note{color:var(--muted);}
body.tool-page-bindforge .output-wrap textarea, body.tool-page-bindforge .output-wrap pre, body.tool-page-bindforge textarea.output, body.tool-page-bindforge pre.output{border-radius:1rem;
  border:1px solid var(--line);
  background:rgba(0,0,0,0.28);}
body.tool-page-bindforge ::-webkit-scrollbar{height:10px;
  width:10px;}
body.tool-page-bindforge ::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.12);
  border-radius:999px;}
@media (max-width: 980px){
body.tool-page-bindforge .layout{grid-template-columns:1fr;}
}
body.tool-page-bindforge{--wh-surface-1: rgba(23,15,39,.93);
  --wh-surface-2: rgba(12,8,21,.90);
  --wh-surface-3: rgba(17,11,29,.95);
  --wh-stroke-1: rgba(197,152,255,.22);
  --wh-stroke-2: rgba(57,211,255,.22);
  --wh-text-strong: #faf7ff;
  --wh-text-soft: rgba(250,247,255,.78);
  --wh-shadow-1: 0 16px 40px rgba(0,0,0,.32);
  --wh-shadow-2: 0 10px 24px rgba(0,0,0,.24);}
body.tool-page-bindforge{background:#020304 !important;
  background-image:none !important;}
body.tool-page-bindforge{position: relative;
  z-index: 0;
  min-height:100vh;
  background:#020304 !important;
  background-image:none !important;
  color: var(--wh-text-strong);}
body.tool-page-bindforge::before{content:"";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-color:#040506;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201600%201200%27%3E%0A%3Crect%20width%3D%271600%27%20height%3D%271200%27%20fill%3D%27none%27%2F%3E%0A%3Cg%20fill%3D%27%23ffffff%27%20opacity%3D%27.018%27%3E%0A%20%20%3Ccircle%20cx%3D%2784%27%20cy%3D%2796%27%20r%3D%271.4%27%2F%3E%3Ccircle%20cx%3D%27228%27%20cy%3D%27164%27%20r%3D%271.2%27%2F%3E%3Ccircle%20cx%3D%27376%27%20cy%3D%27118%27%20r%3D%271.1%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27542%27%20cy%3D%2786%27%20r%3D%271.3%27%2F%3E%3Ccircle%20cx%3D%27694%27%20cy%3D%27152%27%20r%3D%271.2%27%2F%3E%3Ccircle%20cx%3D%27828%27%20cy%3D%27112%27%20r%3D%271.1%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27978%27%20cy%3D%27138%27%20r%3D%271.2%27%2F%3E%3Ccircle%20cx%3D%271136%27%20cy%3D%2792%27%20r%3D%271.3%27%2F%3E%3Ccircle%20cx%3D%271272%27%20cy%3D%27156%27%20r%3D%271.1%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%271434%27%20cy%3D%27124%27%20r%3D%271.2%27%2F%3E%3Ccircle%20cx%3D%271522%27%20cy%3D%27188%27%20r%3D%271.4%27%2F%3E%3Ccircle%20cx%3D%27146%27%20cy%3D%27318%27%20r%3D%271.2%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27304%27%20cy%3D%27274%27%20r%3D%271.1%27%2F%3E%3Ccircle%20cx%3D%27466%27%20cy%3D%27338%27%20r%3D%271.3%27%2F%3E%3Ccircle%20cx%3D%27628%27%20cy%3D%27286%27%20r%3D%271.2%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27782%27%20cy%3D%27356%27%20r%3D%271.2%27%2F%3E%3Ccircle%20cx%3D%27942%27%20cy%3D%27308%27%20r%3D%271.1%27%2F%3E%3Ccircle%20cx%3D%271096%27%20cy%3D%27364%27%20r%3D%271.3%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%271268%27%20cy%3D%27294%27%20r%3D%271.2%27%2F%3E%3Ccircle%20cx%3D%271448%27%20cy%3D%27332%27%20r%3D%271.1%27%2F%3E%3Ccircle%20cx%3D%27180%27%20cy%3D%27542%27%20r%3D%271.3%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27356%27%20cy%3D%27488%27%20r%3D%271.1%27%2F%3E%3Ccircle%20cx%3D%27514%27%20cy%3D%27564%27%20r%3D%271.2%27%2F%3E%3Ccircle%20cx%3D%27674%27%20cy%3D%27506%27%20r%3D%271.3%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27844%27%20cy%3D%27590%27%20r%3D%271.2%27%2F%3E%3Ccircle%20cx%3D%27998%27%20cy%3D%27528%27%20r%3D%271.1%27%2F%3E%3Ccircle%20cx%3D%271162%27%20cy%3D%27602%27%20r%3D%271.2%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%271336%27%20cy%3D%27514%27%20r%3D%271.3%27%2F%3E%3Ccircle%20cx%3D%271496%27%20cy%3D%27576%27%20r%3D%271.1%27%2F%3E%3Ccircle%20cx%3D%27124%27%20cy%3D%27808%27%20r%3D%271.2%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27286%27%20cy%3D%27738%27%20r%3D%271.3%27%2F%3E%3Ccircle%20cx%3D%27448%27%20cy%3D%27822%27%20r%3D%271.1%27%2F%3E%3Ccircle%20cx%3D%27616%27%20cy%3D%27760%27%20r%3D%271.2%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27772%27%20cy%3D%27846%27%20r%3D%271.4%27%2F%3E%3Ccircle%20cx%3D%27936%27%20cy%3D%27778%27%20r%3D%271.1%27%2F%3E%3Ccircle%20cx%3D%271104%27%20cy%3D%27852%27%20r%3D%271.2%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%271278%27%20cy%3D%27790%27%20r%3D%271.3%27%2F%3E%3Ccircle%20cx%3D%271452%27%20cy%3D%27868%27%20r%3D%271.1%27%2F%3E%3Ccircle%20cx%3D%27210%27%20cy%3D%271048%27%20r%3D%271.2%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27382%27%20cy%3D%27980%27%20r%3D%271.1%27%2F%3E%3Ccircle%20cx%3D%27558%27%20cy%3D%271062%27%20r%3D%271.3%27%2F%3E%3Ccircle%20cx%3D%27732%27%20cy%3D%271004%27%20r%3D%271.2%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27908%27%20cy%3D%271088%27%20r%3D%271.1%27%2F%3E%3Ccircle%20cx%3D%271084%27%20cy%3D%271018%27%20r%3D%271.2%27%2F%3E%3Ccircle%20cx%3D%271266%27%20cy%3D%271096%27%20r%3D%271.4%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%271456%27%20cy%3D%271028%27%20r%3D%271.1%27%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20stroke%3D%27%23ffffff%27%20stroke-width%3D%271%27%20opacity%3D%27.012%27%20fill%3D%27none%27%3E%0A%20%20%3Cpath%20d%3D%27M118%20214h162%27%2F%3E%3Cpath%20d%3D%27M462%20182h118%27%2F%3E%3Cpath%20d%3D%27M812%20224h154%27%2F%3E%3Cpath%20d%3D%27M1180%20196h132%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M236%20438h138%27%2F%3E%3Cpath%20d%3D%27M618%20404h176%27%2F%3E%3Cpath%20d%3D%27M1044%20452h148%27%2F%3E%3Cpath%20d%3D%27M1326%20422h104%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M154%20670h188%27%2F%3E%3Cpath%20d%3D%27M482%20626h122%27%2F%3E%3Cpath%20d%3D%27M862%20688h164%27%2F%3E%3Cpath%20d%3D%27M1228%20648h146%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M264%20920h156%27%2F%3E%3Cpath%20d%3D%27M676%20884h128%27%2F%3E%3Cpath%20d%3D%27M1048%20946h182%27%2F%3E%3Cpath%20d%3D%27M1348%20906h110%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M198%20270v92%27%2F%3E%3Cpath%20d%3D%27M748%20520v74%27%2F%3E%3Cpath%20d%3D%27M1248%20758v86%27%2F%3E%3Cpath%20d%3D%27M1412%20296v64%27%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%27%23ffffff%27%20opacity%3D%27.010%27%3E%0A%20%20%3Crect%20x%3D%2792%27%20y%3D%27232%27%20width%3D%2754%27%20height%3D%272%27%2F%3E%3Crect%20x%3D%27316%27%20y%3D%27402%27%20width%3D%2766%27%20height%3D%272%27%2F%3E%3Crect%20x%3D%27638%27%20y%3D%27612%27%20width%3D%2772%27%20height%3D%272%27%2F%3E%0A%20%20%3Crect%20x%3D%27986%27%20y%3D%27286%27%20width%3D%2758%27%20height%3D%272%27%2F%3E%3Crect%20x%3D%271186%27%20y%3D%27882%27%20width%3D%2776%27%20height%3D%272%27%2F%3E%3Crect%20x%3D%271428%27%20y%3D%27548%27%20width%3D%2764%27%20height%3D%272%27%2F%3E%0A%20%20%3Crect%20x%3D%27246%27%20y%3D%27966%27%20width%3D%2768%27%20height%3D%272%27%2F%3E%3Crect%20x%3D%27824%27%20y%3D%27934%27%20width%3D%2784%27%20height%3D%272%27%2F%3E%3Crect%20x%3D%271304%27%20y%3D%27172%27%20width%3D%2772%27%20height%3D%272%27%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
  opacity:.42;}
body.tool-page-bindforge header{background: transparent;
  border: 0;}
body.tool-page-bindforge header.topbar{position: sticky;
  top: 10px;
  z-index: 30;
  width: min(1520px, calc(100vw - 28px));
  max-width: none;
  margin: 10px auto 0;
  padding: 14px 16px;
  gap: 18px;
  border: 1px solid var(--wh-stroke-1);
  border-radius: 22px;
  background: rgba(12,11,16,.92);
  box-shadow: 0 22px 55px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter: blur(18px);}
body.tool-page-bindforge .brand-title{font-size: clamp(20px, 1.45vw, 24px);
  font-weight: 900;
  line-height: 1.05;
  color: var(--wh-text-strong);
  text-shadow: 0 0 18px rgba(178,133,255,.15);}
body.tool-page-bindforge .brand-sub{margin-top: 4px;
  color: rgba(250,247,255,.62);
  font-size: 12px;
  line-height: 1.35;}
body.tool-page-bindforge .top-actions{gap: 10px;}
body.tool-page-bindforge .top-actions .btn{min-height: 42px;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .15px;
  border-radius: 999px;
  border: 1px solid #54f4ff;
  background: #22d7e6;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 10px 24px rgba(0,0,0,.30), 0 0 0 1px rgba(34,215,230,.10);
  color: #04262b;
  text-shadow: 0 1px 0 rgba(255,255,255,.22), 0 1px 8px rgba(4,38,43,.16);}
body.tool-page-bindforge .top-actions .btn:hover{transform: translateY(-1px);
  border-color: #7cfcff;
  background: #3ce8f5;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 16px 30px rgba(0,0,0,.34), 0 0 0 1px rgba(60,232,245,.12);
  color: #031d20;
  text-shadow: 0 1px 0 rgba(255,255,255,.24), 0 1px 10px rgba(3,29,32,.18);}
body.tool-page-bindforge .top-actions .btn:active, body.tool-page-bindforge .top-actions .btn[aria-pressed="true"]{transform: translateY(1px);
  border-color: #1fb7c6;
  background: #0e7a86;
  box-shadow: inset 0 2px 10px rgba(0,0,0,.28), 0 8px 18px rgba(0,0,0,.28);
  color: #eefeff;
  text-shadow: 0 1px 8px rgba(0,0,0,.28);}
body.tool-page-bindforge main.layout{width: min(1520px, calc(100vw - 28px));
  max-width: none;
  margin: 16px auto 0;
  padding: 0;
  grid-template-columns: minmax(320px, 360px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;}
body.tool-page-bindforge .panel-left, body.tool-page-bindforge .panel-right{gap: 14px;}
body.tool-page-bindforge .card{padding: 14px;
  border-radius: 20px;
  border: 1px solid var(--wh-stroke-1);
  background: linear-gradient(180deg, var(--wh-surface-1), var(--wh-surface-2));
  box-shadow: var(--wh-shadow-2);}
body.tool-page-bindforge .card:hover{border-color: rgba(178,133,255,.24);}
body.tool-page-bindforge .card-title{margin-bottom: 12px;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .2px;
  color: var(--wh-text-strong);}
body.tool-page-bindforge .tabs{display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;}
body.tool-page-bindforge .tab{display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 8px;
  text-align: center;
  line-height: 1.05rem;
  font-size: 12px;
  font-weight: 800;
  color: #04262b;
  border-radius: 14px;
  border: 1px solid #54f4ff;
  background: #22d7e6;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 8px 18px rgba(0,0,0,.22), 0 0 0 1px rgba(34,215,230,.10);
  text-shadow: 0 1px 0 rgba(255,255,255,.22), 0 1px 8px rgba(4,38,43,.16);
  transition: transform .08s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, background .18s ease;}
body.tool-page-bindforge .tab:hover{transform: translateY(-1px);
  color: #031d20;
  border-color: #7cfcff;
  background: #3ce8f5;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 12px 24px rgba(0,0,0,.28), 0 0 0 1px rgba(60,232,245,.12);
  text-shadow: 0 1px 0 rgba(255,255,255,.24), 0 1px 10px rgba(3,29,32,.18);}
body.tool-page-bindforge .tab:active{transform: translateY(1px);}
body.tool-page-bindforge .tab.is-active, body.tool-page-bindforge .tab[aria-selected="true"]{color: #eefeff;
  border-color: #1fb7c6;
  background: #0e7a86;
  box-shadow: inset 0 2px 10px rgba(0,0,0,.28), 0 0 0 1px rgba(34,215,230,.12), 0 14px 28px rgba(0,0,0,.30);
  text-shadow: 0 1px 8px rgba(0,0,0,.28);}
body.tool-page-bindforge .subtabs{gap: 8px;
  flex-wrap: wrap;}
body.tool-page-bindforge .subtab{border-radius: 999px;
  border: 1px solid var(--wh-stroke-1);
  background: linear-gradient(180deg, rgba(28,19,46,.94), rgba(13,9,22,.92));
  color: rgba(250,247,255,.74);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 8px 16px rgba(0,0,0,.20);}
body.tool-page-bindforge .subtab:hover{color: var(--wh-text-strong);
  border-color: rgba(57,211,255,.22);}
body.tool-page-bindforge .subtab.is-active, body.tool-page-bindforge .subtab[aria-selected="true"]{color: var(--wh-text-strong);
  border-color: rgba(178,133,255,.32);
  background: linear-gradient(180deg, rgba(52,34,82,.96), rgba(22,14,37,.94));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(57,211,255,.10);}
body.tool-page-bindforge .field-label{font-size: 12px;
  font-weight: 800;
  color: rgba(250,247,255,.80);}
body.tool-page-bindforge .hint, body.tool-page-bindforge .selected-token, body.tool-page-bindforge .bind-sub, body.tool-page-bindforge .default-v, body.tool-page-bindforge .footer{color: rgba(250,247,255,.60);}
body.tool-page-bindforge .input, body.tool-page-bindforge select, body.tool-page-bindforge textarea.output, body.tool-page-bindforge .output{border-radius: 14px;
  border: 1px solid rgba(178,133,255,.16);
  background: linear-gradient(180deg, rgba(12,8,20,.94), rgba(7,5,12,.92));
  color: rgba(250,247,255,.92);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), inset 0 0 0 1px rgba(0,0,0,.18);}
body.tool-page-bindforge .input::placeholder, body.tool-page-bindforge .output::placeholder{color: rgba(250,247,255,.38);}
body.tool-page-bindforge .input:focus, body.tool-page-bindforge select:focus, body.tool-page-bindforge textarea.output:focus, body.tool-page-bindforge .output:focus{border-color: rgba(57,211,255,.26);
  box-shadow: 0 0 0 4px rgba(57,211,255,.10), inset 0 1px 0 rgba(255,255,255,.03);
  background: linear-gradient(180deg, rgba(14,9,24,.96), rgba(8,5,14,.94));}
body.tool-page-bindforge .output{min-height: 290px;
  font-size: 12.5px;
  line-height: 1.5;}
body.tool-page-bindforge .pill{display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid var(--wh-stroke-1);
  background: linear-gradient(180deg, rgba(28,19,46,.94), rgba(12,8,20,.92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 8px 16px rgba(0,0,0,.18);
  color: rgba(250,247,255,.76);
  font-weight: 700;}
body.tool-page-bindforge .pill input{accent-color: #7cdfff;}
body.tool-page-bindforge label.pill:has(input:checked){color: var(--wh-text-strong);
  border-color: rgba(57,211,255,.28);
  background: linear-gradient(180deg, rgba(46,29,73,.96), rgba(17,11,29,.94));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(57,211,255,.10), 0 10px 22px rgba(0,0,0,.20);}
body.tool-page-bindforge .btn, body.tool-page-bindforge .smallbtn{border: 1px solid var(--wh-stroke-1);
  background: linear-gradient(180deg, rgba(31,20,50,.96), rgba(14,9,24,.94));
  color: rgba(250,247,255,.86);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 20px rgba(0,0,0,.24);}
body.tool-page-bindforge .btn:hover, body.tool-page-bindforge .smallbtn:hover{color: var(--wh-text-strong);
  border-color: rgba(57,211,255,.24);}
body.tool-page-bindforge .btn-primary{border-color: rgba(57,211,255,.22);
  background: linear-gradient(180deg, rgba(61,41,95,.98), rgba(24,15,39,.96));}
body.tool-page-bindforge .btn-danger{border-color: rgba(255,79,216,.26);
  background: linear-gradient(180deg, rgba(82,20,73,.96), rgba(34,10,30,.94));}
body.tool-page-bindforge .keyboard-shell{padding: 14px;
  border-radius: 18px;
  border: 1px solid var(--wh-stroke-1);
  background: linear-gradient(180deg, rgba(12,8,20,.95), rgba(7,5,12,.93));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02), 0 12px 26px rgba(0,0,0,.24);
  overflow: hidden;}
body.tool-page-bindforge .keyboard-wrap{width: max-content;
  max-width: 100%;
  margin: 0 auto;
  row-gap: 12px;}
body.tool-page-bindforge .keyboard-side{display: grid;
  grid-template-columns: max-content max-content max-content;
  gap: 12px;
  justify-content: center;
  align-items: end;}
body.tool-page-bindforge #arrowCluster{margin-top: 44px;}
body.tool-page-bindforge .kbd{gap: 10px;
  min-width: 0;}
body.tool-page-bindforge .krow{gap: 8px;
  min-width: 0;}
body.tool-page-bindforge .key{min-width: 42px;
  height: 40px;
  padding: 0 9px;
  border-radius: 12px;
  border: 1px solid rgba(177,129,234,.42);
  background: #4d1f73;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.24);
  color: rgba(250,247,255,.94);
  font-size: 13px;
  font-weight: 800;}
body.tool-page-bindforge .key:hover{transform: translateY(-1px);
  border-color: rgba(207,168,255,.46);
  background: #5b2788;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 22px rgba(0,0,0,.28);}
body.tool-page-bindforge .key.is-selected{outline: none;
  border-color: rgba(57,211,255,.34);
  background: #6a2ea0;
  box-shadow: 0 0 0 1px rgba(57,211,255,.16), inset 0 1px 0 rgba(255,255,255,.06), 0 14px 28px rgba(0,0,0,.30);}
body.tool-page-bindforge .key.has-bind::after{right: 7px;
  top: 7px;
  width: 8px;
  height: 8px;
  background: linear-gradient(180deg, #6bffcf, #39d3ff);
  box-shadow: 0 0 10px rgba(57,211,255,.28);}
body.tool-page-bindforge .key.w-1{min-width: 56px;}
body.tool-page-bindforge .key.w-2{min-width: 80px;}
body.tool-page-bindforge .key.w-3{min-width: 108px;}
body.tool-page-bindforge .key.w-4{min-width: 132px;}
body.tool-page-bindforge .key.w-5{min-width: 238px;}
body.tool-page-bindforge .mouse-grid{gap: 10px;}
body.tool-page-bindforge #mouseGrid .btn{min-height: 40px;
  padding-inline: 14px;
  border-color: rgba(177,129,234,.42);
  background: #4d1f73;
  color: rgba(250,247,255,.94);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.24);
  text-shadow: none;}
body.tool-page-bindforge #mouseGrid .btn:hover{border-color: rgba(207,168,255,.46);
  background: #5b2788;
  color: rgba(250,247,255,.96);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 22px rgba(0,0,0,.28);}
body.tool-page-bindforge #mouseGrid .btn:active, body.tool-page-bindforge #mouseGrid .btn[aria-pressed="true"]{border-color: rgba(57,211,255,.30);
  background: #3f195f;
  color: rgba(250,247,255,.98);
  box-shadow: inset 0 2px 10px rgba(0,0,0,.28), 0 8px 18px rgba(0,0,0,.24);}
body.tool-page-bindforge .bind-item{border-radius: 16px;
  border: 1px solid rgba(178,133,255,.14);
  background: linear-gradient(180deg, rgba(22,14,37,.92), rgba(10,7,16,.90));}
body.tool-page-bindforge .default-table{border-radius: 16px;
  border-color: rgba(178,133,255,.14);}
body.tool-page-bindforge .default-row{background: rgba(15,10,24,.64);
  border-bottom-color: rgba(178,133,255,.10);}
body.tool-page-bindforge .footer{width: min(1520px, calc(100vw - 28px));
  max-width: none;
  margin: 14px auto 18px;
  padding: 0 2px;
  font-size: 12px;}
@media (max-width: 1220px){
body.tool-page-bindforge header.topbar, body.tool-page-bindforge main.layout, body.tool-page-bindforge .footer{width: min(1320px, calc(100vw - 20px));}
body.tool-page-bindforge main.layout{grid-template-columns: minmax(300px, 340px) minmax(0, 1fr);}
}
@media (max-width: 1080px){
body.tool-page-bindforge main.layout{grid-template-columns: 1fr;}
}
@media (max-width: 900px){
body.tool-page-bindforge header.topbar, body.tool-page-bindforge main.layout, body.tool-page-bindforge .footer{width: calc(100vw - 16px);}
body.tool-page-bindforge header.topbar{top: 8px;
    border-radius: 18px;
    align-items: stretch;
    flex-direction: column;}
body.tool-page-bindforge .top-actions{justify-content: flex-start;}
body.tool-page-bindforge .tabs{grid-template-columns: repeat(2, minmax(0, 1fr));}
body.tool-page-bindforge .keyboard-wrap{width: 100%;
    margin: 0;}
body.tool-page-bindforge .keyboard-side{grid-template-columns: 1fr;
    justify-content: start;}
body.tool-page-bindforge #arrowCluster{margin-top: 0;}
body.tool-page-bindforge .keyboard-shell{overflow-x: auto;}
}
@media (max-width: 760px){
body.tool-page-bindforge .card{padding: 12px;
    border-radius: 16px;}
body.tool-page-bindforge .key{min-width: 38px;
    height: 38px;
    font-size: 12px;
    padding: 0 8px;}
body.tool-page-bindforge .key.w-1{min-width: 52px;}
body.tool-page-bindforge .key.w-2{min-width: 74px;}
body.tool-page-bindforge .key.w-3{min-width: 98px;}
body.tool-page-bindforge .key.w-4{min-width: 120px;}
body.tool-page-bindforge .key.w-5{min-width: 220px;}
}

/* tools/aliasforge_site_final.html */
body.tool-page-aliasforge .forge-shell{display:grid;gap:18px;padding:24px 0 56px}
body.tool-page-aliasforge .forge-hero, body.tool-page-aliasforge .forge-panel, body.tool-page-aliasforge .forge-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.35rem;background:linear-gradient(180deg, rgba(13,17,27,.94), rgba(7,10,16,.98));box-shadow:0 0 0 1px rgba(34,211,238,.08),0 18px 48px rgba(0,0,0,.38)}
body.tool-page-aliasforge .forge-hero::before, body.tool-page-aliasforge .forge-panel::before, body.tool-page-aliasforge .forge-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg, rgba(192,132,252,.10), transparent 28%, transparent 72%, rgba(34,211,238,.10))}
body.tool-page-aliasforge .forge-hero{padding:28px}
body.tool-page-aliasforge .forge-title{margin:16px 0 0;font-size:clamp(34px,5vw,62px);line-height:.94;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 0 28px rgba(192,132,252,.16)}
body.tool-page-aliasforge .forge-sub{max-width:980px;margin:16px 0 0;color:rgba(255,255,255,.72);line-height:1.75;font-size:15px}
body.tool-page-aliasforge .forge-toolbar, body.tool-page-aliasforge .forge-chip-row, body.tool-page-aliasforge .alias-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
body.tool-page-aliasforge .forge-toolbar{justify-content:space-between;margin-top:20px}
body.tool-page-aliasforge .forge-action, body.tool-page-aliasforge .forge-chip, body.tool-page-aliasforge .forge-toggle{border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.32);color:rgba(255,255,255,.92);padding:10px 16px;font-size:14px;font-weight:700;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
body.tool-page-aliasforge .forge-action:hover, body.tool-page-aliasforge .forge-chip:hover, body.tool-page-aliasforge .forge-toggle:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.45);box-shadow:0 0 0 1px rgba(34,211,238,.12),0 0 22px rgba(34,211,238,.10)}
body.tool-page-aliasforge .forge-action{background:var(--cyan);color:#081018;border-color:transparent;box-shadow:0 0 0 1px rgba(34,211,238,.18),0 0 24px rgba(34,211,238,.18);cursor:pointer}
body.tool-page-aliasforge .forge-action.alt, body.tool-page-aliasforge .forge-toggle{background:rgba(8,14,20,.88);color:rgba(255,255,255,.92);border-color:rgba(34,211,238,.18)}
body.tool-page-aliasforge .forge-toggle.active{background:linear-gradient(180deg, rgba(34,211,238,.16), rgba(192,132,252,.12));border-color:rgba(34,211,238,.35)}
body.tool-page-aliasforge .forge-grid{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(340px,1.05fr);gap:18px}
body.tool-page-aliasforge .forge-stack{display:grid;gap:16px}
body.tool-page-aliasforge .forge-panel, body.tool-page-aliasforge .forge-card{padding:20px}
body.tool-page-aliasforge .forge-label{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.8)}
body.tool-page-aliasforge .forge-input, body.tool-page-aliasforge .forge-textarea, body.tool-page-aliasforge .forge-select{width:100%;border-radius:1rem;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.40);color:#fff;padding:14px 16px;font-size:16px;line-height:1.4;outline:none}
body.tool-page-aliasforge .forge-input:focus, body.tool-page-aliasforge .forge-textarea:focus, body.tool-page-aliasforge .forge-select:focus{border-color:rgba(34,211,238,.45);box-shadow:0 0 0 3px rgba(34,211,238,.10);background:rgba(0,0,0,.52)}
body.tool-page-aliasforge .forge-textarea{min-height:118px;resize:vertical}
body.tool-page-aliasforge .forge-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.tool-page-aliasforge .forge-mini, body.tool-page-aliasforge .forge-help, body.tool-page-aliasforge .alias-note{color:rgba(255,255,255,.62);line-height:1.65;font-size:13px}
body.tool-page-aliasforge .forge-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.tool-page-aliasforge .forge-check{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.10);border-radius:1rem;background:rgba(0,0,0,.24)}
body.tool-page-aliasforge .forge-check input{margin-top:2px;accent-color:#22d3ee}
body.tool-page-aliasforge .forge-check strong{display:block;font-size:14px}
body.tool-page-aliasforge .forge-check span{display:block;color:rgba(255,255,255,.62);font-size:12px;line-height:1.5}
body.tool-page-aliasforge .range-head{display:flex;justify-content:space-between;color:rgba(255,255,255,.72);font-size:13px}
body.tool-page-aliasforge input[type=range]{accent-color:#22d3ee}
body.tool-page-aliasforge .forge-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
body.tool-page-aliasforge .forge-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
body.tool-page-aliasforge .forge-card:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.34);box-shadow:0 0 0 1px rgba(34,211,238,.10),0 20px 44px rgba(0,0,0,.38),0 0 24px rgba(34,211,238,.08)}
body.tool-page-aliasforge .alias-out{font-size:clamp(22px,3vw,30px);line-height:1.02;margin:0 0 12px;font-weight:800;letter-spacing:.02em;overflow-wrap:anywhere}
body.tool-page-aliasforge .alias-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
body.tool-page-aliasforge .alias-tag{border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.26);color:rgba(255,255,255,.85);padding:7px 10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.tool-page-aliasforge .alias-score{color:#8cf6bc;border-color:rgba(103,240,168,.24)}
@media (max-width:980px){
body.tool-page-aliasforge .forge-grid, body.tool-page-aliasforge .forge-split, body.tool-page-aliasforge .forge-checks{grid-template-columns:1fr}
}

/* tools/steam_assets.html */
body.tool-page-steam-assets{--bg: #06070b;
      --bg2: #0c1018;
      --panel: rgba(14, 18, 28, 0.86);
      --panel-2: rgba(20, 25, 37, 0.92);
      --text: #e7edf7;
      --muted: #9aa7bb;
      --cyan: #7de7ff;
      --purple: #b567ff;
      --shadow: 0 14px 40px rgba(0, 0, 0, 0.42);
      --radius: 18px;
      --max: 1240px;
      --glow: 0 0 0 1px rgba(125, 231, 255, 0.12), 0 0 28px rgba(71, 196, 255, 0.08), 0 0 38px rgba(181, 103, 255, 0.06);}
body.tool-page-steam-assets *{box-sizing: border-box;}
body.tool-page-steam-assets{margin: 0;
      padding: 0;
      background:
        radial-gradient(circle at 15% 20%, rgba(71, 196, 255, 0.08), transparent 24%),
        radial-gradient(circle at 85% 10%, rgba(181, 103, 255, 0.1), transparent 22%),
        radial-gradient(circle at 50% 100%, rgba(125, 248, 200, 0.05), transparent 30%),
        linear-gradient(180deg, #05060a 0%, #090c13 100%);
      color: var(--text);
      font-family: Inter, Arial, Helvetica, sans-serif;
      min-height: 100vh;}
body.tool-page-steam-assets a{color: inherit;
      text-decoration: none;}
body.tool-page-steam-assets .site-nav{position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(6, 8, 12, 0.82);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);}
body.tool-page-steam-assets .nav-inner{max-width: var(--max);
      margin: 0 auto;
      padding: 14px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;}
body.tool-page-steam-assets .brand{display: inline-flex;
      align-items: center;
      gap: 12px;
      min-width: 0;}
body.tool-page-steam-assets .brand-mark{width: 12px;
      height: 12px;
      border-radius: 999px;
      background: linear-gradient(135deg, var(--cyan), var(--purple));
      box-shadow: 0 0 18px rgba(125, 231, 255, 0.45);
      flex: 0 0 auto;}
body.tool-page-steam-assets .brand-text{font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      white-space: nowrap;
      font-size: 0.95rem;}
body.tool-page-steam-assets .nav-links{display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      justify-content: flex-end;}
body.tool-page-steam-assets .nav-link, body.tool-page-steam-assets .nav-button{border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.03);
      color: var(--text);
      padding: 10px 14px;
      border-radius: 999px;
      font-size: 0.92rem;
      transition: 0.18s ease;
      cursor: pointer;}
body.tool-page-steam-assets .nav-link:hover, body.tool-page-steam-assets .nav-button:hover{border-color: rgba(125, 231, 255, 0.36);
      background: rgba(125, 231, 255, 0.08);
      transform: translateY(-1px);}
body.tool-page-steam-assets .tools-wrap{position: relative;}
body.tool-page-steam-assets .tools-menu{position: absolute;
      right: 0;
      top: calc(100% + 10px);
      width: 250px;
      padding: 10px;
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(10, 13, 20, 0.96);
      box-shadow: var(--shadow);
      display: none;}
body.tool-page-steam-assets .tools-wrap.open .tools-menu{display: block;}
body.tool-page-steam-assets .tools-menu a{display: block;
      padding: 12px 12px;
      border-radius: 12px;
      color: var(--text);
      font-size: 0.94rem;}
body.tool-page-steam-assets .tools-menu a:hover{background: rgba(125, 231, 255, 0.08);}
body.tool-page-steam-assets .page{max-width: var(--max);
      margin: 0 auto;
      padding: 28px 20px 80px;}
body.tool-page-steam-assets .hero{display: grid;
      grid-template-columns: 1.35fr 0.9fr;
      gap: 22px;
      align-items: stretch;
      margin-top: 18px;}
body.tool-page-steam-assets .hero-card, body.tool-page-steam-assets .hero-side, body.tool-page-steam-assets .filter-bar, body.tool-page-steam-assets .section-card, body.tool-page-steam-assets .cta-card{background: var(--panel);
      border: 1px solid rgba(255, 255, 255, 0.06);
      border-radius: var(--radius);
      box-shadow: var(--glow);}
body.tool-page-steam-assets .hero-card{padding: 28px;
      position: relative;
      overflow: hidden;}
body.tool-page-steam-assets .hero-card::before{content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 15% 10%, rgba(125, 231, 255, 0.12), transparent 25%),
        radial-gradient(circle at 90% 0%, rgba(181, 103, 255, 0.12), transparent 28%);
      pointer-events: none;}
body.tool-page-steam-assets .eyebrow{display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 14px;
      color: var(--cyan);
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;}
body.tool-page-steam-assets .eyebrow::before{content: "";
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: var(--cyan);
      box-shadow: 0 0 16px rgba(125, 231, 255, 0.55);}
body.tool-page-steam-assets h1{margin: 0 0 12px;
      font-size: clamp(2rem, 5vw, 4rem);
      line-height: 0.96;
      letter-spacing: -0.04em;}
body.tool-page-steam-assets .hero p{margin: 0;
      color: var(--muted);
      font-size: 1.05rem;
      line-height: 1.6;
      max-width: 64ch;}
body.tool-page-steam-assets .hero-actions{display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 22px;}
body.tool-page-steam-assets .primary-btn, body.tool-page-steam-assets .ghost-btn, body.tool-page-steam-assets .mini-btn, body.tool-page-steam-assets .copy-btn, body.tool-page-steam-assets .fav-btn{appearance: none;
      border: 0;
      cursor: pointer;
      transition: 0.18s ease;
      font: inherit;}
body.tool-page-steam-assets .primary-btn, body.tool-page-steam-assets .ghost-btn, body.tool-page-steam-assets .mini-btn{border-radius: 999px;
      padding: 12px 16px;
      font-weight: 700;}
body.tool-page-steam-assets .primary-btn{color: #05111a;
      background: linear-gradient(135deg, var(--cyan), #9ff0ff);
      box-shadow: 0 0 24px rgba(125, 231, 255, 0.22);}
body.tool-page-steam-assets .primary-btn:hover{transform: translateY(-1px);
      filter: brightness(1.04);}
body.tool-page-steam-assets .ghost-btn{color: var(--text);
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.08);}
body.tool-page-steam-assets .ghost-btn:hover{background: rgba(181, 103, 255, 0.08);
      border-color: rgba(181, 103, 255, 0.28);
      transform: translateY(-1px);}
body.tool-page-steam-assets .hero-side{padding: 20px;
      display: grid;
      gap: 14px;
      align-content: start;}
body.tool-page-steam-assets .side-box{padding: 16px;
      border-radius: 16px;
      background: var(--panel-2);
      border: 1px solid rgba(255, 255, 255, 0.05);}
body.tool-page-steam-assets .side-title{margin: 0 0 8px;
      font-size: 0.95rem;
      color: var(--cyan);
      text-transform: uppercase;
      letter-spacing: 0.11em;}
body.tool-page-steam-assets .side-box p, body.tool-page-steam-assets .side-box ul{margin: 0;
      color: var(--muted);
      line-height: 1.5;
      font-size: 0.95rem;}
body.tool-page-steam-assets .side-box ul{padding-left: 18px;}
body.tool-page-steam-assets .filter-bar{margin-top: 22px;
      padding: 16px;
      display: flex;
      gap: 14px;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;}
body.tool-page-steam-assets .chips{display: flex;
      flex-wrap: wrap;
      gap: 10px;}
body.tool-page-steam-assets .chip{border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.03);
      color: var(--text);
      padding: 10px 13px;
      border-radius: 999px;
      cursor: pointer;
      font-size: 0.92rem;
      transition: 0.18s ease;}
body.tool-page-steam-assets .chip:hover{background: rgba(125, 231, 255, 0.08);
      border-color: rgba(125, 231, 255, 0.28);}
body.tool-page-steam-assets .chip.active{background: linear-gradient(135deg, rgba(125, 231, 255, 0.18), rgba(181, 103, 255, 0.18));
      border-color: rgba(125, 231, 255, 0.28);
      box-shadow: inset 0 0 0 1px rgba(125, 231, 255, 0.08);}
body.tool-page-steam-assets .utility-row{display: flex;
      flex-wrap: wrap;
      gap: 10px;}
body.tool-page-steam-assets .mini-btn{background: rgba(255, 255, 255, 0.04);
      color: var(--text);
      border: 1px solid rgba(255, 255, 255, 0.08);}
body.tool-page-steam-assets .mini-btn:hover{background: rgba(125, 231, 255, 0.08);
      border-color: rgba(125, 231, 255, 0.24);}
body.tool-page-steam-assets .section-block{margin-top: 28px;}
body.tool-page-steam-assets .section-header{margin-bottom: 14px;
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 18px;
      flex-wrap: wrap;}
body.tool-page-steam-assets .section-header h2{margin: 0;
      font-size: clamp(1.3rem, 2vw, 1.8rem);
      letter-spacing: -0.03em;}
body.tool-page-steam-assets .section-header p{margin: 0;
      color: var(--muted);
      max-width: 70ch;
      line-height: 1.55;}
body.tool-page-steam-assets .asset-grid{display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;}
body.tool-page-steam-assets .section-card{padding: 16px;
      display: flex;
      flex-direction: column;
      gap: 14px;
      min-height: 100%;}
body.tool-page-steam-assets .card-top{display: flex;
      align-items: start;
      justify-content: space-between;
      gap: 12px;}
body.tool-page-steam-assets .card-title-wrap{min-width: 0;}
body.tool-page-steam-assets .card-title{margin: 0 0 6px;
      font-size: 1rem;
      letter-spacing: -0.02em;}
body.tool-page-steam-assets .card-meta{display: flex;
      flex-wrap: wrap;
      gap: 8px;}
body.tool-page-steam-assets .tag{display: inline-flex;
      align-items: center;
      padding: 6px 9px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.06);
      color: var(--muted);
      font-size: 0.76rem;
      text-transform: uppercase;
      letter-spacing: 0.08em;}
body.tool-page-steam-assets .card-actions{display: flex;
      align-items: center;
      gap: 8px;
      flex: 0 0 auto;}
body.tool-page-steam-assets .copy-btn, body.tool-page-steam-assets .fav-btn{padding: 10px 12px;
      border-radius: 12px;
      font-size: 0.85rem;
      font-weight: 700;}
body.tool-page-steam-assets .copy-btn{color: #061019;
      background: linear-gradient(135deg, var(--cyan), #aaf0ff);}
body.tool-page-steam-assets .copy-btn:hover{transform: translateY(-1px);
      filter: brightness(1.03);}
body.tool-page-steam-assets .fav-btn{color: var(--text);
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.08);}
body.tool-page-steam-assets .fav-btn:hover{background: rgba(181, 103, 255, 0.08);
      border-color: rgba(181, 103, 255, 0.25);}
body.tool-page-steam-assets .fav-btn.active{background: rgba(181, 103, 255, 0.14);
      border-color: rgba(181, 103, 255, 0.35);
      color: #f0ddff;}
body.tool-page-steam-assets pre.asset{margin: 0;
      padding: 14px;
      background: rgba(4, 8, 14, 0.72);
      border: 1px solid rgba(255, 255, 255, 0.05);
      border-radius: 14px;
      color: #eff7ff;
      min-height: 120px;
      overflow: auto;
      white-space: pre-wrap;
      word-break: break-word;
      line-height: 1.5;
      font-size: 0.95rem;
      font-family: "Cascadia Code", "Consolas", "SFMono-Regular", Menlo, monospace;
      box-shadow: inset 0 0 0 1px rgba(125, 231, 255, 0.02);}
body.tool-page-steam-assets .asset-note{margin-top: auto;
      color: var(--muted);
      font-size: 0.88rem;
      line-height: 1.5;}
body.tool-page-steam-assets .cta-card{margin-top: 32px;
      padding: 22px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      flex-wrap: wrap;}
body.tool-page-steam-assets .cta-card h3{margin: 0 0 8px;
      font-size: 1.1rem;}
body.tool-page-steam-assets .cta-card p, body.tool-page-steam-assets .footer-note{margin: 0;
      color: var(--muted);
      line-height: 1.55;
      max-width: 68ch;}
body.tool-page-steam-assets .footer-note{margin-top: 18px;
      font-size: 0.9rem;}
body.tool-page-steam-assets .hidden{display: none !important;}
@media (max-width: 1080px){
body.tool-page-steam-assets .hero{grid-template-columns: 1fr;}
body.tool-page-steam-assets .asset-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 720px){
body.tool-page-steam-assets .nav-inner{align-items: flex-start;
        flex-direction: column;}
body.tool-page-steam-assets .nav-links{width: 100%;
        justify-content: flex-start;}
body.tool-page-steam-assets .asset-grid{grid-template-columns: 1fr;}
body.tool-page-steam-assets .hero-card, body.tool-page-steam-assets .hero-side, body.tool-page-steam-assets .filter-bar, body.tool-page-steam-assets .section-card, body.tool-page-steam-assets .cta-card{border-radius: 16px;}
body.tool-page-steam-assets .hero-card{padding: 22px;}
body.tool-page-steam-assets .card-top{flex-direction: column; align-items: stretch;}
body.tool-page-steam-assets .card-actions{justify-content: flex-start;}
}


/* Shared tool page touchups */
.tool-page .back-link:hover,
.tool-page .site-header a:hover,
.tool-page .cta-button:hover,
.tool-page .dropdown-item:hover,
.tool-page .nav-link:hover,
.tool-page .dropdown-trigger:hover{
  text-decoration:none;
}

.tool-page .back-link{
  width:100%;
  justify-content:flex-start;
  align-self:start;
  padding:10px 16px;
  font-size:14px;
  font-weight:500;
  letter-spacing:normal;
  text-transform:none;
  line-height:1.2;
  color:rgba(255,255,255,0.80);
  border:1px solid var(--line);
  background:rgba(0,0,0,0.35);
  box-shadow:none;
}
body.tool-page-steam-assets .cta-button{
  color:var(--buttonText);
}
body.tool-page-steam-assets .page-stack{
  display:grid;
  gap:24px;
}
body.tool-page-aliasforge .page-stack{
  display:grid;
  gap:24px;
}

/* BindForge cleanup */
body.tool-page-bindforge .main > .container{
  width:min(100%, 1180px);
}
body.tool-page-bindforge .site-header{
  position:sticky;
  top:0;
  z-index:40;
  border-bottom:1px solid var(--line);
  background:rgba(0,0,0,0.60);
  backdrop-filter:blur(18px);
}
body.tool-page-bindforge .site-header::before,
body.tool-page-bindforge .site-header::after{
  display:none;
}
body.tool-page-bindforge .site-header .header-inner{
  padding:16px 0;
}
body.tool-page-bindforge .site-header .brand-title{
  font-size:18px;
  font-weight:700;
  letter-spacing:0.2em;
  line-height:1.2;
  color:var(--text);
  text-shadow:none;
}
body.tool-page-bindforge .site-header .brand-kicker{
  font-size:12px;
  letter-spacing:0.4em;
}
body.tool-page-bindforge .site-header .brand-logo{
  width:40px;
  height:40px;
  border-radius:0.42rem;
  object-fit:cover;
}
body.tool-page-bindforge .site-header a{
  color:inherit;
  text-decoration:none;
}
body.tool-page-bindforge .site-header .nav-link,
body.tool-page-bindforge .site-header .dropdown-trigger{
  color:rgba(255,255,255,0.80);
}
body.tool-page-bindforge .site-header .dropdown-item{
  color:rgba(255,255,255,0.80);
}
body.tool-page-bindforge .site-header .cta-button{
  color:var(--buttonText);
}
body.tool-page-bindforge .page-stack{
  display:grid;
  gap:18px;
  width:100%;
  max-width:none;
  margin:0 auto;
}
body.tool-page-bindforge .topbar{
  position:relative;
  top:auto;
  width:100%;
  margin:0;
  padding:16px 18px;
  border-radius:20px;
}
body.tool-page-bindforge .topbar .brand-title{
  font-size:24px;
  font-weight:900;
  letter-spacing:0.02em;
  color:var(--wh-text-strong);
}
body.tool-page-bindforge .topbar .brand-sub{
  font-size:12px;
}
body.tool-page-bindforge .layout{
  width:100%;
  display:grid;
  grid-template-columns:minmax(280px, 340px) minmax(0, 1fr);
  gap:18px;
  padding:0;
  align-items:start;
}
body.tool-page-bindforge .footer-tag{
  margin-top:8px;
}
@media (max-width: 1180px){
  body.tool-page-bindforge .layout{
    grid-template-columns:1fr;
  }
}




/* Final tool header + top-bar normalization */
body.tool-page-steam-assets .site-header .brand,
body.tool-page-bindforge .site-header .brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  text-align:left;
}
body.tool-page-steam-assets .site-header .brand-logo,
body.tool-page-bindforge .site-header .brand-logo{
  width:40px;
  height:40px;
  border-radius:0.42rem;
  object-fit:cover;
}
body.tool-page-steam-assets .site-header .brand-kicker,
body.tool-page-bindforge .site-header .brand-kicker{
  font-size:12px;
  letter-spacing:0.4em;
  color:rgba(103,232,249,0.8);
  text-shadow:0 2px 10px rgba(34,211,238,0.28);
}
body.tool-page-steam-assets .site-header .brand-title,
body.tool-page-bindforge .site-header .brand-title{
  font-size:18px;
  font-weight:700;
  letter-spacing:0.2em;
  line-height:1.1;
  color:#fff;
  text-transform:none;
}
body.tool-page-steam-assets .site-header .nav-row,
body.tool-page-bindforge .site-header .nav-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
body.tool-page-steam-assets .site-header .nav-link,
body.tool-page-steam-assets .site-header .dropdown-trigger,
body.tool-page-bindforge .site-header .nav-link,
body.tool-page-bindforge .site-header .dropdown-trigger{
  border:1px solid var(--line);
  background:rgba(0,0,0,0.35);
  color:rgba(255,255,255,0.80);
  padding:10px 16px;
  font-size:14px;
  font-weight:500;
  display:inline-flex;
  align-items:center;
  gap:8px;
  box-shadow:none;
  transform:none;
}
body.tool-page-steam-assets .site-header .nav-link:hover,
body.tool-page-steam-assets .site-header .dropdown-trigger:hover,
body.tool-page-bindforge .site-header .nav-link:hover,
body.tool-page-bindforge .site-header .dropdown-trigger:hover{
  border-color:rgba(34,211,238,0.32);
  background:rgba(34,211,238,0.08);
  color:#fff;
  transform:translateY(-1px);
}
body.tool-page-steam-assets .back-link,
body.tool-page-bindforge .back-link{
  padding:10px 16px;
  font-size:14px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:normal;
  text-transform:none;
  color:rgba(255,255,255,0.80);
  border:1px solid var(--line);
  background:rgba(0,0,0,0.35);
  box-shadow:none;
}
body.tool-page-bindforge .site-header .cta-button,
body.tool-page-steam-assets .site-header .cta-button{
  color:var(--buttonText);
}
@media (max-width: 980px){
  body.tool-page-steam-assets .site-header .nav-row,
  body.tool-page-bindforge .site-header .nav-row{
    justify-content:flex-start;
  }
  body.tool-page-bindforge .layout{
    grid-template-columns:1fr;
  }
}


/* Final Steam + BindForge normalization */
body.tool-page-steam-assets{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.tool-page-steam-assets .page{
  width:min(100%, 1180px);
  max-width:none;
  margin:0 auto;
  padding:32px 16px 48px;
}
body.tool-page-steam-assets .page-stack{
  gap:24px;
}
body.tool-page-steam-assets .site-header .header-inner{
  padding:16px 0;
}
body.tool-page-steam-assets .site-header .brand,
body.tool-page-steam-assets .site-header .nav-row,
body.tool-page-steam-assets .site-header .nav-link,
body.tool-page-steam-assets .site-header .dropdown-trigger,
body.tool-page-steam-assets .site-header .cta-button,
body.tool-page-steam-assets .back-link{
  font-family:inherit;
}
body.tool-page-steam-assets .site-header .brand-kicker{
  font-size:12px;
  font-weight:400;
  letter-spacing:0.4em;
  line-height:1.2;
}
body.tool-page-steam-assets .site-header .brand-title{
  font-size:18px;
  font-weight:700;
  letter-spacing:0.2em;
  line-height:1.2;
}
body.tool-page-steam-assets .site-header .nav-row{
  gap:8px;
}
body.tool-page-steam-assets .site-header .nav-link,
body.tool-page-steam-assets .site-header .dropdown-trigger,
body.tool-page-steam-assets .site-header .cta-button,
body.tool-page-steam-assets .back-link{
  min-height:40px;
  padding:10px 16px;
  border-radius:999px;
  font-size:14px;
  font-weight:500;
  letter-spacing:normal;
  line-height:1.2;
}
body.tool-page-steam-assets .site-header .cta-button{
  font-weight:700;
}
body.tool-page-steam-assets .back-link{
  justify-content:flex-start;
  width:100%;
}

body.tool-page-bindforge main.main{
  max-width:none;
  width:100%;
  margin:0;
}
body.tool-page-bindforge .main > .container{
  width:min(100%, 1180px);
  margin:0 auto;
  padding:0 16px;
}
body.tool-page-bindforge .page-stack{
  width:100%;
  max-width:none;
  margin:0 auto;
}
body.tool-page-bindforge .topbar,
body.tool-page-bindforge .layout{
  width:100%;
  max-width:100%;
  margin-left:0;
  margin-right:0;
}
body.tool-page-bindforge .layout{
  grid-template-columns:minmax(280px, 340px) minmax(0, 1fr);
}
@media (max-width: 1180px){
  body.tool-page-bindforge .layout{
    grid-template-columns:1fr;
  }
}

/* BindForge final centering fix */
body.tool-page-bindforge .main > .container{
  width:min(100%, 1180px);
  margin:0 auto;
  padding:0 16px;
}
body.tool-page-bindforge .page-stack{
  width:100%;
  max-width:none;
  margin:0 auto;
}
body.tool-page-bindforge .page-stack > header.topbar,
body.tool-page-bindforge .page-stack > .layout{
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  justify-self:stretch;
  box-sizing:border-box;
}
body.tool-page-bindforge .page-stack > .layout{
  display:grid;
  grid-template-columns:minmax(280px, 340px) minmax(0, 1fr);
  gap:18px;
  align-items:start;
}
@media (max-width: 1180px){
  body.tool-page-bindforge .page-stack > .layout{
    grid-template-columns:1fr;
  }
}


/* BindForge width + keyboard tuning */
body.tool-page-bindforge .main > .container{
  width:min(100%, 1240px);
}
body.tool-page-bindforge .page-stack > .layout{
  grid-template-columns:minmax(240px, 300px) minmax(0, 1fr);
}
body.tool-page-bindforge .page-stack > header.topbar,
body.tool-page-bindforge .page-stack > .layout,
body.tool-page-bindforge .page-stack > .back-link{
  width:100%;
  max-width:100%;
}
body.tool-page-bindforge #keyboardMain .krow{
  gap:5px;
}
body.tool-page-bindforge #keyboardMain .key{
  min-width:36px;
  height:34px;
  padding:0 7px;
  border-radius:10px;
  font-size:13px;
  line-height:1;
}
body.tool-page-bindforge #keyboardMain .key.w-1{
  min-width:48px;
  padding-left:9px;
}
body.tool-page-bindforge #keyboardMain .key.w-2{
  min-width:68px;
  padding-left:9px;
}
body.tool-page-bindforge #keyboardMain .key.w-3{
  min-width:84px;
  padding-left:9px;
}
body.tool-page-bindforge #keyboardMain .key.w-4{
  min-width:112px;
  padding-left:9px;
}
body.tool-page-bindforge #keyboardMain .key.w-5{
  min-width:196px;
}
@media (max-width: 1180px){
  body.tool-page-bindforge .page-stack > .layout{
    grid-template-columns:1fr;
  }
}

/* BindForge fine tune: left tabs + keyboard side alignment */
body.tool-page-bindforge .tabs{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px;
}
body.tool-page-bindforge .tab{
  min-height:42px;
  padding:8px 6px;
  font-size:11px;
  line-height:1.05;
  letter-spacing:.1px;
}
body.tool-page-bindforge .keyboard-shell{
  padding:14px 12px;
}
body.tool-page-bindforge .keyboard-side{
  column-gap:14px;
  align-items:center;
}
body.tool-page-bindforge #navCluster,
body.tool-page-bindforge #arrowCluster,
body.tool-page-bindforge #numpad{
  align-self:center;
}
body.tool-page-bindforge #arrowCluster{
  margin-top:0;
}
body.tool-page-bindforge #navCluster .krow,
body.tool-page-bindforge #arrowCluster .krow,
body.tool-page-bindforge #numpad .krow{
  justify-content:center;
}
body.tool-page-bindforge #arrowCluster .krow:first-child{
  justify-content:center;
}
@media (max-width: 1180px){
  body.tool-page-bindforge .tabs{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 760px){
  body.tool-page-bindforge .tabs{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}


/* Alias Forge tightening */
body.tool-page-aliasforge #summaryChip{
  display:none;
}
body.tool-page-aliasforge .forge-toolbar{
  justify-content:flex-start;
}
body.tool-page-aliasforge .forge-grid{
  align-items:start;
}
body.tool-page-aliasforge .forge-stack{
  align-content:start;
  align-self:start;
}
body.tool-page-aliasforge .forge-stack > .forge-panel{
  align-self:start;
}


/* BindForge final control tuning */
body.tool-page-bindforge .top-actions .btn,
body.tool-page-bindforge .top-actions .btn-danger{
  background: rgba(18,12,29,.78) !important;
  color: #f5efff !important;
  border-color: rgba(202,163,255,.20) !important;
  box-shadow: none !important;
}
body.tool-page-bindforge .top-actions .btn:hover,
body.tool-page-bindforge .top-actions .btn-danger:hover{
  background: rgba(28,18,44,.92) !important;
  color: #ffffff !important;
  border-color: rgba(207,168,255,.34) !important;
}
body.tool-page-bindforge .top-actions .btn:active,
body.tool-page-bindforge .top-actions .btn-danger:active{
  transform: translateY(1px);
}
body.tool-page-bindforge #btnCapture[aria-pressed="true"]{
  background: #21dce6 !important;
  color: #081418 !important;
  border-color: rgba(33,220,230,.72) !important;
  box-shadow: 0 0 0 1px rgba(33,220,230,.16), 0 8px 20px rgba(33,220,230,.16) !important;
}
body.tool-page-bindforge #btnCapture[aria-pressed="false"]{
  background: rgba(18,12,29,.78) !important;
  color: #f5efff !important;
}
body.tool-page-bindforge .builder .field-row{
  align-items: center;
}
body.tool-page-bindforge #builderChat .field-row:last-child{
  gap: 8px;
  flex-wrap: wrap;
}
body.tool-page-bindforge #builderChat .field-row:last-child .btn{
  min-height: 36px;
  padding: 9px 13px;
  font-size: 12px;
  letter-spacing: 0.01em;
}
body.tool-page-bindforge #chatText{
  min-height: 64px;
  resize: vertical;
  line-height: 1.45;
  padding-top: 10px;
  padding-bottom: 10px;
}
body.tool-page-bindforge #mouseGrid .btn{
  min-height: 34px;
  padding: 8px 12px;
  font-size: 12px;
}
body.tool-page-bindforge .top-actions{
  gap: 8px;
}
body.tool-page-bindforge .top-actions .btn{
  min-height: 38px;
  padding: 9px 14px;
  font-size: 12px;
}

/* BindForge numpad enter: standard double-height layout */
body.tool-page-bindforge #numpad .krow{
  align-items:flex-start;
}
body.tool-page-bindforge #numpad .key[data-token="kp_enter"]{
  min-width:42px;
  height:88px;
  align-items:center;
  justify-content:center;
  padding-left:0;
  padding-right:0;
}
@media (max-width: 760px){
  body.tool-page-bindforge #numpad .key[data-token="kp_enter"]{
    min-width:38px;
    height:84px;
  }
}


/* 2026-03-27 cleanup: remove radio nav, add tool page reveal, tune BindForge numpad enter */
body.tool-page-bindforge .reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease, transform .7s ease !important;
}
body.tool-page-bindforge .reveal.revealed{
  opacity:1;
  transform:translateY(0);
}
body.tool-page-bindforge #numpad .key[data-token="kp_enter"]{
  min-width:48px;
  height:88px;
  border-radius:12px;
}
body.tool-page-bindforge #numpad .krow:nth-child(4) .key[data-token="kp_enter"]{
  margin-bottom:-48px;
  position:relative;
  z-index:2;
}
body.tool-page-bindforge #numpad .krow:nth-child(5){
  padding-right:56px;
}
body.tool-page-bindforge #numpad .krow:nth-child(5) .key[data-token="kp_del"]{
  margin-left:8px;
}
@media (max-width: 760px){
  body.tool-page-bindforge #numpad .key[data-token="kp_enter"]{
    min-width:44px;
    height:84px;
  }
  body.tool-page-bindforge #numpad .krow:nth-child(4) .key[data-token="kp_enter"]{
    margin-bottom:-44px;
  }
  body.tool-page-bindforge #numpad .krow:nth-child(5){
    padding-right:52px;
  }
}


.footer-tag a{color:rgba(255,255,255,0.58)}
.footer-tag a:hover{color:rgba(165,243,252,0.95)}
.footer-sep{display:inline-block;padding:0 8px;color:rgba(255,255,255,0.24)}

.tools-hero-grid{grid-template-columns:0.92fr 1.08fr;align-items:stretch}
.tools-stat-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.tools-stat-card,.faq-item,.faq-mini-card,.tools-feature-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:rgba(0,0,0,0.35)}
.tools-stat-card{padding:22px}
.tools-stat-kicker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:rgba(103,232,249,0.8)}
.tools-stat-value{margin-top:10px;font-size:28px;font-weight:800;line-height:1.1}
.tools-stat-text{margin-top:10px;font-size:14px;line-height:1.8;color:rgba(255,255,255,0.68)}
.tools-feature-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.tools-feature-card{position:relative;overflow:hidden;padding:22px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}
.tools-feature-card:hover{transform:translateY(-2px);border-color:rgba(103,232,249,0.55);box-shadow:var(--shadow-cyan);background:rgba(0,0,0,0.58)}
.tools-feature-card::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,transparent 35%,rgba(34,211,238,0.10) 50%,transparent 65%,transparent 100%);transform:translateX(-120%);transition:transform .7s ease}
.tools-feature-card:hover::before{transform:translateX(120%)}
.tools-feature-kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:rgba(103,232,249,0.8)}
.tools-feature-title{position:relative;margin-top:14px;font-size:28px;font-weight:800;line-height:1.05}
.tools-feature-text{position:relative;margin-top:12px;font-size:14px;line-height:1.9;color:rgba(255,255,255,0.7)}
.tools-feature-link{position:relative;display:inline-flex;margin-top:18px;font-size:14px;font-weight:700;color:rgba(165,243,252,0.95)}
.tools-feature-link:hover{text-decoration:underline}
.faq-grid{display:grid;gap:16px}
.faq-item{padding:0;overflow:hidden}
.faq-question{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px;border:0;background:transparent;color:#fff;text-align:left;font-size:18px;font-weight:700;cursor:pointer}
.faq-question:hover{background:rgba(255,255,255,0.03)}
.faq-answer{padding:0 22px 22px;font-size:14px;line-height:1.95;color:rgba(255,255,255,0.74)}
.faq-answer p{margin:0}
.faq-answer p + p{margin-top:14px}
.faq-item .faq-answer{display:none}
.faq-item.open .faq-answer{display:block}
.faq-plus{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,0.12);color:rgba(103,232,249,0.9);font-size:18px;line-height:1;transition:transform .2s ease,background .2s ease}
.faq-item.open .faq-plus{transform:rotate(45deg);background:rgba(34,211,238,0.12)}
.faq-mini-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.faq-mini-card{padding:22px}
.faq-mini-title{font-size:20px;font-weight:700}
.faq-mini-text{margin-top:10px;font-size:14px;line-height:1.85;color:rgba(255,255,255,0.68)}
@media (max-width: 920px){.tools-hero-grid,.tools-stat-grid,.tools-feature-grid,.faq-mini-grid{grid-template-columns:1fr}}