.tool{border:1px solid var(--border);background:#f6f8fb;border-radius:1rem;gap:1.5rem;margin:1.5rem 0 2.5rem;padding:1.25rem;display:grid}.tool-fields{gap:1rem;display:grid}.tool-field{gap:.35rem;display:grid}.tool-field label{color:var(--ink);font-size:.82rem;font-weight:700}.tool-field small{color:var(--text-secondary);font-size:.72rem;line-height:1.5}.tool-field input,.tool-field select{width:100%;min-height:2.9rem;color:var(--ink);font:inherit;background:#fff;border:1px solid #c9d2e3;border-radius:.6rem;padding:0 .8rem;font-size:1rem}.tool-field input[type=color]{cursor:pointer;padding:.25rem}.tool-field input:focus-visible,.tool-field select:focus-visible,.tool button:focus-visible{outline-offset:2px;outline:3px solid #294ad3}.tool-results{gap:.75rem;margin:0;display:grid}.tool-result{border:1px solid var(--border);background:#fff;border-radius:.8rem;padding:1rem}.tool-result dt{color:var(--text-secondary);font-size:.74rem;font-weight:700}.tool-result dd{color:var(--ink);letter-spacing:-.02em;margin:.25rem 0 0;font-size:1.45rem;font-weight:800}.tool-result dd small{color:var(--text-secondary);letter-spacing:0;margin-top:.25rem;font-size:.72rem;font-weight:500;display:block}.tool-result--main{border-color:#294ad3}.tool-result--main dd{color:#294ad3}.tool-note{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.6}.tool-actions{flex-wrap:wrap;gap:.6rem;display:flex}.tool button{color:#fff;min-height:2.9rem;font:inherit;cursor:pointer;background:#294ad3;border:1px solid #294ad3;border-radius:.7rem;padding:0 1.1rem;font-size:.84rem;font-weight:800}.tool button.secondary{color:#294ad3;background:#fff}.formula{color:var(--ink);background:#f6f8fb;border-left:3px solid #294ad3;margin:.5rem 0 1rem;padding:.8rem 1rem;font-family:ui-monospace,Consolas,monospace;font-size:.8rem;line-height:1.7;overflow-x:auto}@media (width>=760px){.tool{grid-template-columns:1fr 1fr;padding:1.75rem}.tool-fields--2{grid-template-columns:1fr 1fr}}