.hs-tool{max-width:1100px;margin:0 auto;--cat1: #0369a1;--cat1-bg: #e0f2fe;--cat1-border: #7dd3fc;--cat2: #15803d;--cat2-bg: #dcfce7;--cat2-border: #86efac;--cat3: #a16207;--cat3-bg: #fef9c3;--cat3-border: #fde047;--cat4: #b91c1c;--cat4-bg: #fee2e2;--cat4-border: #fca5a5;--cat5: #7e22ce;--cat5-bg: #f3e8ff;--cat5-border: #d8b4fe}.hs-controls{margin-bottom:24px}.hs-search-wrap{position:relative;margin-bottom:12px}.hs-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.hs-search{width:100%;padding:12px 90px 12px 42px;font-size:.95rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit}.hs-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.hs-count{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:.78rem;color:var(--text-tertiary);font-weight:500;white-space:nowrap}.hs-filters{display:flex;gap:8px;flex-wrap:wrap}.hs-filter{padding:6px 16px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-secondary);transition:all .2s;font-family:inherit}.hs-filter:hover{border-color:var(--primary);color:var(--primary)}.hs-filter.active{background:var(--primary);color:#fff;border-color:var(--primary)}.hs-filter.cat-1:hover{border-color:var(--cat1);color:var(--cat1);background:var(--cat1-bg)}.hs-filter.cat-1.active{background:var(--cat1);border-color:var(--cat1);color:#fff}.hs-filter.cat-2:hover{border-color:var(--cat2);color:var(--cat2);background:var(--cat2-bg)}.hs-filter.cat-2.active{background:var(--cat2);border-color:var(--cat2);color:#fff}.hs-filter.cat-3:hover{border-color:var(--cat3);color:var(--cat3);background:var(--cat3-bg)}.hs-filter.cat-3.active{background:var(--cat3);border-color:var(--cat3);color:#fff}.hs-filter.cat-4:hover{border-color:var(--cat4);color:var(--cat4);background:var(--cat4-bg)}.hs-filter.cat-4.active{background:var(--cat4);border-color:var(--cat4);color:#fff}.hs-filter.cat-5:hover{border-color:var(--cat5);color:var(--cat5);background:var(--cat5-bg)}.hs-filter.cat-5.active{background:var(--cat5);border-color:var(--cat5);color:#fff}.hs-list{display:flex;flex-direction:column;gap:24px}.hs-group-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;margin-bottom:12px;color:var(--text)}.hs-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.hs-group-title.cat-1 .hs-dot{background:var(--cat1)}.hs-group-title.cat-2 .hs-dot{background:var(--cat2)}.hs-group-title.cat-3 .hs-dot{background:var(--cat3)}.hs-group-title.cat-4 .hs-dot{background:var(--cat4)}.hs-group-title.cat-5 .hs-dot{background:var(--cat5)}.hs-group-count{font-size:.72rem;font-weight:600;color:var(--text-tertiary);background:var(--bg-tertiary);padding:1px 9px;border-radius:999px}.hs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.hs-card{position:relative;padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}.hs-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-hover)}.hs-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hs-card-bar{position:absolute;top:0;left:0;right:0;height:3px}.hs-card.cat-1 .hs-card-bar{background:var(--cat1)}.hs-card.cat-2 .hs-card-bar{background:var(--cat2)}.hs-card.cat-3 .hs-card-bar{background:var(--cat3)}.hs-card.cat-4 .hs-card-bar{background:var(--cat4)}.hs-card.cat-5 .hs-card-bar{background:var(--cat5)}.hs-card-head{display:flex;align-items:center;gap:10px;margin-bottom:6px;padding-top:4px}.hs-code{font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:1rem;font-weight:700;padding:3px 10px;border-radius:var(--radius);font-variant-numeric:tabular-nums;flex-shrink:0}.hs-card.cat-1 .hs-code{background:var(--cat1-bg);color:var(--cat1)}.hs-card.cat-2 .hs-code{background:var(--cat2-bg);color:var(--cat2)}.hs-card.cat-3 .hs-code{background:var(--cat3-bg);color:var(--cat3)}.hs-card.cat-4 .hs-code{background:var(--cat4-bg);color:var(--cat4)}.hs-card.cat-5 .hs-code{background:var(--cat5-bg);color:var(--cat5)}.hs-name{flex:1;font-size:.95rem;font-weight:600;color:var(--text)}.hs-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.hs-no-results{text-align:center;padding:48px;color:var(--text-tertiary)}.hs-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--text);color:var(--bg);padding:10px 18px;border-radius:var(--radius);font-size:.85rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:1000;box-shadow:var(--shadow-lg)}.hs-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.faq-section{max-width:800px;margin:0 auto;padding:48px 0}.faq-section h2{font-size:1.75rem;margin-bottom:28px}.faq-item{margin-bottom:24px}.faq-item h3{font-size:1.1rem;margin-bottom:8px}.faq-item p{color:var(--text-secondary);line-height:1.7}.faq-item strong{color:var(--text)}@media (max-width: 640px){.hs-grid{grid-template-columns:1fr}.hs-count{display:none}.hs-search{padding-right:16px}}