.tool-directory{width:100%;margin:0;padding-top:36px}.tool-intro{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.tool-kicker{color:#a59ac5;letter-spacing:.18em;align-items:center;gap:9px;margin-bottom:13px;font-size:10px;font-weight:600;display:flex}.tool-kicker>span{background:#b4a0ef;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #a78bfa44}.tool-intro h1{color:#f0eff5;letter-spacing:-.04em;margin-bottom:9px;font-size:32px;font-weight:650;line-height:1.4}.tool-intro p{color:#92949f;font-size:13px;line-height:1.8}.tool-submit{color:#d3cddd;white-space:nowrap;background:#1c1b22;border:1px solid #35333e;border-radius:9px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;display:inline-flex}.tool-submit:hover{background:#282232;border-color:#84709e}.tool-search-panel{background:radial-gradient(at 95% 0,#34264255,#0000 65%),#19191f;border:1px solid #2d2b37;border-radius:14px;justify-content:space-between;align-items:center;gap:32px;margin-bottom:24px;padding:24px;display:flex}.tool-search-panel .search-form{gap:10px;width:100%;max-width:720px;margin:0}body.workspace-theme .tool-search-panel .search-form input{background:var(--bg-surface);border-color:var(--border-default);height:48px;font-size:13px}.tool-search-panel .search-form .button{min-width:76px;min-height:48px;font-size:12px}.tool-library-count{white-space:nowrap;border-left:1px solid #38313e;align-items:center;gap:14px;padding-left:28px;display:flex}.tool-library-count strong{letter-spacing:-.05em;color:#d7c9ed;font-size:34px;font-weight:500;line-height:1}.tool-library-count span{color:#9990a5;font-size:11px;line-height:1.8}.tool-categories{scrollbar-width:thin;border-bottom:1px solid #29282f;gap:6px;margin-bottom:24px;padding-bottom:14px;display:flex;overflow-x:auto}.tool-categories a{color:#9d9ca8;border:1px solid #0000;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:12px;transition:background .2s,color .2s}.tool-categories a:hover{color:#e4ddeb;background:#222127}.tool-categories .selected{color:#dccdf4;background:#a483df20;border-color:#a483df30}.tool-results-heading,.tool-results-heading>div{align-items:center;gap:12px;display:flex}.tool-results-heading{justify-content:space-between;margin-bottom:18px}.tool-results-heading h2{color:#e2dfe8;font-size:17px;font-weight:600}.tool-results-heading span{color:#96909f;font-size:11px}.tool-clear{color:#c1a7e5;font-size:11px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-card{background:linear-gradient(145deg,#1d1d24,#18191e);border:1px solid #2c2b33;border-radius:13px;min-width:0;padding:21px 21px 0;transition:border-color .2s,transform .2s,box-shadow .2s}.tool-card:hover{border-color:#62516e;transform:translateY(-3px);box-shadow:0 12px 28px #0003}.tool-card-heading{align-items:center;gap:12px;min-width:0;display:flex}.tool-monogram{color:#d9c7f8;background:#342c46;border:1px solid #b497eb25;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:22px;font-weight:650;display:grid;position:relative}.tool-monogram>span{opacity:.65;font-size:10px;position:absolute;bottom:2px;right:5px}.tool-card:nth-child(3n+2) .tool-monogram{color:#b5ded5;background:#243b3a;border-color:#9ce5db25}.tool-card:nth-child(3n+3) .tool-monogram{color:#e6c0a3;background:#3d302b;border-color:#ecb68b25}.tool-identity{flex:1;min-width:0}.tool-identity h3{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;line-height:1.4;overflow:hidden}.tool-identity>span{color:#8d8998;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;display:block;overflow:hidden}body.workspace-theme .tool-card .bookmark{width:28px;height:30px;color:var(--text-secondary);background:0 0;border:0;flex-shrink:0;position:static}body.workspace-theme .tool-card .bookmark.saved{color:var(--text-primary);background:var(--bg-selected)}.tool-description{color:#aaa5b3;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:46px;margin:18px 0 14px;font-size:12px;line-height:1.9;display:-webkit-box;overflow:hidden}.tool-tags{flex-wrap:wrap;gap:6px;min-height:25px;margin-bottom:20px;display:flex}.tool-tags a{color:#aaa1b8;background:#25232d;border-radius:5px;padding:3px 8px;font-size:10px;line-height:18px}.tool-tags a:hover{color:#e1d2f6;background:#3b304b}.tool-card-footer{border-top:1px solid #2c2933;justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.tool-check{color:#98909f;align-items:center;gap:6px;font-size:10px;display:flex}.tool-check i{background:#aaa0b5;border-radius:50%;width:4px;height:4px}.tool-demo-label{color:#9d8eaf;font-size:11px}.tool-visit{color:#d8c5f2;align-items:center;gap:6px;font-size:11px;display:flex}.tool-visit svg{width:14px;height:14px}.tool-contribute{border-top:1px solid #2d2835;align-items:center;gap:16px;margin-top:28px;padding:25px 0 0;display:flex}.tool-contribute-symbol{color:#b79bd5;background:#241e2d;border:1px solid #3b3049;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.tool-contribute h2{color:#c9c1d3;font-size:15px;font-weight:500}.tool-contribute p{color:#8b8196;margin-top:6px;font-size:11px}.tool-contribute>a{color:#c7afdf;white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:12px;display:flex}@media (min-width:1440px){.tool-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.tool-card{padding:16px 14px 0}.tool-card-heading{gap:9px}.tool-monogram{width:36px;height:36px;font-size:19px}.tool-identity h3{font-size:15px}}@media (max-width:1199px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-library-count{display:none}}@media (max-width:767px){.tool-directory{padding-top:24px}.tool-intro{align-items:flex-start;gap:16px}.tool-intro h1{font-size:26px}.tool-submit{padding:8px 10px;font-size:11px}.tool-search-panel{padding:14px}.tool-categories a{padding:7px 12px}.tool-card{padding:17px 17px 0}.tool-contribute-symbol{display:none}}@media (max-width:560px){.tool-grid{grid-template-columns:1fr}.tool-intro{flex-direction:column}.tool-intro h1{font-size:27px}.tool-contribute{flex-wrap:wrap;align-items:flex-start}.tool-contribute>a{margin-left:0}.tool-results-heading{gap:8px}.tool-results-heading>div{flex-wrap:wrap;gap:8px}}.tool-artwork{border:1px solid #403447;border-radius:9px;margin-bottom:16px;position:relative;overflow:hidden}.tool-artwork .website-visual{aspect-ratio:1.75}.tool-artwork .art{width:100%;height:100%}.tool-artwork>span{color:#cec0df;background:#17101dcc;border-radius:3px;padding:2px 5px;font-size:8px;position:absolute;bottom:7px;left:8px}