.control-tooltip {
  box-sizing: border-box;
  position: fixed;
  z-index: 1000;
  width: max-content;
  max-width: min(310px, calc(100vw - 20px));
  max-height: calc(100dvh - 20px);
  overflow: auto;
  padding: 10px 12px;
  border: 1px solid rgba(151, 217, 247, .42);
  border-radius: 10px;
  background: rgba(6, 18, 28, .98);
  color: #f4f7f8;
  box-shadow: 0 5px 22px rgba(0, 0, 0, .4);
  font: 12px/1.5 Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: normal;
  text-align: left;
  overflow-wrap: anywhere;
}
.control-tooltip[hidden] { display: none; }
.tooltip-disabled-wrapper { display: inline-flex; min-width: 0; }
.tooltip-disabled-range { display: block; width: 100%; }
.tooltip-disabled-control { pointer-events: none; }
[data-tooltip-disabled]:focus-visible { outline: 2px solid var(--accent, #79d4ff); outline-offset: 3px; }