@keyframes erino-tool-float{0%,to{translate:0}50%{translate:0 -10px}}@keyframes erino-tool-grow{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes erino-tool-spinin{0%{filter:saturate(.6)}to{filter:saturate(1.2)}}@keyframes erino-tool-typew{0%{width:8%}to{width:62%}}@keyframes erino-tool-shine{0%,70%{left:-60%}to{left:130%}}@keyframes erino-tool-pop{0%{opacity:.4;transform:scale(.97)}to{opacity:1;transform:none}}.erino-tools .toolhead{background:radial-gradient(55% 70% at 92% 0,#c77ddb4d,#0000 70%),radial-gradient(35% 50% at 0 40%,#f26b1d17,#0000 70%),linear-gradient(#fbf6fe 0%,#fff 100%);position:relative;overflow:hidden}.erino-tools .toolhead:before{content:"";background-image:radial-gradient(var(--purple-light) 1.1px, transparent 1.4px);opacity:.28;pointer-events:none;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 80% 10%,#000,#0000 75%);mask-image:radial-gradient(60% 70% at 80% 10%,#000,#0000 75%)}.erino-tools .toolhead .crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;padding-top:28px;font-size:13px;display:flex;position:relative}.erino-tools .toolhead .crumbs a{color:var(--purple);border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 10px;font-weight:500;text-decoration:none;transition:border-color .15s}.erino-tools .toolhead .crumbs a:hover{border-color:var(--purple)}.erino-tools .hero{padding-block:48px 120px;position:relative}.erino-tools .hero h1{letter-spacing:-2px;max-width:17ch;margin:14px 0 0;font-size:clamp(32px,4.8vw,58px);font-weight:700;line-height:1.05}.erino-tools .hero h1 .hl{background:linear-gradient(90deg,#7b1fa2,#c2187a 55%,#f26b1d);color:#0000;-webkit-background-clip:text;background-clip:text}.erino-tools .hero .ans{max-width:780px;color:var(--ink);-webkit-backdrop-filter:blur(6px);border:1px solid var(--line);background:#ffffffbf;border-radius:20px;margin:24px 0 0;padding:18px 22px;font-size:17px;line-height:1.7;position:relative;box-shadow:0 20px 40px -32px #4a0e6380}.erino-tools .hero .ans:before{content:"Quick answer";font-family:var(--mono);letter-spacing:.7px;text-transform:uppercase;color:var(--orange-text);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.erino-tools .hero .chips{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex;overflow:visible}.erino-tools .hero .chips li{color:var(--body);border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:500;display:inline-flex}.erino-tools .hero .chips li:before{content:"";background:var(--purple-light);border-radius:50%;width:6px;height:6px}.erino-tools .hero .chips li.free{background:var(--purple);border-color:var(--purple);color:#fff;font-weight:600}.erino-tools .hero .chips li.free:before{background:var(--peach)}.erino-tools .hart{pointer-events:none;width:360px;height:400px;position:absolute;top:40px;right:24px}.erino-tools .hart .hc{border:1px solid var(--line);background:#fff;border-radius:26px;width:270px;padding:20px;animation:6s ease-in-out infinite erino-tool-float;position:absolute;top:10px;right:20px;transform:rotate(3deg);box-shadow:0 50px 80px -40px #4a0e638c}.erino-tools .hart .hl1{font-family:var(--mono);letter-spacing:.6px;text-transform:uppercase;color:var(--orange-text);font-size:10.5px;font-weight:600}.erino-tools .hart .hn{color:var(--ink);margin-top:4px;font-size:15px;font-weight:700;line-height:1.3}.erino-tools .hart .hb{border-bottom:1px solid var(--line);align-items:flex-end;gap:8px;height:120px;margin-top:16px;padding-bottom:2px;display:flex}.erino-tools .hart .hb i{background:linear-gradient(180deg, var(--purple-mid), var(--purple));transform-origin:bottom;border-radius:8px 8px 3px 3px;flex:1;animation:2.8s cubic-bezier(.2,.7,.2,1) infinite alternate erino-tool-grow}.erino-tools .hart .hb i:first-child{height:38%}.erino-tools .hart .hb i:nth-child(2){height:56%;animation-delay:.15s}.erino-tools .hart .hb i:nth-child(3){height:47%;animation-delay:.3s}.erino-tools .hart .hb i:nth-child(4){height:72%;animation-delay:.45s}.erino-tools .hart .hb i:nth-child(5){background:linear-gradient(180deg, var(--peach), var(--orange));height:96%;animation-delay:.6s}.erino-tools .hart .hring{background:conic-gradient(var(--purple) 0 82%, var(--lav-2) 0);border-radius:50%;place-items:center;width:130px;height:130px;margin:16px auto 4px;animation:3s ease-in-out infinite alternate erino-tool-spinin;display:grid}.erino-tools .hart .hring b{width:96px;height:96px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-size:30px;font-weight:700;display:grid}.erino-tools .hart .hrow{color:var(--body);align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.erino-tools .hart .hrow i{color:#fff;background:var(--green);border-radius:5px;flex:none;place-items:center;width:16px;height:16px;font-size:10px;font-style:normal;display:grid}.erino-tools .hart .hrow i.w{background:var(--orange)}.erino-tools .hart .hrow s{background:var(--lav-2);border-radius:7px;flex:1;height:7px;text-decoration:none}.erino-tools .hart .hm{flex-direction:column;gap:8px;margin-top:14px;display:flex}.erino-tools .hart .hm div{background:var(--lav);border-radius:12px;padding:10px 12px}.erino-tools .hart .hm div s{background:var(--lav-2);border-radius:7px;height:7px;margin:5px 0;text-decoration:none;display:block}.erino-tools .hart .hm div s:first-child{background:#e2c8ee;width:92%}.erino-tools .hart .hm div s:nth-child(2){width:78%}.erino-tools .hart .hm div s:nth-child(3){width:55%}.erino-tools .hart .hm div.typing s:nth-child(3){animation:2.4s steps(12,end) infinite erino-tool-typew;position:relative}.erino-tools .hart .hcopy{background:var(--purple);color:#fff;border-radius:9px;align-items:center;gap:6px;margin-top:12px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.erino-tools .hart .toast{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;animation:6s ease-in-out -2s infinite erino-tool-float;display:flex;position:absolute;top:280px;left:-10px;box-shadow:0 24px 40px -24px #4a0e6380}.erino-tools .hart .toast i{width:28px;height:28px;color:var(--green);background:#e7f6ee;border-radius:9px;place-items:center;font-style:normal;display:grid}.erino-tools .hart .toast small{color:var(--muted);font-size:11.5px;font-weight:400;display:block}.erino-tools .hart .tag{background:var(--night);color:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;animation:6s ease-in-out -4s infinite erino-tool-float;position:absolute;top:350px;right:0;box-shadow:0 20px 30px -20px #1a0a2299}.erino-tools .hart .tag b{color:var(--peach)}.erino-tools .tool-stage{z-index:2;margin-top:-92px;padding:0;position:relative}.erino-tools .tool-stage .erino-custom-html-host{overflow:visible}.erino-tools .tool-lead-band{margin:28px 0 8px}.erino-tools .tool-card-art{background:radial-gradient(60% 80% at 80% 10%, color-mix(in srgb, var(--acc) 28%, transparent), transparent 70%), linear-gradient(180deg, #fbf6fe 0%, #fff 100%);border:1px solid var(--line);border-radius:20px;place-items:center;min-height:168px;display:grid;position:relative;overflow:hidden}.erino-tools .tool-card-art .panel{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(78%,220px);padding:14px 16px;animation:6s ease-in-out infinite erino-tool-float;transform:rotate(3deg);box-shadow:0 24px 40px -28px #4a0e638c}.erino-tools .tool-card-art .kicker{font:600 10px var(--mono);letter-spacing:.5px;text-transform:uppercase;color:var(--orange-text);margin:0 0 4px}.erino-tools .tool-card-art .name{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.erino-tools .tool-card-art .hb{border-bottom:1px solid var(--line);align-items:flex-end;gap:5px;height:56px;padding-bottom:2px;display:flex}.erino-tools .tool-card-art .hb i{background:linear-gradient(180deg, var(--purple-mid), var(--purple));transform-origin:bottom;border-radius:5px 5px 2px 2px;flex:1;animation:2.8s cubic-bezier(.2,.7,.2,1) infinite alternate erino-tool-grow}.erino-tools .tool-card-art .hb i:first-child{height:38%}.erino-tools .tool-card-art .hb i:nth-child(2){height:56%;animation-delay:.15s}.erino-tools .tool-card-art .hb i:nth-child(3){height:47%;animation-delay:.3s}.erino-tools .tool-card-art .hb i:nth-child(4){height:72%;animation-delay:.45s}.erino-tools .tool-card-art .hb i:nth-child(5){background:linear-gradient(180deg, var(--peach), var(--orange));height:96%;animation-delay:.6s}.erino-tools .tool-card-art .hm{flex-direction:column;gap:6px;display:flex}.erino-tools .tool-card-art .hm div{background:var(--lav);border-radius:8px;padding:8px 10px}.erino-tools .tool-card-art .hm div s{background:var(--lav-2);border-radius:6px;height:6px;margin:4px 0;text-decoration:none;display:block}.erino-tools .tool-card-art .hm div s:first-child{background:#e2c8ee;width:92%}.erino-tools .tool-card-art .hm div.typing s:nth-child(2){animation:2.4s steps(12,end) infinite erino-tool-typew}.erino-tools .tool-card-art .hring{background:conic-gradient(var(--purple) 0 82%, var(--lav-2) 0);border-radius:50%;place-items:center;width:72px;height:72px;margin:4px auto 0;animation:3s ease-in-out infinite alternate erino-tool-spinin;display:grid}.erino-tools .tool-card-art .hring b{width:52px;height:52px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-size:16px;font-weight:700;display:grid}.erino-tools .tool-card-art .toast{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:11.5px;font-weight:600;animation:6s ease-in-out -2s infinite erino-tool-float;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 10px 24px -16px #4a0e6380}.erino-tools .tool-card-art .toast i{width:18px;height:18px;color:var(--green);background:#e7f6ee;border-radius:6px;place-items:center;font-size:10px;font-style:normal;display:grid}.erino-tools .post:hover .tool-card-art .panel{transform:rotate(2deg)translateY(-4px)}.erino-tools .related-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.erino-tools .related-card{border:1px solid var(--line);color:var(--body);background:#fff;border-radius:20px;flex-direction:column;gap:8px;min-width:0;padding:20px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.erino-tools .related-card:before{content:"";background:var(--lav-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l2 6 6 2-6 2-2 6-2-6-6-2 6-2z' fill='%237B1FA2'/%3E%3C/svg%3E") center / 18px no-repeat;border-radius:12px;width:40px;height:40px;margin-bottom:6px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.erino-tools .related-card:after{content:"↗";color:var(--muted);transition:transform .25s,color .25s;position:absolute;top:18px;right:18px}.erino-tools .related-card:hover{border-color:var(--purple-light);transform:translateY(-4px);box-shadow:0 30px 50px -36px #4a0e6399}.erino-tools .related-card:hover:before{transform:rotate(-10deg)scale(1.08)}.erino-tools .related-card:hover:after{color:var(--purple);transform:translate(3px,-3px)}.erino-tools .related-card em{font-style:normal;font-family:var(--mono);letter-spacing:.5px;text-transform:uppercase;color:var(--orange-text);font-size:10.5px;font-weight:600}.erino-tools .related-card b{color:var(--ink);font-size:16px;font-weight:600;line-height:1.35}.erino-tools .related-card span{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.erino-tools .tool-related{padding:40px 0 24px}.erino-tools .tool-related h2{letter-spacing:-.8px;margin:0;font-size:clamp(24px,2.6vw,32px)}.erino-tools .tool-related .see-all{margin-top:14px}.erino-tools .tool-related .see-all a{font-weight:600;text-decoration:none}.erino-tools{background:#fff}.erino-tools .wrap:has(>.tool-band){padding-bottom:96px}.erino-tools .tool-band{text-align:center;background:var(--night);color:var(--ntext);isolation:isolate;border-radius:32px;margin-block:40px 0;padding:56px 40px;position:relative;overflow:hidden}.erino-tools .tool-band:before{content:"";z-index:-1;background:radial-gradient(50% 80% at 50% 120%,#9c27b099,#0000 70%),radial-gradient(30% 50% at 90% 0,#f26b1d40,#0000 70%);position:absolute;inset:0}.erino-tools .tool-band:after{content:"";z-index:-1;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70%,#000,#0000);mask-image:radial-gradient(60% 70%,#000,#0000)}.erino-tools .tool-band h2{color:#fff;letter-spacing:-1.4px;max-width:18ch;margin:0 auto;font-size:clamp(28px,4vw,46px);line-height:1.08}.erino-tools .tool-band p{max-width:62ch;margin:16px auto 0;font-size:16.5px;line-height:1.7}.erino-tools .tool-band .row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.erino-tools .tool-band .btn{cursor:pointer;color:#fff;isolation:isolate;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s,filter .15s,background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden}.erino-tools .tool-band .btn:hover{filter:brightness(1.1);color:#fff;transform:translateY(-1px)}.erino-tools .tool-band .btn.amber:after{content:"";z-index:-1;background:linear-gradient(100deg,#0000,#fff6,#0000);width:40%;animation:4.5s ease-in-out infinite erino-tool-shine;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.erino-tools .tool-band .btn.amber{background:var(--orange);box-shadow:0 10px 24px -14px #f26b1de6}.erino-tools .tool-band .btn.ghost{color:#fff;background:0 0;border:1.5px solid #ffffff59}.erino-tools .tool-band .btn.ghost:hover{color:#fff;filter:none;border-color:#fff}.erino-tools .tool-band .btn.wa{background:var(--wa);box-shadow:0 10px 24px -14px #1b7a43cc}.erino-tools .erino-article{background:0 0}.erino-tools .erino-article .article-layout,.erino-tools .erino-article .article-layout.no-lead,.erino-tools .erino-article .article-layout.no-toc,.erino-tools .erino-article .article-layout.no-lead.no-toc{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:56px;padding-bottom:40px}.erino-tools .erino-article .article-main{max-width:760px;margin:0}.erino-tools .tool-rail{flex-direction:column;gap:16px;min-width:0;display:flex}.erino-tools .tool-toc{background:0 0;border:0;border-radius:0;padding:0}.erino-tools .tool-toc .toc-title{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.7px;font-size:11px}.erino-tools .tool-toc-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex;position:relative}.erino-tools .tool-toc-list:before{content:"";background:var(--lav-2);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:7px}.erino-tools .tool-toc-list a{color:var(--body);border-radius:10px;padding:6px 8px 6px 24px;font-size:13.5px;line-height:1.4;text-decoration:none;transition:color .2s,background .2s;display:block;position:relative}.erino-tools .tool-toc-list a:before{content:"";border:2px solid var(--lav-2);background:#fff;border-radius:50%;width:10px;height:10px;transition:all .25s;position:absolute;top:12px;left:3px}.erino-tools .tool-toc-list a:hover{color:var(--purple);background:var(--lav)}.erino-tools .tool-toc-list a.on{color:var(--purple);background:var(--lav);font-weight:600}.erino-tools .tool-toc-list a.on:before{border-color:var(--purple);background:var(--purple);box-shadow:0 0 0 4px var(--lav-2)}.erino-tools .tool-toc-list a.done:before{background:var(--purple-light);border-color:var(--purple-light)}.erino-tools .tool-side-cta{color:#ffffffd9;background:linear-gradient(150deg,#6a1b9a,#4a0e63);border-radius:20px;flex:none;padding:20px;display:none;position:relative;overflow:hidden}.erino-tools .tool-side-cta:after{content:"";border:26px solid #ffffff12;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-50px;right:-40px}.erino-tools .tool-side-cta h3,.erino-tools .tool-side-cta p,.erino-tools .tool-side-cta .btn{z-index:1;position:relative}.erino-tools .tool-side-cta h3{color:#fff;letter-spacing:-.2px;margin:0;font-size:17px}.erino-tools .tool-side-cta p{margin:6px 0 14px;font-size:13.5px;line-height:1.55}.erino-tools .tool-side-cta .btn{background:var(--orange);color:#fff;width:100%;min-height:44px;font-size:14.5px;box-shadow:0 10px 24px -14px #f26b1de6}@media (min-width:1080px){.erino-tools .erino-article .article-layout,.erino-tools .erino-article .article-layout.no-lead,.erino-tools .erino-article .article-layout.no-toc,.erino-tools .erino-article .article-layout.no-lead.no-toc{grid-template-columns:minmax(0,1fr) 300px;justify-content:stretch;gap:64px;padding-top:88px}.erino-tools .tool-rail{top:calc(env(safe-area-inset-top,0px) + var(--hdr) + 24px);max-height:calc(100vh - var(--hdr) - 48px);position:sticky;overflow:hidden}.erino-tools .erino-article .article-toc,.erino-tools .erino-article .tool-toc{border:1px solid var(--line);scrollbar-width:thin;background:#fff;border-radius:20px;flex:auto;align-self:auto;min-height:0;max-height:none;padding:18px 16px;position:static;overflow:auto}.erino-tools .tool-side-cta{flex:none;display:block}}@media (max-width:1079px){.erino-tools .tool-rail{display:contents}.erino-tools .tool-side-cta{display:none}}@media (max-width:1180px){.erino-tools .hart{display:none}}@media (max-width:1140px){.erino-tools .related-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:899px){.erino-tools .hero{padding-block:12px 100px}.erino-tools .hero h1{letter-spacing:-1.2px}.erino-tools .hero .ans{padding:16px;font-size:15.5px}.erino-tools .tool-stage{margin-top:-72px}.erino-tools .related-cards{grid-template-columns:1fr}.erino-tools .wrap:has(>.tool-band){padding-bottom:64px}.erino-tools .tool-band{margin-block:24px 0;padding:36px 22px}}@media (prefers-reduced-motion:reduce){.erino-tools *,.erino-tools :before,.erino-tools :after{transition:none!important;animation:none!important}}