#pix-modal-site.pix-generation-active{
  position:fixed!important;inset:0!important;z-index:1000002!important;display:flex!important;
  align-items:stretch!important;justify-content:center!important;width:100%!important;height:100%!important;
  padding:0!important;overflow:hidden!important;background:#061323!important
}
#pix-modal-site.pix-generation-active .pix-site-content,
#pix-modal-site.pix-generation-active #pix-site-body{
  width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important
}
body.pix-modal-open{overflow:hidden!important;touch-action:none}
.blux-pix-production{
  position:relative;width:100%;height:100dvh;overflow:hidden;background:linear-gradient(155deg,#061323 0%,#071a31 52%,#06111f 100%);
  color:#f7fbff;font-family:Inter,Arial,sans-serif;isolation:isolate
}
.blux-pix-background{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 29%,#00aaff30 0,transparent 28%),radial-gradient(circle at 18% 82%,#00ca7f20 0,transparent 32%),radial-gradient(circle at 92% 76%,#ff9f0a17 0,transparent 28%)}
.blux-pix-background::after{content:"";position:absolute;inset:0;opacity:.16;background:radial-gradient(circle at 22% 24%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 72% 63%,#61c5ff 0 1px,transparent 1.5px);background-size:27px 27px,31px 31px}
.blux-pix-brand{
  min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px clamp(20px,4vw,44px);
  border-bottom:1px solid #85bbeF26;background:#041120b3;opacity:0;transform:translateY(-10px);animation:bluxPixBrandIn .65s ease-out .12s forwards
}
.blux-pix-brand img{width:min(42vw,178px);height:auto}
.blux-pix-brand span{display:inline-flex;align-items:center;gap:6px;color:#9fb7ce;font-size:12px;font-weight:700}.blux-pix-brand span i{font-style:normal}
.blux-pix-content{
  width:min(100%,460px);min-height:calc(100dvh - 144px);margin:0 auto;display:grid;grid-template-rows:1fr auto 1fr;
  place-items:center;padding:28px 24px 54px;text-align:center
}
.blux-pix-core{
  position:relative;width:min(49vw,196px);height:min(49vw,196px);display:grid;place-items:center;border-radius:50%;
  background:radial-gradient(circle,#0a2743fa 0%,#06182bf5 68%,#06182b40 69%);box-shadow:0 18px 55px #0088ff26
}
.blux-pix-ring{position:absolute;border:1px solid #47c9ff3d;border-radius:50%;opacity:0;animation:bluxPixRing 2.5s cubic-bezier(.22,.7,.2,1) .35s infinite}
.blux-pix-ring.one{inset:4px}.blux-pix-ring.two{inset:-16px;animation-delay:.7s}
.blux-pix-official-logo{
  width:62%;height:62%;object-fit:contain;opacity:0;transform:translateY(18px) scale(.65) rotate(-8deg);
  filter:drop-shadow(0 10px 18px #00e29438);animation:bluxPixLogoReal .9s cubic-bezier(.16,1,.3,1) .48s forwards
}
.blux-pix-success-check{
  position:absolute;right:5px;bottom:8px;width:56px;height:56px;overflow:visible;opacity:0;
  transform:scale(.25) rotate(-18deg);filter:drop-shadow(0 8px 18px #00d18847)
}
.blux-pix-success-check circle{fill:#13a871;stroke:#baffdf;stroke-width:2}
.blux-pix-success-check path{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:34;stroke-dashoffset:34}
.blux-pix-generating,.blux-pix-result{grid-row:2;grid-column:1;width:100%;min-height:128px}
.blux-pix-generating>span,.blux-pix-result>span{display:block;margin-bottom:8px;color:#5bd7ff;font-size:11px;font-weight:700;letter-spacing:.17em}
.blux-pix-generating h2,.blux-pix-result h2{margin:0;color:#f7fbff;font-size:clamp(32px,9vw,42px);line-height:1.04;font-weight:900;letter-spacing:-.04em}
.blux-pix-generating p,.blux-pix-result p{max-width:330px;margin:10px auto 0;color:#a9bbcb;font-size:14px;line-height:1.5}
.blux-pix-generating small{display:block;margin:13px auto 0;padding:8px 13px;border-radius:999px;background:#ffffff12;color:#bcd0e1;font-size:12px}
.blux-pix-generating small[hidden]{display:none}
.blux-pix-progress{display:flex;justify-content:center;gap:7px;margin-top:18px}
.blux-pix-progress i{width:7px;height:7px;border-radius:50%;background:#38d7ff;animation:bluxPixProgress 1s ease-in-out infinite}
.blux-pix-progress i:nth-child(2){animation-delay:.14s}.blux-pix-progress i:nth-child(3){animation-delay:.28s}
.blux-pix-result{opacity:0;visibility:hidden;transform:translateY(18px)}
.blux-pix-footer{position:absolute;left:20px;right:20px;bottom:18px;display:flex;align-items:center;justify-content:center;gap:7px;color:#7f99af;font-size:11px;text-align:center}
.blux-pix-error{
  position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:14px;padding:28px;
  text-align:center;background:linear-gradient(180deg,#fff,#f7f9fc);color:#071f3d
}
.blux-pix-error[hidden]{display:none}.blux-pix-error>span{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#ffe7e7;color:#d23232;font-size:36px;font-weight:900}
.blux-pix-error h2{margin:0;font-size:clamp(25px,6vw,38px)}.blux-pix-error p{max-width:520px;margin:0;color:#526071;line-height:1.5}.blux-pix-error p small{display:block;margin-top:8px}
.blux-pix-error .pix-generation-error-actions{width:min(420px,88vw);display:grid;gap:10px;margin-top:5px}
.blux-pix-error button{min-height:48px;border-radius:13px;font-weight:800;cursor:pointer}.blux-pix-error button.primary{border:0;background:#0d8e68;color:#fff}.blux-pix-error button.secondary{border:1px solid #cad5e0;background:#fff;color:#26384a}
.blux-pix-production[data-pix-state="success"] .blux-pix-generating{animation:bluxPixGeneratingOut .45s ease forwards}
.blux-pix-production[data-pix-state="success"] .blux-pix-result{animation:bluxPixResultIn .65s cubic-bezier(.16,1,.3,1) .18s forwards}
.blux-pix-production[data-pix-state="success"] .blux-pix-success-check{animation:bluxPixCheckPop .58s cubic-bezier(.16,1.35,.4,1) .05s forwards}
.blux-pix-production[data-pix-state="success"] .blux-pix-success-check path{animation:bluxPixCheckDraw .45s ease-out .34s forwards}
.blux-pix-production[data-pix-state="success"] .blux-pix-ring{animation-duration:1.4s}
.blux-pix-production[data-pix-state="error"] .blux-pix-content,.blux-pix-production[data-pix-state="error"] .blux-pix-footer{display:none}
@keyframes bluxPixBrandIn{to{opacity:1;transform:none}}
@keyframes bluxPixRing{0%{opacity:0;transform:scale(.68)}38%{opacity:1}100%{opacity:0;transform:scale(1.12)}}
@keyframes bluxPixLogoReal{70%{opacity:1;transform:translateY(-4px) scale(1.04) rotate(1deg)}100%{opacity:1;transform:none}}
@keyframes bluxPixProgress{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-5px)}}
@keyframes bluxPixGeneratingOut{to{opacity:0;transform:translateY(-12px);visibility:hidden}}
@keyframes bluxPixResultIn{to{opacity:1;visibility:visible;transform:none}}
@keyframes bluxPixCheckPop{to{opacity:1;transform:none}}
@keyframes bluxPixCheckDraw{to{stroke-dashoffset:0}}
@media(max-width:420px){
  .blux-pix-brand{min-height:78px;padding:14px 17px}.blux-pix-brand img{width:142px}.blux-pix-brand span{font-size:10px}
  .blux-pix-content{min-height:calc(100dvh - 132px);padding:23px 18px 48px}.blux-pix-core{width:174px;height:174px}
  .blux-pix-success-check{width:51px;height:51px}.blux-pix-generating,.blux-pix-result{min-height:122px}
}
@media(prefers-reduced-motion:reduce){
  .blux-pix-production *{animation:none!important;transition:none!important}.blux-pix-brand,.blux-pix-official-logo{opacity:1;transform:none}
  .blux-pix-ring,.blux-pix-progress{display:none}.blux-pix-production[data-pix-state="success"] .blux-pix-generating{display:none}
  .blux-pix-production[data-pix-state="success"] .blux-pix-result,.blux-pix-production[data-pix-state="success"] .blux-pix-success-check{opacity:1;visibility:visible;transform:none}
  .blux-pix-production[data-pix-state="success"] .blux-pix-success-check path{stroke-dashoffset:0}
}