.hs-param { min-width: 0; display: grid; gap: 10px; align-items: center; }
.hs-param--inline { grid-template-columns: max-content minmax(120px, 1fr); }
.hs-param--stacked { grid-template-columns: minmax(0, 1fr); gap: 7px; }
.hs-param-label { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  color: var(--dim,#9898aa); font-size: 12px; line-height: 1.25; }
.hs-scrub-source { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important;
  opacity: 0 !important; pointer-events: none !important; }
.hs-scrub { flex: 1; min-width: 0; display: flex; align-items: center; gap: 7px; }
.hs-scrub-chip { flex: 1; min-width: 0; height: 38px; padding: 0 11px; display: flex; align-items: center; gap: 7px;
  border: 1px solid #34343f; border-radius: 10px; background: linear-gradient(180deg,#202029,#191920);
  color: #f2f2f7; cursor: ew-resize; touch-action: none; user-select: none; -webkit-user-select: none; }
.hs-scrub-chip:hover { border-color: #4a4a58; }
.hs-scrub-chip:focus-visible, .hs-scrub-chip.dragging { outline: none; border-color: var(--accent,#6c5ce7);
  box-shadow: 0 0 0 3px rgba(108,92,231,.16); }
.hs-scrub-ico { flex: none; color: #62626f; }
.hs-scrub-num { margin-left: auto; color: #f2f2f7; font-size: 14px; font-weight: 650; line-height: 1; font-variant-numeric: tabular-nums; }
.hs-scrub-edit { display: block; width: 100%; cursor: text; color: #f2f2f7; font: 650 14px/1 system-ui,sans-serif;
  text-align: right; user-select: text; -webkit-user-select: text; }
.hs-scrub-reset { flex: none; width: 34px; height: 34px; padding: 0; border: 1px solid transparent; border-radius: 9px;
  display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.035); color: #aaa6bb; cursor: pointer; }
.hs-scrub-reset:hover { color: #fff; border-color: #3d3d49; background: rgba(255,255,255,.075); }
.hs-scrub-reset:focus-visible { outline: 2px solid var(--accent,#6c5ce7); outline-offset: 1px; }
.hs-scrub-reset.is-current { color: #aaa6bb; }
.hs-param--compact .hs-scrub-chip { height: 30px; border-radius: 8px; padding-inline: 9px; }
.hs-param--compact .hs-scrub-reset { width: 30px; height: 30px; border-radius: 8px; }
.hs-param--compact .hs-scrub-num { font-size: 12.5px; }
.hs-param-tooltip { position: fixed; z-index: 2147483647; max-width: min(360px,calc(100vw - 24px)); padding: 9px 11px;
  border: 1px solid #5a5870; border-radius: 9px; background: rgba(24,24,34,.97); box-shadow: 0 12px 34px #000b;
  color: #f3f1fa; font: 11px/1.45 system-ui,"PingFang TC",sans-serif; white-space: pre-wrap; pointer-events: none; backdrop-filter: blur(14px); }
@media (max-width: 620px) { .hs-param--inline { grid-template-columns: minmax(0,1fr); gap: 7px; } }