.tool-upgrade{box-sizing:border-box;color:#fff;text-align:left;background:linear-gradient(150deg,#202031,#111117 65%);border:1px solid #ffffff20;border-radius:20px;padding:22px;font-family:inherit;overflow:hidden}.tool-upgrade-brand{letter-spacing:-1px;justify-content:space-between;align-items:center;gap:8px;font-size:23px;font-weight:800;display:flex}.tool-upgrade-brand>span{letter-spacing:.1em;color:#c5c2d6;font-size:9px;font-weight:600}.tool-upgrade-title{letter-spacing:-.04em;color:#fff!important;margin:18px 0 10px!important;font-size:30px!important;font-weight:700!important;line-height:1.08!important}.tool-upgrade-description{color:#d0cdda;margin:0;font-size:13px;line-height:1.5}.tool-upgrade-demo{background:#09090f;border:1px solid #ffffff15;border-radius:12px;margin:18px 0;padding:12px}.tool-upgrade-demo-header{color:#bdb8ce;justify-content:space-between;align-items:center;font-size:10px;display:flex}.tool-upgrade-motion{font:inherit;color:#d8d3e9;cursor:pointer;background:0 0;border:1px solid #ffffff20;border-radius:5px;min-height:28px;padding:4px 7px}.tool-upgrade-stage{height:142px;margin-top:10px;position:relative}.tool-upgrade-scene{opacity:0;flex-direction:column;justify-content:center;gap:13px;display:flex;position:absolute;inset:28px 0 0}.tool-upgrade-step-labels{height:20px;position:absolute;inset:0 0 auto}.tool-upgrade-step{color:#e3def3;font-size:12px;font-weight:600;position:absolute;top:0;left:0}.tool-upgrade-ask{animation:12s infinite tu-ask}.tool-upgrade-edit{animation:12s infinite tu-edit}.tool-upgrade-result{animation:12s infinite tu-result}.tool-upgrade-bubble{color:#f4efff;background:#29223e;border:1px solid #bcb0ef55;border-radius:12px 12px 3px;justify-content:space-between;align-items:center;gap:8px;padding:14px 12px;font-size:14px;line-height:1.4;display:flex}.tool-upgrade-bubble>span{color:#221932;background:#d8cef5;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:20px;display:grid}.tool-upgrade-edit-bars{flex-direction:column;gap:5px;display:flex}.tool-upgrade-edit-bars>div{color:#ded5f9;transform-origin:0;background:#8475b32b;border-radius:5px;align-items:center;gap:8px;padding:6px 9px;font-size:12px;animation:12s infinite tu-build;display:flex}.tool-upgrade-edit-bars>div:nth-child(2){color:#eddbbd;background:#b39b7526;width:90%}.tool-upgrade-edit-bars>div:nth-child(3){color:#c2e5dd;background:#75b3a726;width:80%}.tool-upgrade-result-card{background:linear-gradient(120deg,#263b34,#182622);border:1px solid #9aceb448;border-radius:10px;align-items:center;gap:12px;padding:18px 12px;display:flex}.tool-upgrade-play{color:#193227;background:#d0eddd;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;display:grid}.tool-upgrade-result-card strong{font-size:14px;font-weight:650;display:block}.tool-upgrade-result-card div>span{color:#b1d1c0;margin-top:5px;font-size:10px;display:block}.tool-upgrade-discount{perspective:650px;border-top:1px solid #ffffff15;align-items:center;gap:13px;margin-top:2px;padding:13px 0;display:flex}.tool-upgrade-gold{transform-style:preserve-3d;--gold-tilt:4deg;--gold-lift:-2px;flex-shrink:0;animation:7s ease-in-out infinite tu-gold-float;display:block;text-decoration:none!important}.tool-upgrade-gold strong{isolation:isolate;white-space:nowrap;color:#382508;letter-spacing:-.04em;text-shadow:0 1px #fff6d488;background:linear-gradient(125deg,#b68024 0%,#f3d37b 22%,#fff0bb 39%,#dbac49 61%,#f8dc8c 82%,#c28d2d);border:1px solid #fff0bc;border-radius:8px;padding:12px 10px;font-size:20px;line-height:1;transition:box-shadow .4s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9df,0 3px #8c641f,0 7px 15px #0005}.tool-upgrade-gold strong:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(110deg,#0000 35%,#fff9d900 43%,#fffdf4c9 49%,#ffffff50 53%,#0000 61%);animation:7s ease-in-out infinite tu-gold-shine;position:absolute;inset:-65% -80%;transform:translate(-60%)rotate(-8deg)}.tool-upgrade-gold:hover,.tool-upgrade-gold:focus-visible{--gold-tilt:10deg;--gold-lift:-4px}.tool-upgrade-gold:hover strong,.tool-upgrade-gold:focus-visible strong{box-shadow:inset 0 1px #fff9df,0 4px #8c641f,0 10px 24px #e8bd5438}.tool-upgrade-gold:hover strong:after,.tool-upgrade-gold:focus-visible strong:after{animation-duration:3.5s}@keyframes tu-gold-float{0%,to{transform:rotateY(calc(-1 * var(--gold-tilt))) rotateX(2deg) translateY(0)}50%{transform:rotateY(var(--gold-tilt)) rotateX(-3deg) translateY(var(--gold-lift))}}@keyframes tu-gold-shine{0%,15%{transform:translate(-60%)rotate(-8deg)}65%,to{transform:translate(60%)rotate(-8deg)}}.tool-upgrade-discount>span{color:#e3d9c4;font-size:11px;line-height:1.45}.tool-upgrade-button{background:#f8d98c;border:1px solid #f8d98c;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:12px 14px;font-size:14px;font-weight:750;line-height:1.4;transition:background .18s,box-shadow .18s;color:#251d0c!important;text-decoration:none!important;display:flex!important}.tool-upgrade-button:hover{background:#ffe8b4;box-shadow:0 0 24px #f8d98c25}.tool-upgrade-button>span:last-child{font-size:21px}.tool-upgrade-gold:focus-visible,.tool-upgrade-button:focus-visible,.tool-upgrade-motion:focus-visible{outline-offset:3px;outline:3px solid #fff}.tool-upgrade-handoff{color:#ada8ba;text-align:center;margin:10px 0 0;font-size:10px;line-height:1.5}.tool-upgrade-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.tool-upgrade[data-paused=true] *,.tool-upgrade[data-paused=true] :after{animation-play-state:paused!important}@keyframes tu-ask{0%,28%{opacity:1;transform:translateY(0)}32%,96%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes tu-edit{0%,29%{opacity:0;transform:translateY(5px)}33%,61%{opacity:1;transform:translateY(0)}65%,to{opacity:0;transform:translateY(-5px)}}@keyframes tu-result{0%,62%{opacity:0;transform:translateY(5px)}66%,94%{opacity:1;transform:translateY(0)}98%,to{opacity:0;transform:translateY(-5px)}}@keyframes tu-build{0%,30%{opacity:.3;transform:scaleX(.65)}40%,to{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.tool-upgrade *{transition:none!important;animation:none!important}.tool-upgrade-scene{display:none}.tool-upgrade-result{opacity:1;display:flex}.tool-upgrade-motion{display:none}.tool-upgrade-edit-bars>div{transform:none}}@media (width<=360px){.tool-upgrade{padding:16px}.tool-upgrade-title{font-size:28px!important}}@media (width>=1024px){.scene-upgrade-sidebar{scrollbar-width:thin;max-height:calc(100dvh - 128px);position:sticky;top:112px;overflow-y:auto}}.tool-upgrade-label-ask{animation:12s step-end infinite tu-label-ask}.tool-upgrade-label-edit{animation:12s step-end infinite tu-label-edit}.tool-upgrade-label-result{animation:12s step-end infinite tu-label-result}@keyframes tu-label-ask{0%,to{visibility:visible}32%{visibility:hidden}}@keyframes tu-label-edit{0%{visibility:hidden}32%{visibility:visible}65%{visibility:hidden}}@keyframes tu-label-result{0%{visibility:hidden}65%{visibility:visible}to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.tool-upgrade-step{visibility:hidden}.tool-upgrade-label-result{visibility:visible}.tool-upgrade-gold{transform:none}.tool-upgrade-gold strong:after{animation:none;transform:translate(0)rotate(-8deg)}}