/* ===== Tools Menu ===== */
    .tools-nav{
      display:flex;
      align-items:center;
      gap:8px;
      margin-bottom:18px;
      padding:6px;
      border:1px solid var(--border);
      border-radius:16px;
      background:color-mix(in srgb, var(--soft) 62%, transparent);
      overflow-x:auto;
      scrollbar-width:none;
    }

    .tools-nav::-webkit-scrollbar{ display:none; }

    .tool-tab{
      flex:0 0 auto;
      display:inline-flex;
      align-items:center;
      gap:8px;
      min-height:42px;
      padding:0 14px;
      border:1px solid transparent;
      border-radius:12px;
      background:transparent;
      color:var(--muted);
      font-size:12px;
      font-weight:700;
      box-shadow:none;
      white-space:nowrap;
    }

    .tool-tab svg{
      width:15px;
      height:15px;
      flex:0 0 auto;
    }

    .tool-tab:hover{
      transform:translateY(-1px);
      color:var(--text);
      background:var(--field-bg);
      border-color:var(--border);
    }

    .tool-tab.active{
      color:var(--primary);
      background:var(--field-bg);
      border-color:var(--border);
      box-shadow:0 6px 18px rgba(35,104,155,.08);
    }

    html[data-theme="dark"] .tool-tab.active{ color:#9bd7ff; }

    .tool-panel{
      display:none;
      opacity:0;
      transform:translateY(6px);
    }

    .tool-panel.active{
      display:block;
      animation:toolPanelIn 300ms var(--ease) forwards;
    }

    @keyframes toolPanelIn{
      to{ opacity:1; transform:translateY(0); }
    }