.tool-main{width:min(1040px,calc(100% - 36px));margin:auto;padding:26px 0 48px}
.tool-hero{text-align:center;padding:6px 0 22px;max-width:820px;margin:0 auto}
.tool-hero h1{font-size:clamp(1.9rem,4vw,2.7rem)}
.tool-hero .lead{max-width:700px}
.tool-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 8px 22px rgba(27,39,75,.05);margin:0 auto 18px;max-width:820px}
.tool-form label{display:block;font-size:.8rem;font-weight:800;margin-bottom:6px}
.tool-row{display:flex;gap:8px;flex-wrap:wrap}
.tool-row input{flex:1;min-width:200px;height:50px;border:1px solid var(--line);border-radius:9px;padding:0 12px;font:inherit;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;outline:none;background:#fafbff}
.tool-row input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #5145e510;background:#fff}
.tool-row button{height:50px;border:0;border-radius:9px;background:var(--brand);color:#fff;font:inherit;font-weight:800;padding:0 20px;cursor:pointer;white-space:nowrap}
.tool-row button:hover{background:var(--brand-dark)}
.tool-help{font-size:.72rem;color:var(--muted);margin:7px 0 0}
.tool-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.tool-filter-toggle{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 9px;font:inherit;font-size:.75rem;font-weight:750;color:var(--ink);cursor:pointer}
.tool-filter-toggle:hover{border-color:var(--brand);color:var(--brand)}
.tool-sort{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--muted)}
.tool-sort select{height:32px;border:1px solid var(--line);border-radius:7px;background:#fff;font:inherit;font-size:.75rem;padding:0 6px}
.tool-filters{background:#fafbff;border:1px solid var(--line);border-radius:9px;padding:10px;margin-top:10px}
.tool-filters[hidden]{display:none}
.tool-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.tool-filter-grid label{font-size:.66rem;margin-bottom:2px;display:block}
.tool-filter-grid input{width:100%;height:34px;border:1px solid var(--line);border-radius:6px;background:#fff;font:inherit;font-size:.78rem;padding:0 7px}
.tool-filter-grid .wide{grid-column:1/-1}
.tool-status{font-size:.76rem;color:var(--muted);margin:10px 0 0;min-height:18px}
.tool-status.error{color:var(--red)}
.tool-results{max-width:1040px;margin:0 auto}
.tool-results-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.tool-results-head h2{font-size:1.2rem;margin:0}
.tool-count{font-size:.75rem;color:var(--muted);font-weight:700}
.tool-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}
.tool-word{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 10px;min-width:0}
.tool-word span:first-child{font-weight:850;font-size:.9rem;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tool-score{background:var(--brand-soft);color:var(--brand);font-size:.7rem;font-weight:850;border-radius:5px;padding:3px 5px;white-space:nowrap}
.tool-empty{display:none;text-align:center;color:var(--muted);padding:32px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:.85rem}
.tool-empty.show{display:block}
.tool-load{display:none;margin:12px auto 0;border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 12px;font:inherit;font-size:.75rem;font-weight:750;color:var(--brand);cursor:pointer}
.tool-load.show{display:block}
.tool-sections{max-width:820px;margin:34px auto 0}
.tool-sections h2{font-size:1.3rem;letter-spacing:-.02em;margin:0 0 8px}
.tool-sections p,.tool-sections li{color:var(--muted);font-size:.88rem;line-height:1.65}
.tool-sections .links{margin-top:10px}
.tool-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.tool-actions a{font-size:.8rem;font-weight:750}
.wordle-pattern{display:flex;gap:6px;justify-content:center;margin:6px 0 12px}
.wordle-pattern input{width:46px;height:50px;border:1px solid var(--line);border-radius:8px;text-align:center;font:inherit;font-size:1.1rem;font-weight:850;text-transform:uppercase;outline:none;background:#fafbff}
.wordle-pattern input:focus{border-color:var(--brand);background:#fff}
.wordle-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.wordle-fields label{font-size:.7rem;font-weight:750;display:block;margin-bottom:3px}
.wordle-fields input{width:100%;height:38px;border:1px solid var(--line);border-radius:7px;padding:0 9px;font:inherit;font-size:.8rem;background:#fff}
.wordle-note{font-size:.72rem;color:var(--muted);margin:8px 0 0}
@media(max-width:900px){.tool-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){
  .tool-main{width:calc(100% - 24px);padding-top:16px}
  .tool-hero{text-align:left}
  .tool-row{flex-direction:column}
  .tool-row button{width:100%}
  .tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tool-filter-grid,.wordle-fields{grid-template-columns:1fr}
  .wordle-pattern input{width:42px;height:46px}
}