.ht-tool{--ht-secondary: #5b6570;--ht-danger-ink: #b91c1c;--ht-warning-ink: #b45309}[data-theme="dark"] .ht-tool{--ht-secondary: #b9c3bb;--ht-danger-ink: var(--danger,#f97316);--ht-warning-ink: var(--warning,#d6a05b)}.ht-tool .ht-panel,.ht-tool .row-result{margin-bottom: 16px}.ht-body{display: flex;flex-direction: column;gap: 12px}.ht-tabs{display: flex;flex-wrap: wrap;gap: 8px}.ht-tab{flex: 0 0 auto;min-height: 34px;padding: 6px 16px;font-size: 14px;line-height: 1.4;color: var(--text-2,#5c615d);background: var(--bg-soft,#f8fafc);border: 1px solid var(--border,#ddd8ca);border-radius: 999px;cursor: pointer}.ht-tab:hover{border-color: var(--primary,#2563eb);color: var(--primary,#2563eb)}.ht-tab.is-active{color: #fff;background: var(--primary,#2563eb);border-color: var(--primary,#2563eb);font-weight: 700}.ht-badge{flex: 0 0 auto;font-size: 12px;font-weight: 700;padding: 3px 12px;border-radius: 999px;border: 1px solid var(--border,#ddd8ca);background: var(--bg-soft,#f8fafc);color: var(--ht-secondary,#5b6570)}.ht-badge.is-ok{background: var(--success-soft,#f0fdf4);color: var(--success,#15803d);border-color: rgba(22,163,74,0.28)}.ht-badge.is-warn{background: var(--warning-soft,#fffbeb);color: var(--ht-warning-ink,#b45309);border-color: rgba(217,119,6,0.28)}.ht-badge.is-error{background: var(--danger-soft,#fef2f2);color: var(--ht-danger-ink,#b91c1c);border-color: rgba(220,38,38,0.28)}.ht-meta{font-size: 12px;line-height: 1.7;color: var(--ht-secondary,#5b6570);font-variant-numeric: tabular-nums}.ht-meta-sep{margin: 0 6px;opacity: 0.6}.ht-note{font-size: 12px;line-height: 1.6;padding: 8px 12px;border-radius: 10px;border: 1px solid rgba(217,119,6,0.28);background: var(--warning-soft,#fffbeb);color: var(--ht-warning-ink,#b45309)}.ht-band{display: none;font-size: 13px;line-height: 1.6;padding: 9px 12px;border-radius: 10px;border: 1px solid var(--border,#ddd8ca);background: var(--bg-soft,#f8fafc);color: var(--text-2,#5c615d);overflow-wrap: anywhere}.ht-band.is-on{display: block}.ht-band-ok{border-color: rgba(22,163,74,0.28);background: var(--success-soft,#f0fdf4);color: var(--success,#15803d)}.ht-band-warn{border-color: rgba(217,119,6,0.28);background: var(--warning-soft,#fffbeb);color: var(--ht-warning-ink,#b45309)}.ht-band-error{border-color: rgba(220,38,38,0.28);background: var(--danger-soft,#fef2f2);color: var(--ht-danger-ink,#b91c1c)}.ht-filter{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 10px 14px}.ht-field{display: flex;flex-direction: row;align-items: center;gap: 8px;min-width: 0}.ht-field-query{flex: 1 1 220px}.ht-field-query .form-control{flex: 1 1 auto;min-width: 0;height: 34px;padding: 6px 10px;margin: 0}.ht-field-label{flex: 0 0 auto;margin: 0;font-size: 12px;font-weight: 700;line-height: 1.4;color: var(--ht-secondary,#5b6570)}.ht-field-actions{flex: 0 0 auto;gap: 8px;margin-left: auto}.ht-group{display: flex;flex-wrap: wrap;gap: 8px}.ht-item{display: inline-flex;align-items: center;gap: 6px;min-height: 30px;padding: 4px 12px;font-size: 13px;color: var(--text-2,#5c615d);background: var(--bg-soft,#f8fafc);border: 1px solid var(--border,#ddd8ca);border-radius: 999px;cursor: pointer;user-select: none}.ht-item input{margin: 0;accent-color: var(--primary,#2563eb)}.ht-item:hover{border-color: var(--primary,#2563eb);color: var(--text,#1e2422)}.ht-hint{flex: 1 1 100%;margin: 0;font-size: 12px;line-height: 1.6;color: var(--ht-secondary,#5b6570)}.ht-rows{display: block}.ht-row{display: grid;grid-template-columns: 34px minmax(0,1fr) minmax(150px,250px);align-items: center;gap: 10px 12px;padding: 9px 4px;border-bottom: 1px solid var(--border,#e5e2d9)}.ht-row:last-child{border-bottom: 0}.ht-row:hover{background: var(--primary-soft,#eff6ff)}.ht-rank{font-size: 13px;font-weight: 700;line-height: 1;text-align: center;color: var(--ht-secondary,#5b6570);font-variant-numeric: tabular-nums}.ht-rank-top{color: #fff;background: var(--danger,#c2410c);border-radius: 7px;padding: 5px 0}.ht-main{min-width: 0}.ht-title{font-size: 15px;line-height: 1.5;color: var(--text,#1e2422);overflow-wrap: anywhere}.ht-title:hover{color: var(--primary,#2563eb)}.ht-tag{display: inline-block;vertical-align: 2px;margin-left: 6px;font-size: 11px;line-height: 1.4;font-weight: 700;padding: 2px 8px;border-radius: 999px;color: var(--ht-danger-ink,#b91c1c);background: var(--danger-soft,#fef2f2);white-space: nowrap}.ht-metric{display: flex;align-items: center;gap: 8px;min-width: 0}.ht-bar{flex: 1 1 auto;min-width: 32px;height: 6px;border-radius: 999px;background: var(--bg-soft,#f8fafc);border: 1px solid var(--border,#ddd8ca);overflow: hidden}.ht-bar-fill{display: block;height: 100%;border-radius: 999px;background: var(--primary,#2563eb)}.ht-hot{flex: 0 0 auto;min-width: 52px;text-align: right;font-size: 12px;color: var(--text-2,#5c615d);font-variant-numeric: tabular-nums}.ht-copy-row{flex: 0 0 auto}.ht-loading,.ht-empty{padding: 18px 4px;font-size: 13px;line-height: 1.6;color: var(--ht-secondary,#5b6570)}[data-theme="dark"] .ht-rank-top{color: #14100e;background: var(--danger,#f97316)}[data-theme="dark"] .ht-row:hover,[data-theme="dark"] .ht-bar{background: var(--bg-soft,#161b22)}[data-theme="dark"] .ht-band-ok{background: rgba(21,128,61,0.16)}[data-theme="dark"] .ht-band-warn,[data-theme="dark"] .ht-note{background: rgba(217,119,6,0.14)}[data-theme="dark"] .ht-band-error,[data-theme="dark"] .ht-tag{background: rgba(220,38,38,0.14)}[data-theme="dark"] .ht-bar-fill{background: var(--info,#0891b2)}@media (max-width: 767px){.ht-row{grid-template-columns: 30px minmax(0,1fr);gap: 6px 10px}.ht-metric{grid-column: 2 / -1}.ht-title{font-size: 14px}.ht-tabs{gap: 6px}.ht-tab{flex: 0 0 calc(25% - 6px);padding: 5px 2px;font-size: 12px;text-align: center}.ht-filter{gap: 8px 10px}.ht-field{flex: 1 1 auto;gap: 6px}.ht-field-query{flex: 1 1 100%}.ht-item{min-height: 30px;padding: 4px 10px;font-size: 12px}.ht-field-actions{margin-left: 0}}