.tool-kicker{font-size:.8rem;letter-spacing:.15em;color:var(--accent,#ffc44d);font-weight:700}.tool-lead{font-size:1.2rem;max-width:65ch;line-height:1.7}.tool-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2rem;margin:2rem 0}.tool-card,.tool-note,form[data-tool]{border:1px solid #71809666;border-radius:16px;padding:clamp(1rem,3vw,2rem);background:var(--panel,#192132)}.tool-card{display:block;text-decoration:none;color:inherit}.tool-card span{font-size:.8rem;letter-spacing:.1em}.tool-card strong{color:var(--accent,#ffc44d)}.tool-card:hover{border-color:var(--accent,#ffc44d)}.tool-links{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:1.5rem}form[data-tool] label{display:block;font-weight:600;margin:1.1rem 0}form[data-tool] input,form[data-tool] textarea,form[data-tool] select{display:block;width:100%;box-sizing:border-box;padding:.85rem;margin-top:.5rem;border:1px solid #8895a8;border-radius:8px;background:#101827;color:#f5f7fa;font:inherit}form[data-tool] input:focus,form[data-tool] textarea:focus,form[data-tool] select:focus{outline:3px solid #ffc44d;outline-offset:2px}.tool-actions{display:flex;gap:.7rem;flex-wrap:wrap}.tool-actions button{font:inherit;cursor:pointer;padding:.75rem 1rem;border-radius:8px;border:1px solid #8895a8}.tool-error{color:#ff9e9e}.tool-result{margin-top:1.5rem;padding:1rem;border-left:4px solid #ffc44d;background:#101827;color:#f5f7fa;overflow-wrap:anywhere}.tool-note{align-self:start;line-height:1.7}form[data-tool] [hidden]{display:none!important}body:has(form[data-tool]) pre{white-space:pre-wrap;overflow-wrap:anywhere}html[data-design=club] .tool-card,html[data-design=club] .tool-note,html[data-design=club] form[data-tool]{background:#f3f0e6;color:#172d24}@media(max-width:760px){.tool-grid{grid-template-columns:1fr}.tool-actions button{min-height:44px}h1{overflow-wrap:break-word}}

.tool-hash{overflow-wrap:anywhere;word-break:break-word}
