.tl-page-head{padding-bottom:var(--space-6)}.tl-page-head h1{font-size:var(--text-5xl);font-weight:500;letter-spacing:var(--tracking-tighter)}.tl-page-head .lede{margin-top:var(--space-3);font-size:var(--text-lg);color:var(--ink-2);max-width:54ch}.tl-page-head .lede strong{color:var(--ink);font-weight:600}.tl-bar{padding-block:var(--space-3);z-index:40}@media(min-width:700px){.tl-bar{position:sticky;top:var(--space-16);background:color-mix(in oklab,var(--paper) 92%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}}.tl-bar-in{display:grid;gap:var(--space-3)}.tl-search{box-shadow:var(--shadow-sm);min-height:var(--target-min);margin:0;max-width:32rem}.tl-search input:not(:placeholder-shown)~.kbd{display:none}.tl-clear{width:var(--space-8);height:var(--space-8);min-height:0}.tl-cats{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--space-4) * -1);padding-inline:var(--space-4)}.tl-cats::-webkit-scrollbar{display:none}@media(min-width:700px){.tl-cats{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}}.tl-cats .chip{flex:none;cursor:pointer;font:inherit;font-size:var(--text-sm);white-space:nowrap;min-height:var(--space-10);padding-inline:var(--space-3)}.tl-cats .chip .n{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3)}.tl-cats .chip[aria-pressed=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.tl-cats .chip[aria-pressed=true] .n{color:inherit;opacity:.75}.tl-body{display:grid;gap:var(--space-12);padding-block:var(--space-8) var(--space-20)}.tl-group{display:grid;gap:var(--space-5);scroll-margin-top:calc(var(--space-16) + var(--space-24))}.tl-group[hidden]{display:none}.tl-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--line)}.tl-head h2{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:500}.tl-head h2 .i{color:var(--accent);font-size:.8em}.tl-note{font-size:var(--text-sm);color:var(--ink-3)}.tl-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}.tl-grid>[hidden],.mini-list>[hidden]{display:none}.tl-spot{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}.tl-spot>[hidden]{display:none}.t-spot{gap:var(--space-3);padding:var(--space-6) var(--space-6) var(--space-5);background:linear-gradient(160deg,var(--accent-soft),transparent 55%),var(--paper)}.t-spot .tool-icon{color:var(--accent);background:var(--paper)}.t-spot .eyebrow{margin-top:var(--space-2)}.t-spot h3{font-size:var(--text-2xl);margin-top:calc(var(--space-2) * -1)}.mini-list{display:grid;margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));column-gap:var(--space-6)}.mini{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);min-height:var(--space-16);padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;border-radius:var(--radius-sm);transition:background-color var(--dur-1) var(--ease-move)}.mini:hover{background:var(--paper-2)}.mini-icon{display:inline-grid;place-items:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-sm);background:var(--paper-2);border:1px solid var(--line);color:var(--ink-2)}.mini-name{display:grid;min-width:0}.mini-name b{font-weight:500;font-size:var(--text-base)}.mini-name span{font-size:var(--text-sm);color:var(--ink-3)}.mini .go{color:var(--ink-3);transition:transform var(--dur-2) var(--ease-move),color var(--dur-2) var(--ease-move)}.mini:hover .go{color:var(--accent);transform:translate(2px)}.mini.is-soon,.mini.is-soon:hover{background:none;cursor:default}.mini.is-soon .mini-name b{color:var(--ink-2)}.tool.is-best{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.mini.is-best{background:var(--accent-soft)}.tl-empty{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-4);padding:var(--space-6);border:1px dashed color-mix(in oklab,var(--ink) 22%,transparent);border-radius:var(--radius-lg)}.tl-empty[hidden]{display:none}.tl-empty>div{display:grid;gap:var(--space-1)}.tl-empty b{font-weight:600}.tl-empty span{color:var(--ink-2);font-size:var(--text-sm)}.tl-empty .btn{grid-column:1 / -1;justify-self:start}@media(min-width:700px){.tl-empty{grid-template-columns:auto 1fr auto}.tl-empty .btn{grid-column:auto}}