.tools-hero{background:linear-gradient(120deg, var(--coral-soft), #fff4f1);border-bottom:1px solid var(--line);padding-block:40px}@supports (color:lab(0% 0 0)){.tools-hero{background:linear-gradient(120deg, var(--coral-soft), lab(97.0244% 3.10215 2.97937))}}.tools-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px;display:grid}.tool-lg{align-items:flex-start;gap:16px;padding:22px;display:flex}.tool-lg .ic{background:var(--sky-soft);width:52px;height:52px;color:var(--blue);border-radius:14px;flex:none;place-items:center;display:grid}.tool-lg .ic.coral{background:var(--coral-soft);color:var(--coral-600)}.tool-lg h3{font-size:18px}.tool-lg p{color:var(--slate);margin:5px 0 12px;font-size:13.5px}.gen-card{border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--sh-2);background:#fff;overflow:hidden}.gen-head{background:linear-gradient(120deg, var(--blue-700), var(--blue-500,var(--blue)));color:#fff;align-items:center;gap:14px;padding:22px 26px;display:flex}.gen-head .gi{background:var(--coral);border-radius:13px;flex:none;place-items:center;width:46px;height:46px;display:grid}.gen-head .gi svg{color:#fff}.gen-head h2{color:#fff;font-size:21px}.gen-head p{color:#d0e0f2;color:lab(88.3644% -3.07444 -10.6079);margin-top:2px;font-size:13.5px}.gen-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.gen-form{border-right:1px solid var(--line-2);flex-direction:column;gap:14px;padding:24px;display:flex}.gen-out{background:var(--bg-tint);flex-direction:column;min-height:420px;padding:24px;display:flex}.gfld label{color:var(--slate);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.gfld .field{height:46px}.gfld textarea{width:100%;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:var(--r);resize:vertical;background:#fff;border:none;outline:none;min-height:80px;padding:11px 13px;font-family:inherit;font-weight:500}.gfld textarea:focus,.gfld .field:focus-within{box-shadow:inset 0 0 0 2px var(--blue)}.lang-seg{background:var(--bg-tint);border-radius:var(--r);gap:6px;padding:5px;display:flex}.lang-seg button{color:var(--slate);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:9px;font-family:inherit;font-size:13.5px;font-weight:700}.lang-seg button.active{color:var(--blue);box-shadow:var(--sh-1);background:#fff}.gen-out-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.gen-out-head h4{font-size:14px}.gen-letter{border-radius:var(--r);box-shadow:var(--sh-1);color:var(--ink);white-space:pre-wrap;background:#fff;flex:1;padding:22px;font-size:14px;line-height:1.7;overflow-y:auto}.gen-empty{text-align:center;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.gen-empty .ei{width:60px;height:60px;box-shadow:var(--sh-1);color:var(--blue);background:#fff;border-radius:16px;place-items:center;display:grid}.typing-dots{text-align:center;padding:30px 0}.typing-dots i{background:var(--blue);border-radius:50%;width:8px;height:8px;margin:0 2px;animation:1.2s infinite both aiBlink;display:inline-block}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}@keyframes aiBlink{0%,80%,to{opacity:.25}40%{opacity:1}}@media (max-width:820px){.tools-grid,.gen-grid{grid-template-columns:1fr}.gen-form{border-right:none;border-bottom:1px solid var(--line-2)}}