.tools-page{color:#111}.tools-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.08)}.tools-label{margin:0 0 10px;color:#6d5a2f;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.tools-header h1{margin:0;font-size:44px;line-height:1.05;letter-spacing:0}.tools-header p:last-child{max-width:680px;margin:12px 0 0;color:#4a4a4a;font-size:16px;line-height:1.72}.back-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#ffffffd1;color:#111;text-decoration:none;font-size:14px;font-weight:650}.tools-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.recommend-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(30,143,118,.24);background:#ffffffd1;color:#1e8f76;text-decoration:none;font-size:14px;font-weight:800;box-shadow:0 10px 22px #1e8f7614}.tool-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:16px;align-items:center;padding-top:22px}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tabs button{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#ffffffc7;color:#000000ad;font-size:14px;font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.filter-tabs button span{margin-left:5px;color:#0000006b;font-size:12px}.filter-tabs button:hover,.filter-tabs button.is-active{background:#111;border-color:#111;color:#fff;transform:translateY(-1px)}.filter-tabs button:hover span,.filter-tabs button.is-active span{color:#ffffffa3}.tool-search input{width:100%;box-sizing:border-box;padding:12px 16px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#ffffffd1;color:#111;font-size:14px;outline:none}.tool-section{padding-top:34px}.tool-section[hidden],.tool-card[hidden],.empty-state[hidden]{display:none}.section-head{display:grid;grid-template-columns:minmax(180px,28%) minmax(0,1fr);gap:24px;align-items:end;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.08)}.section-head h2{margin:0;font-size:28px;line-height:1.1;letter-spacing:0}.section-head>p{margin:0;color:#555;font-size:15px;line-height:1.7}.tool-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;padding-top:16px}.tool-card{grid-column:span 6;overflow:hidden;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:#ffffffc7;box-shadow:0 16px 36px #0000000a;transform:translateY(12px);opacity:0;animation:tool-card-enter .52s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--item-delay)}.compact-card{display:grid;grid-template-columns:minmax(112px,32%) minmax(0,1fr);min-height:126px}.compact-icon{position:relative;min-height:126px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(242,91,74,.12),transparent 32%),linear-gradient(225deg,rgba(30,143,118,.14),transparent 34%),#f5f3ee;color:#111;text-decoration:none;border-right:1px solid rgba(0,0,0,.06)}.compact-icon--link:hover,.compact-icon--link:focus-visible{background:linear-gradient(135deg,rgba(242,91,74,.18),transparent 32%),linear-gradient(225deg,rgba(30,143,118,.2),transparent 34%),#fffaf0;outline:none}.compact-cover-icon{width:56px;height:56px;max-width:58%;max-height:58%;border-radius:0;object-fit:contain;transition:transform .18s ease}.compact-icon--link:hover .compact-cover-icon,.compact-icon--link:focus-visible .compact-cover-icon{transform:translateY(-1px) scale(1.05)}.icon-text{display:grid;grid-auto-rows:max-content;align-content:center;justify-items:center;gap:7px;width:70px;height:70px;border-radius:18px;background:#ffffffe0;border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 26px #00000014;color:#111;font-weight:800;line-height:1}.icon-text span{display:block;font-size:1.06rem;letter-spacing:0}.compact-content{min-width:0;padding:15px 16px;display:flex;flex-direction:column;justify-content:center}.compact-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.compact-content h3{margin:0;font-size:1.08rem;line-height:1.3;letter-spacing:0}.item-new-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:#1e8f761f;color:#1e8f76;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.item-new-badge[hidden]{display:none}.pin-button{width:30px;height:30px;border-radius:999px;border:1px solid var(--site-border, rgba(0, 0, 0, .08));background:var(--site-control-bg, rgba(0, 0, 0, .04));color:var(--site-muted, rgba(0, 0, 0, .56));display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;font-size:15px;line-height:1;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease}.pin-button:hover,.pin-button:focus-visible{transform:translateY(-1px);border-color:#1e8f7647;color:var(--site-heading, #111);outline:none}.pin-button.is-pinned{background:var(--site-inverted-bg, #111);border-color:var(--site-inverted-bg, #111);color:var(--site-inverted-text, #fff)}.compact-content p{margin:7px 0 0;color:#555;font-size:.88rem;line-height:1.55}.empty-state{margin:24px 0 0;padding:18px;border-radius:8px;border:1px dashed rgba(0,0,0,.18);color:#555;text-align:center}@keyframes tool-card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:880px){.tools-header,.section-head,.tool-controls{grid-template-columns:1fr;align-items:start}.tool-card{grid-column:span 12}}@media(max-width:560px){.tools-header h1{font-size:38px}.filter-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.filter-tabs button{white-space:nowrap}.compact-card{grid-template-columns:minmax(92px,30%) minmax(0,1fr);min-height:118px}.compact-icon{min-height:118px}.compact-content{padding:14px}.icon-text{width:58px;height:58px;border-radius:16px;gap:6px}.icon-text span{font-size:.94rem}}