/* TechTools — url-encode styles (auto-extracted) */
.direction-tabs {
    display: flex; gap: 4px;
    background: rgba(255,255,255,0.04); border-radius: 10px;
    padding: 4px; margin-bottom: 16px; max-width: 240px;
  }
  .direction-tab {
    flex: 1; padding: 8px 16px; text-align: center;
    border-radius: 8px; font-size: 14px; font-weight: 500;
    cursor: pointer; color: var(--text-secondary);
    transition: all 0.25s ease; user-select: none;
  }
  .direction-tab.active {
    background: rgba(46,167,255,0.2); color: var(--accent-cyan); font-weight: 600;
  }
  .direction-tab:hover:not(.active) { color: var(--text-primary); }