.tools-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px;display:grid}.tool-card{border-radius:var(--radius);background:hsl(var(--card));border:1px solid hsl(var(--border));flex-direction:column;gap:9px;padding:20px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.tool-card:hover{border-color:hsl(var(--primary) / .4);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card .tc-head{align-items:center;gap:11px;display:flex}.tool-card .tc-ico{background:hsl(var(--primary) / .08);width:34px;height:34px;color:hsl(var(--primary));border-radius:9px;flex:none;place-items:center;display:grid}.tool-card .tc-ico svg{width:18px;height:18px}.tool-card .tc-tt{letter-spacing:-.01em;color:hsl(var(--foreground));font-size:15px;font-weight:600}.tool-card .tc-ss{color:hsl(var(--muted-foreground));font-size:13px;line-height:1.5}.tool-card .tc-arrow{color:hsl(var(--primary));align-items:center;gap:6px;margin-top:auto;padding-top:4px;font-size:13px;font-weight:550;display:inline-flex}.tool-card .tc-arrow svg{width:14px;height:14px;transition:transform .15s}.tool-card:hover .tc-arrow svg{transform:translate(3px)}.tool-panel{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);max-width:720px;box-shadow:var(--shadow-sm);margin:0 auto;padding:24px}.tool-form{gap:10px;display:flex}.tool-input{border-radius:calc(var(--radius) - 2px);background:hsl(var(--background));border:1px solid hsl(var(--border));height:46px;color:hsl(var(--foreground));flex:1;padding-inline:16px;font-size:14.5px;transition:border-color .14s,box-shadow .14s}.tool-input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .15);outline:none}.tool-input::placeholder{color:hsl(var(--muted-foreground))}.tool-form .btn{flex:none;height:46px}.tool-demo-note{color:hsl(var(--muted-foreground));margin-top:10px;font-size:12px}.tool-demo-note b{color:hsl(var(--foreground));font-weight:600}.tool-result{border-top:1px solid hsl(var(--border));margin-top:20px;padding-top:20px}.tr-loading{color:hsl(var(--muted-foreground));font-size:14px}.tr-status{align-items:center;gap:10px;margin-bottom:16px;display:flex}.tr-badge{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.tr-badge.ok{color:#1d8644;background:#2eb8601f;border-color:#2eb8604d}.tr-badge.warn{color:#ae6613;background:#f59f0a1f;border-color:#f59f0a4d}.tr-badge.bad{color:#c32222;background:#e236361f;border-color:#e236364d}.tr-metric{align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.tr-metric-v{letter-spacing:-.03em;color:hsl(var(--foreground));font-size:42px;font-weight:700;line-height:1}.tr-metric-l{color:hsl(var(--muted-foreground));font-size:13.5px}.tr-metric.ok .tr-metric-v{color:#21974c}.tr-metric.warn .tr-metric-v{color:#c17115}.tr-metric.bad .tr-metric-v{color:#d02525}.tr-rows{flex-direction:column;display:flex}.tr-row{border-bottom:1px solid hsl(var(--border) / .6);justify-content:space-between;align-items:center;gap:16px;padding:11px 0;display:flex}.tr-row:last-child{border-bottom:none}.tr-k{color:hsl(var(--muted-foreground));font-size:13.5px}.tr-v{color:hsl(var(--foreground));text-align:right;word-break:break-all;font-size:13.5px;font-weight:550}.tr-v.mono{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace}.tr-v.ok{color:#1f8e48}.tr-v.warn{color:#b86b14}.tr-v.bad{color:#c72323}.tr-chain{flex-direction:column;display:flex}.tr-step{align-items:center;gap:12px;padding:10px 0;display:flex}.tr-step+.tr-step{border-top:1px dashed hsl(var(--border))}.tr-step-status{text-align:center;background:hsl(var(--muted));min-width:44px;color:hsl(var(--muted-foreground));border-radius:7px;flex:none;padding:3px 8px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;font-weight:700}.tr-step-status.ok{color:#1d8644;background:#2eb86024}.tr-step-status.warn{color:#ae6613;background:#f59f0a24}.tr-step-status.bad{color:#c32222;background:#e2363624}.tr-step-url{color:hsl(var(--foreground));word-break:break-all;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.tr-headers{background:hsl(var(--muted) / .5);border:1px solid hsl(var(--border));color:hsl(var(--foreground));white-space:pre-wrap;word-break:break-all;border-radius:9px;padding:14px 16px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.7}.tr-note{color:hsl(var(--muted-foreground));margin-top:14px;font-size:12.5px;line-height:1.5}.tool-doc{max-width:760px;margin:0 auto}.td-block+.td-block{margin-top:40px}.td-block h2{letter-spacing:-.02em;color:hsl(var(--foreground));margin-bottom:16px;font-size:22px;font-weight:700}.td-block p{color:hsl(var(--muted-foreground));font-size:15.5px;line-height:1.72}.td-block p+p{margin-top:12px}.td-steps{flex-direction:column;gap:13px;list-style:none;display:flex}.td-steps li{color:hsl(var(--foreground));align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;display:flex}.td-step-n{background:hsl(var(--primary) / .1);width:26px;height:26px;color:hsl(var(--primary));border-radius:999px;flex:none;place-items:center;margin-top:1px;font-size:13px;font-weight:600;display:grid}.td-defs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.td-def{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));padding:16px 18px}.td-def dt{color:hsl(var(--foreground));margin-bottom:5px;font-size:14.5px;font-weight:600}.td-def dd{color:hsl(var(--muted-foreground));font-size:13.5px;line-height:1.55}.td-faq{flex-direction:column;gap:10px;display:flex}.td-faq-item{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card))}.td-faq-item summary{cursor:pointer;color:hsl(var(--foreground));justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;font-size:15px;font-weight:600;list-style:none;display:flex}.td-faq-item summary::-webkit-details-marker{display:none}.td-faq-item summary:after{content:"+";color:hsl(var(--muted-foreground));font-size:20px;font-weight:400;line-height:1;transition:transform .15s}.td-faq-item[open] summary:after{transform:rotate(45deg)}.td-faq-item p{color:hsl(var(--muted-foreground));margin:-2px 18px 15px;font-size:14.5px;line-height:1.65}.td-related-h{letter-spacing:-.02em;text-align:center;color:hsl(var(--foreground));margin-bottom:22px;font-size:22px;font-weight:700}@media (max-width:980px){.tools-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.tools-grid{grid-template-columns:1fr}.tool-form{flex-direction:column}.tool-form .btn{width:100%}.td-defs{grid-template-columns:1fr}}