.tool{gap:16px;display:grid}.tool-card{background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:18px 20px 20px}.tool-head{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.tool-head h2{margin:0;font-size:18px;line-height:1.4}.tool-head p{color:var(--sub);margin:2px 0 0;font-size:13.5px}.tool-head .link{white-space:nowrap;margin-left:auto;font-size:13px}.tool-n{background:var(--teal);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:grid}.tool-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.tool .field textarea,.tool textarea.plain{height:240px}.tool textarea.plain{resize:vertical;border:1px solid var(--line);border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14.5px;line-height:1.9;display:block}.tool textarea.plain:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0b7a781f}.tool-out{flex-direction:column;gap:8px;display:flex}.tool-out-cap{color:var(--sub);font-size:12.5px;font-weight:600}.tool-out-cap b{color:var(--teal2);margin-left:6px}.tool-out pre{background:var(--bg2);border:1px solid var(--line2);min-height:180px;max-height:240px;font-family:var(--sans);white-space:pre-wrap;word-break:break-word;border-radius:12px;flex:1;margin:0;padding:12px 14px;font-size:14.5px;line-height:1.9;overflow-y:auto}.tool-out .btn{width:100%}.faint{color:var(--faint)}.tool-found{margin-top:12px;font-size:13.5px}.tool-found summary{cursor:pointer;color:var(--teal2);margin-bottom:8px;font-weight:600}.tool-side{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.tool-card.mini{box-shadow:none;padding:14px 18px}.tool-card.mini summary{cursor:pointer;font-size:14px;font-weight:600}.tool-card.mini summary .num{color:var(--teal2);margin-left:6px;font-size:13px}.tool-card.mini .vault td{border-bottom:1px solid var(--line2)}.tool-card.mini .btn{margin-top:10px}.upsell{background:linear-gradient(110deg, var(--teal-soft), #f6fbfb 70%);color:var(--ink);border:1px solid #0b7a7840;border-radius:16px;align-items:center;gap:20px;margin:20px 0 56px;padding:18px 22px;display:flex}.upsell strong{font-family:var(--display);font-size:17px}.upsell p{color:var(--sub);margin:4px 0 0;font-size:13.5px}.upsell .btn{flex:none;margin-left:auto}@media (max-width:760px){.tool-cols,.tool-side{grid-template-columns:1fr}.tool .field textarea,.tool textarea.plain{height:180px}.upsell{flex-direction:column;align-items:stretch}.upsell .btn{margin-left:0}}