.tool-wrap{gap:32px;max-width:860px;display:grid}.tool-crumbs a,.tool-more a,.tool-related a{color:var(--blue);font-weight:600}.tool-head{gap:12px;display:grid}.tool-head h1{font-size:clamp(34px,5vw,52px)}.tool-box,.tool-form,.tool-result{gap:16px;display:grid}.tool-form{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);justify-items:start;padding:24px}.tool-field{gap:6px;width:100%;font-weight:600;display:grid}.tool-field em{color:var(--muted);font-style:normal;font-weight:400}.tool-field input{font:inherit;border:1.5px solid var(--line);color:var(--ink);border-radius:14px;padding:12px 16px}.tool-field input:focus{border-color:var(--blue);outline:0}.tool-brand{border-radius:var(--radius);background:var(--blue-soft);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0;padding:20px;display:grid}.tool-brand dt,.tool-items b{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:13px;font-weight:600}.tool-brand dd{margin:2px 0 0}.tool-items{gap:12px;margin:0;padding:0;list-style:none;display:grid}.tool-items li{border:1px solid var(--line);border-radius:16px;justify-items:start;gap:6px;padding:18px 20px;display:grid}.tool-items p{white-space:pre-line;overflow-wrap:anywhere;margin:0}.tool-next,.tool-cta{border-radius:var(--radius);background:var(--blue);color:var(--white);justify-items:start;gap:14px;padding:28px;display:grid}.tool-next p,.tool-cta p{color:#dfe4ff;margin:0}.tool-cta h2{font-size:clamp(24px,3vw,32px)}.tool-cta-btn{background:var(--white);color:var(--blue)}.tool-faq,.tool-group,.tool-related{gap:16px;display:grid}.tool-faq .faq{margin:0}.tool-related ul{flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none;display:flex}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.tool-grid a{border:1px solid var(--line);height:100%;color:var(--ink);border-radius:16px;gap:6px;padding:20px;text-decoration:none;display:grid}.tool-grid a:hover{border-color:var(--blue)}.tool-grid span{color:var(--muted);font-size:15px}.tool-wrap{isolation:isolate;position:relative}.tool-wrap-wide{max-width:1080px}.tool-bg{z-index:-1;pointer-events:none;height:720px;position:absolute;inset:-80px -10vw auto;overflow:hidden;-webkit-mask-image:radial-gradient(50% 50% at 50% 45%,#000 55%,#0000 100%);mask-image:radial-gradient(50% 50% at 50% 45%,#000 55%,#0000 100%)}.blob{filter:blur(70px);opacity:.45;border-radius:50%;width:420px;height:420px;animation:18s ease-in-out infinite alternate blob-drift;position:absolute}.blob-a{background:var(--blue);opacity:.22;top:-60px;left:8%}.blob-b{background:var(--peach);animation-duration:22s;animation-delay:-6s;top:120px;right:6%}.blob-c{background:#8fa2ff;width:300px;height:300px;animation-duration:26s;top:320px;left:40%}@keyframes blob-drift{to{transform:translate(60px,40px)scale(1.15)}}.tool-head-split{grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr);align-items:center;gap:24px}.tool-head-text{gap:12px;display:grid}.tool-head h1 em{background:linear-gradient(100deg, var(--blue), var(--peach));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.tool-head-tool{grid-template-columns:minmax(0,1fr) 220px}@media (max-width:760px){.tool-head-split,.tool-head-tool{grid-template-columns:1fr}.orbit,.tool-hero3d{order:-1;margin:0 auto}.tool-hero3d{height:170px}}.orbit{--r:132px;perspective:900px;justify-self:center;width:320px;height:300px;position:relative}.orbit-glow{background:radial-gradient(circle,#2747f559,#0000 65%);border-radius:50%;animation:4s ease-in-out infinite glow-pulse;position:absolute;inset:50px}.orbit-core{background:var(--white);width:86px;height:86px;box-shadow:0 20px 40px -12px #2747f573, inset 0 0 0 1px var(--line);z-index:1;border-radius:26px;place-items:center;margin:-43px 0 0 -43px;animation:5s ease-in-out infinite core-float;display:grid;position:absolute;top:50%;left:50%}.orbit-ring{transform-style:preserve-3d;animation:22s linear infinite ring-spin;position:absolute;inset:0}.orbit-tile{--a:calc(var(--i) * 45deg);width:56px;height:56px;box-shadow:0 12px 24px -10px #12152b59, inset 0 0 0 1px var(--line);transform:rotateY(var(--a)) translateZ(var(--r)) rotateY(calc(var(--a) * -1));background:#ffffffeb;border-radius:16px;place-items:center;margin:-28px 0 0 -28px;animation:22s linear infinite tile-face;display:grid;position:absolute;top:50%;left:50%}.orbit-floor{background:radial-gradient(#12152b2e,#0000 70%);border-radius:50%;height:26px;position:absolute;bottom:18px;left:15%;right:15%}@keyframes ring-spin{0%{transform:rotateX(-24deg)rotateY(0)}to{transform:rotateX(-24deg)rotateY(360deg)}}@keyframes tile-face{0%{transform:rotateY(var(--a)) translateZ(var(--r)) rotateY(calc(var(--a) * -1)) rotateY(0deg)}to{transform:rotateY(var(--a)) translateZ(var(--r)) rotateY(calc(var(--a) * -1)) rotateY(-360deg)}}@keyframes core-float{50%{transform:translateY(-8px)rotate(4deg)}}@keyframes glow-pulse{50%{opacity:.7;transform:scale(1.12)}}.tool-hero3d{perspective:700px;justify-self:center;width:220px;height:220px;position:relative}.t3d-stage{transform-style:preserve-3d;animation:7s ease-in-out infinite t3d-sway;position:absolute;inset:0}.t3d-card{border-radius:30px;place-items:center;width:120px;height:120px;margin:-60px 0 0 -60px;display:grid;position:absolute;top:50%;left:50%}.t3d-back{background:linear-gradient(135deg, var(--blue), #6b7fff);opacity:.85;transform:translateZ(-60px)translate(18px,-14px)rotate(8deg)}.t3d-mid{background:linear-gradient(135deg, var(--peach), #ffc3a3);opacity:.9;transform:translateZ(-28px)translate(-14px,10px)rotate(-6deg)}.t3d-front{box-shadow:0 24px 48px -16px #2747f580, inset 0 0 0 1px var(--line);background:#fffffff0;transform:translateZ(20px)}.t3d-chip{background:var(--white);border-radius:6px;height:12px;position:absolute;box-shadow:0 8px 16px -8px #12152b66}.t3d-chip-a{width:64px;animation:4s ease-in-out infinite chip-bob;top:40px;left:4px;transform:translateZ(60px)}.t3d-chip-b{background:var(--blue);width:44px;animation:5s ease-in-out -1.5s infinite chip-bob;top:150px;right:6px;transform:translateZ(80px)}.t3d-chip-c{background:var(--peach);width:30px;animation:4.5s ease-in-out -3s infinite chip-bob;bottom:22px;left:30px;transform:translateZ(40px)}.t3d-shadow{background:radial-gradient(#12152b33,#0000 70%);border-radius:50%;height:20px;animation:7s ease-in-out infinite shadow-breathe;position:absolute;bottom:0;left:25%;right:25%}@keyframes t3d-sway{0%,to{transform:rotateX(10deg)rotateY(-18deg)translateY(0)}50%{transform:rotateX(4deg)rotateY(18deg)translateY(-10px)}}@keyframes chip-bob{50%{margin-top:-8px}}@keyframes shadow-breathe{50%{opacity:.7;transform:scaleX(.85)}}.tool-groups{gap:40px;display:grid}.tool-group-head{align-items:center;gap:10px;display:flex}.tool-group-icon,.tool-card-icon{background:var(--white);width:36px;height:36px;box-shadow:0 6px 14px -8px #12152b66, inset 0 0 0 1px var(--line);border-radius:11px;place-items:center;display:grid}.tool-grid{perspective:1000px}.tool-card-li{animation:card-in .6s var(--ease-out,ease-out) both;animation-delay:calc(var(--i,0) * 60ms)}.tool-grid a.tool-card{background:var(--white);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;align-content:start;gap:10px;transition:transform .25s ease-out,box-shadow .25s ease-out,border-color .25s;position:relative;overflow:hidden}.tool-grid a.tool-card:before{content:"";background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%), #2747f51f, transparent 60%);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.tool-grid a.tool-card:hover,.tool-grid a.tool-card:focus-visible{border-color:var(--blue);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px);box-shadow:0 24px 40px -22px #2747f58c}.tool-grid a.tool-card:hover:before{opacity:1}.tool-card-icon{transition:transform .3s var(--ease-out,ease-out);transform:translateZ(30px)}.tool-card:hover .tool-card-icon{transform:translateZ(30px)rotate(-8deg)scale(1.08)}.tool-card-go{color:var(--blue);opacity:0;font-style:normal;font-weight:700;transition:opacity .25s,transform .25s;position:absolute;top:18px;right:18px;transform:translate(-8px)}.tool-card:hover .tool-card-go{opacity:1;transform:none}.tool-grid a.tool-card-dark{background:linear-gradient(135deg, var(--ink), #27306b);border-color:#0000}.tool-grid a.tool-card-dark b{color:var(--white)}.tool-grid .tool-card-dark span{color:#c9cff5}.tool-card-dark .tool-card-go{color:var(--peach)}@keyframes card-in{0%{opacity:0;transform:translateY(18px)scale(.97)}}@property --edge{syntax:"<angle>";inherits:false;initial-value:0deg}.tool-form{background:linear-gradient(var(--white), var(--white)) padding-box, conic-gradient(from var(--edge), var(--blue), var(--peach), #8fa2ff, var(--blue)) border-box;border:1.5px solid #0000;animation:6s linear infinite edge-turn;position:relative;box-shadow:0 30px 60px -36px #2747f580}.is-writing .tool-form{animation-duration:1.4s}@keyframes edge-turn{to{--edge:360deg}}.tool-writing{border:1px solid var(--line);background:var(--white);border-radius:16px;gap:10px;padding:20px;display:grid}.tool-writing-dots{gap:6px;display:flex}.tool-writing-dots i{background:var(--blue);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite dot-bounce}.tool-writing-dots i:nth-child(2){background:#6b7fff;animation-delay:.15s}.tool-writing-dots i:nth-child(3){background:var(--peach);animation-delay:.3s}.tool-skel{background:linear-gradient(90deg, var(--cloud) 25%, var(--blue-soft) 50%, var(--cloud) 75%);background-size:300% 100%;border-radius:6px;height:12px;animation:1.4s linear infinite skel}.tool-skel.short{width:55%}@keyframes dot-bounce{50%{transform:translateY(-6px)}}@keyframes skel{0%{background-position:100% 0}to{background-position:0 0}}.tool-items li{background:var(--white);animation:card-in .5s var(--ease-out,ease-out) both;animation-delay:calc(var(--i,0) * 90ms)}@media (prefers-reduced-motion:reduce){.blob,.orbit-glow,.orbit-core,.orbit-ring,.orbit-tile,.t3d-stage,.t3d-chip,.t3d-shadow,.tool-card-li,.tool-items li,.tool-form,.tool-writing-dots i,.tool-skel{animation:none}.tool-grid a.tool-card,.tool-grid a.tool-card:hover{transform:none}}