.wcnx-tool,
.wcnx-tool *{box-sizing:border-box}
.wcnx-tool{--bg:#080a10;--panel:#0d1018;--panel2:#11141e;--line:#24293a;--text:#f4f7fb;--muted:#8e97aa;--cyan:#14e9ff;--purple:#b739ff;--pink:#f054ff;--lime:#84ffdc;position:relative;overflow:hidden;max-width:1180px;margin:32px auto;padding:28px;border:1px solid #23283a;border-radius:28px;background:radial-gradient(circle at 70% 13%,rgba(98,33,255,.13),transparent 34%),radial-gradient(circle at 86% 73%,rgba(0,231,255,.09),transparent 30%),linear-gradient(135deg,#080a10,#0a0d15 52%,#080a10);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.wcnx-tool:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(125,150,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(125,150,255,.05) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 80%)}
.wcnx-glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(90px);opacity:.08;pointer-events:none}.wcnx-glow-a{background:#a900ff;right:-150px;top:0}.wcnx-glow-b{background:#00d9ff;left:-220px;bottom:-220px}
.wcnx-header{position:relative;z-index:1;display:flex;justify-content:space-between;gap:28px;align-items:flex-start;padding:2px 3px 24px;border-bottom:1px solid rgba(108,119,154,.18)}
.wcnx-eyebrow{display:block;margin-bottom:8px;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.18em}.wcnx-header h2{margin:0!important;color:#fff!important;font-size:clamp(27px,4vw,42px)!important;line-height:1.02!important;letter-spacing:-.035em}.wcnx-header p{margin:10px 0 0!important;max-width:680px;color:var(--muted)!important;font-size:14px!important;line-height:1.65!important}.wcnx-status-pill{flex:0 0 auto;margin-top:8px;border:1px solid rgba(20,233,255,.25);background:rgba(20,233,255,.04);padding:9px 12px;border-radius:99px;color:#9db0c2;font-size:10px;font-weight:800;letter-spacing:.07em}.wcnx-status-pill span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
.wcnx-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:28px;padding-top:28px}.wcnx-builder{min-width:0}.wcnx-step{padding:0 0 23px;margin:0 0 23px;border-bottom:1px solid rgba(105,118,153,.13)}.wcnx-step-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.wcnx-step-title b{display:grid;place-items:center;width:29px;height:29px;border:1px solid #394052;border-radius:9px;color:var(--cyan);background:#10141e;font-size:10px;box-shadow:inset 0 0 18px rgba(20,233,255,.03)}.wcnx-step-title span{font-weight:800;font-size:15px;letter-spacing:-.01em}.wcnx-choice-grid{display:grid;gap:9px}.wcnx-choice-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.wcnx-choice-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.wcnx-choice{appearance:none!important;min-width:0!important;min-height:73px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:10px 8px!important;border:1px solid #202636!important;border-radius:14px!important;background:linear-gradient(180deg,#10141d,#0d1017)!important;color:#aeb6c6!important;cursor:pointer!important;box-shadow:none!important;transition:.18s ease!important}.wcnx-choice i{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#182033;color:#94a2bd;font-size:16px;font-style:normal}.wcnx-choice span{overflow:hidden;width:100%;text-overflow:ellipsis;font-size:11px;font-weight:750;white-space:nowrap}.wcnx-choice:hover{transform:translateY(-1px);border-color:#394158!important;color:#fff!important}.wcnx-choice.is-active{border-color:var(--purple)!important;color:#fff!important;background:linear-gradient(180deg,rgba(152,36,255,.16),rgba(12,16,25,.95))!important;box-shadow:0 0 0 1px rgba(20,233,255,.2),0 0 22px rgba(163,44,255,.11)!important}.wcnx-choice.is-active i{color:#fff;background:linear-gradient(135deg,#793bff,#df38ff);box-shadow:0 0 20px rgba(190,52,255,.22)}
.wcnx-pelt i{background:var(--swatch)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)!important}.wcnx-pelt.is-active i{box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 18px rgba(255,80,218,.18)!important}
.wcnx-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.wcnx-fields label{display:flex;flex-direction:column;gap:7px}.wcnx-fields label>span{color:#aeb7c8;font-size:11px;font-weight:750}.wcnx-fields em{color:#657087;font-style:normal;font-weight:500}.wcnx-wide{grid-column:1/-1}.wcnx-fields select,.wcnx-fields input[type=text],.wcnx-fields input[type=file]{width:100%!important;min-height:44px!important;border:1px solid #242a39!important;border-radius:11px!important;background:#0c1017!important;color:#dce3ee!important;padding:10px 12px!important;font:inherit!important;font-size:12px!important;outline:none!important;box-shadow:none!important}.wcnx-fields input[type=file]{padding:9px!important;color:#8791a5!important}.wcnx-fields input[type=file]::file-selector-button{border:1px solid #333a4c;background:#151a25;color:#dfe6f2;border-radius:7px;padding:5px 9px;margin-right:8px}.wcnx-fields select:focus,.wcnx-fields input:focus{border-color:#6843aa!important;box-shadow:0 0 0 3px rgba(183,57,255,.07)!important}
.wcnx-generate{position:relative!important;overflow:hidden!important;width:100%!important;min-height:54px!important;border:1px solid #a93cff!important;border-radius:14px!important;background:linear-gradient(100deg,#5f37ff,#b62fff 56%,#00c9ec)!important;color:#fff!important;font:inherit!important;font-size:13px!important;font-weight:850!important;letter-spacing:.02em!important;cursor:pointer!important;box-shadow:0 0 30px rgba(154,45,255,.16),inset 0 1px rgba(255,255,255,.22)!important}.wcnx-generate:before{content:"";position:absolute;inset:-1px;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.26) 47%,transparent 65%);transform:translateX(-120%);transition:.6s}.wcnx-generate:hover:before{transform:translateX(120%)}.wcnx-generate-icon{margin-right:8px}.wcnx-generate:disabled{opacity:.62;cursor:wait!important}.wcnx-generate i{position:absolute;right:15px;top:50%;width:5px;height:5px;border-radius:50%;transform:translateY(-50%);background:#fff;box-shadow:0 0 13px #fff}.wcnx-message{min-height:20px;padding-top:9px;text-align:center;color:#8e9aae;font-size:11px}.wcnx-message.is-error{color:#ff7190}
.wcnx-preview{position:sticky;top:28px;align-self:start}.wcnx-preview-label{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#68748c;font-size:10px;font-weight:800;letter-spacing:.13em}.wcnx-preview-label i{height:1px;flex:1;background:linear-gradient(90deg,#292f3d,transparent)}
.wcnx-card{position:relative;overflow:hidden;aspect-ratio:1.55/1;border:1px solid rgba(97,108,143,.75);border-radius:20px;background:radial-gradient(circle at 70% 15%,rgba(124,38,255,.16),transparent 33%),radial-gradient(circle at 14% 77%,rgba(0,229,255,.09),transparent 35%),linear-gradient(145deg,#080b12,#10131b);box-shadow:0 0 0 1px rgba(0,229,255,.05),0 0 30px rgba(155,42,255,.13),inset 0 0 40px rgba(41,0,78,.13);padding:20px;isolation:isolate}.wcnx-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,#00eaff,#a72cff 38%,transparent 58%,#e747ff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.62;pointer-events:none}.wcnx-card:after{content:"";position:absolute;left:-10%;bottom:-45%;width:70%;height:70%;border:1px solid rgba(0,216,255,.12);transform:rotate(20deg);box-shadow:0 0 40px rgba(0,216,255,.06);z-index:-1}.wcnx-card-circuit{position:absolute;inset:0;opacity:.14;background:linear-gradient(90deg,transparent 9%,#7c35ff 9.2%,transparent 9.5%) 0 26%/31% 1px no-repeat,linear-gradient(90deg,transparent 35%,#15eaff 35.3%,transparent 35.6%) 100% 73%/52% 1px no-repeat}.wcnx-card-topline{display:flex;justify-content:space-between;align-items:flex-start}.wcnx-brandmark{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon brand" "icon small";column-gap:7px;align-items:center}.wcnx-brandmark>span{grid-area:icon;display:grid;place-items:center;width:28px;height:28px;border:1px solid #0bdff2;border-radius:8px;color:#13edff;font-size:13px;background:rgba(0,221,255,.06)}.wcnx-brandmark strong{grid-area:brand;color:#b7faff;font-size:9px;letter-spacing:.04em}.wcnx-brandmark small{grid-area:small;color:#58657a;font-size:6px;letter-spacing:.14em}.wcnx-verified{padding:5px 8px;border:1px solid rgba(197,56,255,.54);border-radius:7px;color:#e06bff;background:rgba(161,40,255,.06);font-size:8px;font-weight:900;box-shadow:0 0 13px rgba(156,38,255,.13)}
.wcnx-card-main{display:grid;grid-template-columns:106px 1fr;gap:18px;align-items:center;margin-top:18px}.wcnx-photo-hex{position:relative;display:grid;place-items:center;width:104px;height:91px;background:linear-gradient(135deg,#aa32ff,#00d7ff);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);padding:2px;filter:drop-shadow(0 0 11px rgba(160,50,255,.35))}.wcnx-photo-hex:before{content:"";position:absolute;inset:2px;background:#10141c;clip-path:inherit;z-index:-1}.wcnx-photo-hex img{width:100%;height:100%;object-fit:cover;clip-path:inherit;filter:saturate(.9) contrast(1.03)}.wcnx-photo-hex>div{display:flex;flex-direction:column;align-items:center;gap:4px;color:#6f7c90}.wcnx-photo-hex>div span{font-size:22px}.wcnx-photo-hex>div small{font-size:6px;font-weight:800;letter-spacing:.1em}.wcnx-name-zone h3{margin:0!important;color:#30efff!important;font-size:clamp(23px,3vw,34px)!important;line-height:1!important;letter-spacing:-.035em;text-shadow:0 0 16px rgba(24,226,255,.2)}.wcnx-clan-chip{display:inline-flex;align-items:center;gap:6px;margin-top:9px;padding:5px 9px;border:1px solid rgba(183,57,255,.55);border-radius:99px;color:#e162ff;background:rgba(139,24,236,.07);font-size:8px}.wcnx-clan-chip b{font-weight:800}.wcnx-name-zone p{margin:8px 0 0!important;color:#768195!important;font-size:8px!important;line-height:1.4!important}
.wcnx-card-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border:1px solid rgba(86,96,126,.32);border-radius:10px;background:rgba(7,10,16,.48)}.wcnx-card-stats>div{min-width:0;display:grid;grid-template-columns:20px 1fr;grid-template-areas:"icon label" "icon value";align-items:center;padding:8px 6px;border-right:1px solid rgba(83,93,120,.23)}.wcnx-card-stats>div:last-child{border-right:0}.wcnx-card-stats span{grid-area:icon;color:#bd46ff;font-size:12px}.wcnx-card-stats small{grid-area:label;color:#59647a;font-size:5.5px;font-weight:850;letter-spacing:.12em}.wcnx-card-stats b{grid-area:value;overflow:hidden;color:#dce5f0;font-size:7px;white-space:nowrap;text-overflow:ellipsis}.wcnx-card-footer{position:absolute;left:20px;right:20px;bottom:13px;display:flex;justify-content:space-between;color:#4c586d;font-size:6.5px}
.wcnx-card-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.wcnx-card-actions button{min-height:43px!important;border:1px solid #343b4d!important;border-radius:12px!important;background:#10131a!important;color:#d0d6e2!important;font:inherit!important;font-size:11px!important;font-weight:780!important;cursor:pointer!important;box-shadow:none!important}.wcnx-card-actions button:first-child{border-color:#9635ce!important;color:#e971ff!important;background:linear-gradient(180deg,rgba(118,28,177,.13),rgba(14,16,24,.95))!important}.wcnx-card-actions button:hover{border-color:#13cadc!important;color:#fff!important}.wcnx-card-actions span{margin-right:5px;color:var(--cyan)}.wcnx-regenerate{display:block!important;margin:13px auto 0!important;border:0!important;background:transparent!important;color:#596579!important;font:inherit!important;font-size:11px!important;cursor:pointer!important;box-shadow:none!important}.wcnx-regenerate:hover{color:#b7c2d6!important}.wcnx-disclaimer{margin:14px 0 0!important;text-align:center;color:#454f62!important;font-size:8px!important;line-height:1.5!important}
.wcnx-tool.is-generating .wcnx-card{animation:wcnxPulse 1.2s ease-in-out infinite}@keyframes wcnxPulse{50%{box-shadow:0 0 0 1px rgba(0,229,255,.12),0 0 42px rgba(155,42,255,.24),inset 0 0 50px rgba(41,0,78,.18)}}
@media(max-width:980px){.wcnx-layout{grid-template-columns:1fr}.wcnx-preview{position:relative;top:auto;max-width:560px;width:100%;margin:0 auto}.wcnx-choice-grid-5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.wcnx-tool{margin:18px auto;padding:18px;border-radius:20px}.wcnx-header{display:block}.wcnx-status-pill{display:inline-block;margin-top:15px}.wcnx-choice-grid-4,.wcnx-choice-grid-5{grid-template-columns:repeat(2,1fr)}.wcnx-fields{grid-template-columns:1fr}.wcnx-wide{grid-column:auto}.wcnx-card{padding:15px;border-radius:16px}.wcnx-card-main{grid-template-columns:80px 1fr;gap:11px;margin-top:13px}.wcnx-photo-hex{width:79px;height:69px}.wcnx-card-stats{margin-top:12px}.wcnx-card-stats>div{grid-template-columns:15px 1fr;padding:6px 3px}.wcnx-card-stats span{font-size:9px}.wcnx-card-stats b{font-size:5.8px}.wcnx-card-footer{left:15px;right:15px;bottom:9px}.wcnx-card-actions{gap:6px}.wcnx-card-actions button{font-size:9px!important;min-height:39px!important}.wcnx-name-zone p{display:none!important}}