.playground{padding-block:76px 54px}.play-heading{display:flex;justify-content:space-between;align-items:center;gap:45px;margin-bottom:58px}.play-heading h1{font-size:clamp(38px,4.2vw,60px);letter-spacing:-2px}.play-heading .intro{max-width:650px;font-size:15px;margin-bottom:0}.collection-stamp{display:flex;align-items:center;gap:17px;border-block:1px solid var(--line);padding:20px 0;flex-shrink:0}.collection-stamp strong{font-family:Georgia,serif;font-size:74px;line-height:1;font-weight:400;color:var(--accent)}.collection-stamp span{font-family:'Courier New',monospace;font-size:10px;letter-spacing:1px;line-height:1.8}.directory-controls{display:flex;flex-direction:column;gap:22px}.directory-filters{display:flex;gap:26px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.directory-filters button{color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;padding:13px 0;cursor:pointer;font-size:13px;margin-bottom:-1px}.directory-filters button.active{color:var(--accent);border-bottom-color:var(--accent)}.directory-filters button:hover{color:var(--accent)}.directory-filters button span{font-size:10px;margin-left:7px}.search-wrap{display:flex;align-items:center;gap:20px}.search-wrap label{font-size:12px;font-weight:600}.search-wrap input{width:320px;max-width:100%;font:inherit;font-size:13px;padding:12px 15px;border:1px solid #b9b8af;background:#faf8f3;color:var(--text);border-radius:0}.search-wrap input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.directory-caption{display:flex;justify-content:space-between;gap:20px;margin-block:25px 7px;font-size:11px;color:var(--muted)}.directory-caption p{margin:0}.tool-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:38px}.tool-entry{border-top:1px solid var(--line);padding:25px 0 30px;display:flex;flex-direction:column;min-width:0}.tool-meta{display:flex;justify-content:space-between;gap:10px;font-family:'Courier New',monospace;text-transform:uppercase;font-size:9px;letter-spacing:.5px;color:var(--muted);margin-bottom:20px}.tool-meta>span:last-child{color:var(--accent)}.tool-entry h2{font-size:23px;font-weight:500;letter-spacing:-.6px;margin-bottom:12px;line-height:1.25}.tool-entry h2>a{display:flex;align-items:start;justify-content:space-between;gap:12px}.tool-entry h2>a>span[aria-hidden]{font-size:18px;color:var(--accent);transition:transform .15s}.tool-entry h2>a:hover>span[aria-hidden]{transform:translate(2px,-2px)}.tool-entry p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:20px}.tool-open{font-size:11px;color:var(--accent);margin-top:auto;align-self:start}.collection-footer{border-top:2px solid var(--text);padding-top:28px;margin-top:25px;display:flex;justify-content:space-between;gap:20px;align-items:center}.collection-footer p{font-family:Georgia,serif;font-style:italic;font-size:23px;margin:0}.collection-footer a{font-size:12px;color:var(--accent)}[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)!important}.empty-results{padding:50px 0;border-block:1px solid var(--line)}.empty-results h2{font-size:30px}.empty-results p{color:var(--muted)}#reset-search{background:var(--text);color:var(--bg);border:0;padding:12px 18px;cursor:pointer}.playground+footer{margin-top:15px}
@media(max-width:1050px){.collection-stamp{display:none}.tool-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-filters{gap:22px}.nav{gap:20px}#nav-links{gap:20px}}
@media(max-width:760px){.nav{flex-wrap:wrap;padding-block:18px;gap:12px}#nav-links{display:flex;width:100%;justify-content:start;gap:22px;font-size:11px}.nav-contact{padding:8px 0}.playground{padding-top:42px}.play-heading{margin-bottom:32px}.play-heading h1{font-size:38px;letter-spacing:-1.4px}.play-heading .intro{font-size:14px}.directory-filters{gap:0 22px}.directory-filters button{font-size:12px}.search-wrap{flex-direction:column;align-items:start;gap:8px}.search-wrap input{width:100%}.directory-caption{flex-direction:column;gap:5px;margin-top:21px}.tool-directory{grid-template-columns:1fr}.tool-entry{padding-block:22px;min-height:0}.tool-entry h2{font-size:25px}.tool-entry p{margin-bottom:14px}.tool-meta{margin-bottom:14px}.collection-footer{align-items:start;flex-direction:column}.collection-footer p{font-size:22px}}
@media(prefers-reduced-motion:reduce){.tool-entry h2>a:hover>span[aria-hidden]{transform:none}}