.tool-widget:has(.hs-app){padding:0;border:0;background:transparent;box-shadow:none}
.hs-app{--hs-border:rgba(148,163,184,.18);--hs-card:rgba(15,23,42,.84);--hs-muted:#94a3b8;width:100%}
.hs-shell{padding:1.2rem;border:1px solid var(--hs-border);border-radius:20px;background:radial-gradient(circle at 0 0,rgba(56,189,248,.16),transparent 32%),radial-gradient(circle at 100% 0,rgba(139,92,246,.1),transparent 30%),linear-gradient(155deg,#111827,#080f1d);box-shadow:0 20px 55px rgba(0,0,0,.28)}
.hs-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}
.hs-kicker{margin:0 0 .35rem;color:#7dd3fc;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.hs-hero h2{margin:0;color:#f8fafc;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.035em}
.hs-hero p:not(.hs-kicker){max-width:650px;margin:.45rem 0 0;color:var(--hs-muted);font-size:.88rem;line-height:1.55}
.hs-hero-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.hs-search-panel{padding:.75rem;border:1px solid var(--hs-border);border-radius:14px;background:rgba(2,8,20,.35)}
.hs-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.6rem .7rem;border:1px solid var(--hs-border);border-radius:10px;background:rgba(2,8,20,.55);color:#7dd3fc}
.hs-search input{min-width:0;border:0;outline:0;background:transparent;color:#e2e8f0;font:inherit;font-size:.82rem}
.hs-search kbd{padding:.15rem .38rem;border:1px solid var(--hs-border);border-radius:5px;background:#111827;color:var(--hs-muted);font-size:.65rem}
.hs-search:focus-within{border-color:rgba(56,189,248,.65);box-shadow:0 0 0 3px rgba(14,165,233,.15)}
.hs-filters{display:flex;gap:.35rem;margin-top:.65rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:thin}
.hs-filters button{flex:0 0 auto;padding:.4rem .65rem;border:1px solid var(--hs-border);border-radius:999px;background:transparent;color:var(--hs-muted);font:inherit;font-size:.68rem;font-weight:750;cursor:pointer}
.hs-filters button:hover,.hs-filters button.active{border-color:rgba(56,189,248,.45);background:rgba(14,165,233,.14);color:#e0f2fe}
.hs-summary{display:flex;justify-content:space-between;gap:.7rem;margin:.65rem .15rem;color:var(--hs-muted);font-size:.68rem}.hs-summary strong{color:#e2e8f0}
.hs-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(300px,1.1fr);gap:1rem;align-items:start}
.hs-results{display:flex;flex-direction:column;gap:.45rem;max-height:700px;overflow:auto;padding-right:.2rem;scrollbar-width:thin}
.hs-code-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:.7rem;width:100%;padding:.72rem;border:1px solid var(--hs-border);border-radius:12px;background:rgba(15,23,42,.78);color:inherit;text-align:left;font:inherit;cursor:pointer}
.hs-code-card:hover,.hs-code-card.active{border-color:rgba(56,189,248,.48);background:rgba(14,165,233,.09)}
.hs-code{display:grid;min-height:42px;place-items:center;border-radius:9px;background:rgba(148,163,184,.12);color:#e2e8f0;font:800 .96rem "JetBrains Mono",monospace}
.class-1 .hs-code,.hs-detail-head.class-1>span{background:rgba(168,85,247,.16);color:#d8b4fe}
.class-2 .hs-code,.hs-detail-head.class-2>span{background:rgba(34,197,94,.14);color:#86efac}
.class-3 .hs-code,.hs-detail-head.class-3>span{background:rgba(56,189,248,.14);color:#7dd3fc}
.class-4 .hs-code,.hs-detail-head.class-4>span{background:rgba(251,191,36,.14);color:#fde68a}
.class-5 .hs-code,.hs-detail-head.class-5>span{background:rgba(248,113,113,.14);color:#fca5a5}
.hs-card-copy,.hs-card-copy strong,.hs-card-copy small{display:block;min-width:0}.hs-card-copy strong{color:#e2e8f0;font-size:.79rem}.hs-card-copy small{margin-top:.2rem;color:var(--hs-muted);font-size:.67rem;line-height:1.35}
.hs-arrow{color:var(--hs-muted);font-size:1.2rem}.hs-detail{position:sticky;top:1rem;min-height:420px;padding:1rem;border:1px solid var(--hs-border);border-radius:16px;background:var(--hs-card)}
.hs-empty-detail{display:grid;min-height:360px;place-content:center;text-align:center}.hs-empty-detail>span{color:#38bdf8;font-size:2rem;font-weight:900}.hs-empty-detail h3{margin:.4rem 0;color:#e2e8f0}.hs-empty-detail p{max-width:280px;margin:0;color:var(--hs-muted);font-size:.75rem}
.hs-detail-head{display:flex;align-items:center;gap:.75rem}.hs-detail-head>span{display:grid;width:64px;height:56px;place-items:center;border-radius:11px;font:900 1.15rem "JetBrains Mono",monospace}
.hs-detail-head small{color:var(--hs-muted);font-size:.65rem}.hs-detail-head h3{margin:.15rem 0 0;color:#f1f5f9;font-size:1.15rem}
.hs-description{margin:.8rem 0;color:#cbd5e1;font-size:.82rem;line-height:1.55}.hs-guidance{padding:.7rem;border:1px solid var(--hs-border);border-radius:10px;background:rgba(2,8,20,.3)}
.hs-guidance h4,.hs-example-head h4{margin:0;color:#e2e8f0;font-size:.76rem}.hs-guidance p{margin:.3rem 0 0;color:var(--hs-muted);font-size:.72rem;line-height:1.5}
.hs-detail-badges{display:flex;gap:.4rem;flex-wrap:wrap;margin:.65rem 0}.hs-detail-badges span{padding:.3rem .5rem;border:1px solid var(--hs-border);border-radius:999px;color:#cbd5e1;font-size:.62rem}
.hs-example-head{display:flex;justify-content:space-between;align-items:center;margin:.75rem 0 .35rem}.hs-example-head button,.hs-detail-actions button{border:0;background:transparent;color:#7dd3fc;font:inherit;font-size:.68rem;font-weight:800;cursor:pointer}
.hs-detail pre{max-height:230px;overflow:auto;margin:0;padding:.75rem;border:1px solid var(--hs-border);border-radius:10px;background:#020814;color:#bae6fd;font:400 .66rem/1.5 "JetBrains Mono",monospace;white-space:pre-wrap}
.hs-detail-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.65rem}.hs-detail-actions a{color:#7dd3fc;font-size:.67rem;font-weight:700}
.hs-no-results{display:grid;min-height:180px;place-content:center;text-align:center}.hs-no-results strong{color:#e2e8f0}.hs-no-results span{margin-top:.3rem;color:var(--hs-muted);font-size:.72rem}
.hs-footnote{display:flex;gap:.45rem;margin-top:1rem;padding:.7rem .8rem;border:1px solid var(--hs-border);border-radius:10px;background:rgba(2,8,20,.3);color:#cbd5e1;font-size:.68rem;line-height:1.45}.hs-footnote span{color:var(--hs-muted)}
@media(max-width:900px){.hs-layout{grid-template-columns:1fr}.hs-detail{position:static}.hs-results{max-height:520px}}
@media(max-width:580px){.hs-shell{padding:.75rem;border-radius:14px}.hs-hero{flex-direction:column}.hs-hero-actions,.hs-hero-actions .btn{width:100%}.hs-summary{flex-direction:column}.hs-code-card{grid-template-columns:56px 1fr auto}.hs-detail{padding:.8rem;border-radius:13px}.hs-footnote{flex-direction:column}}
