.tool-icon{display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(140deg,#14b8a6,#0f9b8e 55%,#0e7490);box-shadow:0 10px 24px -12px #0f9b8eb3,inset 0 1px #ffffff40}.tool-tag{display:inline-flex;align-items:center;gap:.35rem;border-radius:9999px;background:var(--color-brand-soft);padding:.25rem .7rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-brand-dark)}.tool-stage{overflow:hidden;border-radius:1.6rem;border:1px solid var(--color-line);background:linear-gradient(180deg,#fff,#f8fafb);box-shadow:0 30px 80px -40px #0a0f1c59,0 2px 6px -2px #0a0f1c0f}.tool-stage-bar{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--color-line);background:#fff;padding:.7rem 1rem;font-size:.78rem;font-weight:600;color:var(--color-muted)}.tool-stage-bar i{display:block;height:.6rem;width:.6rem;border-radius:9999px;background:#e3e6ec}.tool-form{border-radius:1.1rem;border:1px solid var(--color-line);background:#fff;padding:1.25rem;box-shadow:0 1px 2px #0a0f1c0a}@media(min-width:640px){.tool-form{padding:1.5rem}}.tool-form-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.1rem;padding-bottom:.9rem;border-bottom:1px solid var(--color-line)}.tool-form-head h2,.tool-form-head p{font-size:.95rem;font-weight:700}.tool-example{display:inline-flex;flex-shrink:0;white-space:nowrap;align-items:center;gap:.35rem;border-radius:.6rem;border:1px solid var(--color-line);padding:.4rem .7rem;font-size:.8rem;font-weight:600;color:var(--color-brand-dark);background:#fff;transition:border-color .15s,background-color .15s}.tool-example:hover{border-color:var(--color-brand);background:var(--color-brand-soft)}.tool-input{margin-top:.4rem;width:100%;border-radius:.7rem;border:1px solid #dfe3ea;background:#fff;padding:.65rem .85rem;font-size:.95rem;color:var(--color-ink);transition:border-color .15s,box-shadow .15s}.tool-input::placeholder{color:#9aa1ad}.tool-input:hover{border-color:#c9cfd9}.tool-input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 4px #0f9b8e24}textarea.tool-input{resize:vertical;line-height:1.55}.tool-label{display:flex;align-items:center;font-size:.875rem;font-weight:600;color:var(--color-ink)}.tool-hint{margin-top:.35rem;font-size:.78rem;line-height:1.45;color:var(--color-muted)}.tool-chip{border-radius:9999px;border:1px solid var(--color-line);padding:.42rem .9rem;font-size:.85rem;font-weight:600;color:var(--color-muted);background:#fff;transition:all .15s}.tool-chip:hover{border-color:var(--color-brand);color:var(--color-brand-dark)}.tool-chip:focus-visible,.tool-example:focus-visible,.tool-doc-btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.tool-chip[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.tool-out{position:relative;border-radius:1.1rem;border:1px solid rgb(255 255 255 / .06);background:radial-gradient(40rem 16rem at 100% 0%,rgb(45 212 191 / .1),transparent 60%),#0b1120;color:#fff;padding:1.25rem 1.35rem;box-shadow:0 24px 60px -30px #0a0f1cb3}.tool-doc-btn{display:inline-flex;align-items:center;gap:.35rem;border-radius:.55rem;border:1px solid rgb(255 255 255 / .16);padding:.3rem .65rem;font-size:.75rem;font-weight:600;color:#ffffffe0;transition:background-color .15s}.tool-doc-btn:hover{background:#ffffff1a}.tool-step-n{font-size:2.1rem;font-weight:800;line-height:1;letter-spacing:-.03em;background:linear-gradient(180deg,#0f9b8e,#0e7490);-webkit-background-clip:text;background-clip:text;color:transparent}.tool-guide h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.tool-guide h3{margin-top:1.75rem;font-size:1.08rem;font-weight:700}.tool-guide p,.tool-guide li{margin-top:.6rem;line-height:1.75;color:var(--color-muted);max-width:52rem}.tool-guide ul{margin-top:.4rem;padding-left:1.15rem;list-style:disc}.tool-guide ul li::marker{color:var(--color-brand)}.tool-guide blockquote{margin-top:.9rem;max-width:52rem;border:1px solid var(--color-line);border-left:3px solid var(--color-brand);background:#f6fbfa;padding:1rem 1.15rem;border-radius:0 .8rem .8rem 0;color:var(--color-ink);line-height:1.7}.tool-toast{position:fixed;left:50%;bottom:1.5rem;z-index:60;transform:translate(-50%,1rem);border-radius:.8rem;background:var(--color-ink);padding:.65rem 1rem;font-size:.9rem;font-weight:600;color:#fff;opacity:0;pointer-events:none;box-shadow:0 16px 40px -16px #0a0f1c99;transition:opacity .2s,transform .2s}.tool-toast.is-on{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.tool-toast,.tool-input,.tool-chip{transition:none}}