#tools{--surface: #0A0E15;--surface2: #121A24;--border: #1C2733;--hair-strong: #243140;--text: #E4EDF4;--text-bright: #F5FAFE;--dim: #BFD0DB;--mute: #93A5B3;--glow: #8EE6FC;--easy: #009BC0;--gray: #D99441;--threshold: #67DEFE;--vo2: #B1EFFE;--font: -apple-system, "SF Pro", "SF Pro Display", "Helvetica Neue", Inter, system-ui, sans-serif;--g: 64px;position:relative;background:#000;color:var(--text);font-family:var(--font);padding:8vh var(--g) 2vh}#tools *{box-sizing:border-box}@media(max-width:899px){#tools{--g: 16px;padding:56px 16px 8px}}#tools .tl-in{max-width:1180px;margin:0 auto}#tools .tl-h{margin:0 0 -.14em;padding-bottom:.14em;font-weight:700;letter-spacing:-.028em;line-height:.98;font-size:clamp(40px,4.4vw,66px);text-wrap:balance}#tools .dt{--c: var(--text-bright);background:linear-gradient(180deg,color-mix(in srgb,#fff 22%,var(--c)) 0%,var(--c) 55%,color-mix(in srgb,#000 20%,var(--c)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}@media(forced-colors:active){#tools .dt{background:none;color:CanvasText}}#tools .tl-s{margin:18px 0 0;max-width:560px;font-size:clamp(16px,1.25vw,19px);line-height:1.45;color:var(--dim);text-wrap:pretty}@media(max-width:899px){#tools .tl-h{font-size:29.5px;line-height:1.02;letter-spacing:-.03em}#tools .tl-s{margin-top:12px;font-size:15px;line-height:1.42}}#tools .tl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}@media(max-width:1100px){#tools .tl-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:899px){#tools .tl-grid{grid-template-columns:1fr;gap:12px;margin-top:24px}}#tools .tl-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 22px 20px;border-radius:22px;background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--border);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);color:var(--text);min-height:248px;transition:transform .16s ease-out,border-color .2s ease-out;-webkit-tap-highlight-color:transparent}#tools .tl-card:hover{border-color:var(--hair-strong)}#tools .tl-card:active{transform:scale(.98)}#tools .tl-card:focus-visible{outline:2px solid var(--glow);outline-offset:3px}#tools .tl-art{height:92px;display:flex;align-items:flex-end;margin-bottom:4px}#tools .tl-art svg{width:100%;height:92px;display:block;overflow:visible}#tools .tl-k{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--glow)}#tools .tl-t{font-size:21px;font-weight:700;letter-spacing:-.012em;line-height:1.2;color:var(--text-bright)}#tools .tl-d{font-size:15px;line-height:1.42;color:var(--mute);text-wrap:pretty}#tools .tl-go{margin-top:auto;padding-top:6px;font-size:15px;font-weight:600;color:var(--text-bright);display:inline-flex;align-items:center;gap:6px}#tools .tl-go svg{width:16px;height:16px;transition:transform .18s ease-out}#tools .tl-card:hover .tl-go svg{transform:translateX(3px)}@media(max-width:899px){#tools .tl-card{min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:16px;border-radius:18px}#tools .tl-art{height:56px;width:76px;flex:none;margin:0;align-self:flex-start}#tools .tl-art svg{height:56px}#tools .tl-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}#tools .tl-t{font-size:18px}#tools .tl-d{font-size:14px}#tools .tl-go{display:none}}@media(min-width:900px){#tools .tl-body{display:flex;flex-direction:column;gap:10px;flex:1}}#tools .tl-all{display:inline-flex;align-items:center;gap:8px;margin-top:22px;height:48px;padding:0 20px;border-radius:14px;border:1px solid var(--hair-strong);color:var(--text-bright);font-size:16px;font-weight:600}#tools .tl-all:hover{border-color:var(--glow)}#tools .tl-all svg{width:16px;height:16px}@media(max-width:899px){#tools .tl-all{width:100%;justify-content:center;margin-top:16px}}@media(prefers-reduced-motion:reduce){#tools .tl-card,#tools .tl-go svg{transition:none}}