.debug-marker {
      position: absolute;
      width: 6px;
      height: 6px;
      background-color: red;
      border-radius: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none;
      z-index: 901;
    }

    /* Navbar file menu dropdown */
    .navbar-file-menu {
      position: relative;
    }

    .navbar-dropdown {
      position: absolute;
      top: 100%;
      left: 0;
      margin-top: 2px;
      display: none;
      flex-direction: column;
      gap: 2px;
      background: rgba(0, 0, 0, 0.9);
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 8px;
      padding: 4px;
      min-width: 180px;
      z-index: 1002;
    }

    .navbar-dropdown.open {
      display: flex;
    }

    .navbar-menu-item {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 6px 12px;
      border-radius: 4px;
      color: rgba(255, 255, 255, 0.9);
      font-size: 13px;
      cursor: pointer;
      transition: background 0.15s;
    }

    .navbar-menu-item:hover {
      background: rgba(255, 255, 255, 0.12);
    }

    /* Transform Panel Input Styles */
    .transform-input {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 4px;
      padding: 4px 8px;
      color: white;
      font-size: 12px;
      font-family: 'Courier New', monospace;
      text-align: center;
      transition: all 0.2s;
    }

    .transform-input:hover {
      background: rgba(255, 255, 255, 0.08);
      border-color: rgba(255, 255, 255, 0.3);
    }

    .transform-input:focus {
      background: rgba(255, 255, 255, 0.1);
      border-color: rgba(33, 150, 243, 0.6);
      outline: none;
    }

    .transform-input::placeholder {
      color: rgba(255, 255, 255, 0.3);
    }

    /* Scene unit selector in toolbar */
    .scene-unit-select {
      background: rgba(255, 255, 255, 0.1);
      color: #cdd6f4;
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 6px;
      padding: 4px 8px;
      font-size: 13px;
      cursor: pointer;
      font-family: system-ui, sans-serif;
    }
    .scene-unit-select:hover {
      background: rgba(255, 255, 255, 0.15);
    }
    .scene-unit-select:focus {
      outline: none;
      border-color: rgba(137, 180, 250, 0.5);
    }

    /* ===== Light mode overrides ===== */

    .light .navbar-dropdown {
      background: rgba(255, 255, 255, 0.95);
      border-color: rgba(0, 0, 0, 0.15);
    }

    .light .navbar-menu-item {
      color: #1f2937;
    }

    .light .navbar-menu-item:hover {
      background: rgba(0, 0, 0, 0.08);
    }

    .light .transform-input {
      background: rgba(0, 0, 0, 0.03);
      border-color: rgba(0, 0, 0, 0.15);
      color: #1f2937;
    }

    .light .transform-input:hover {
      background: rgba(0, 0, 0, 0.06);
      border-color: rgba(0, 0, 0, 0.25);
    }

    .light .transform-input:focus {
      background: rgba(0, 0, 0, 0.04);
      border-color: rgba(33, 150, 243, 0.6);
    }

    .light .transform-input::placeholder {
      color: rgba(0, 0, 0, 0.35);
    }

    .light .scene-unit-select {
      background: rgba(0, 0, 0, 0.05);
      color: #374151;
      border-color: rgba(0, 0, 0, 0.15);
    }

    .light .scene-unit-select:hover {
      background: rgba(0, 0, 0, 0.1);
    }

    .light .scene-unit-select:focus {
      border-color: rgba(33, 150, 243, 0.5);
    }

    /* Navbar menu item icons: ensure dark stroke in light mode */
    .light .navbar-menu-item i,
    .light .navbar-menu-item svg {
      color: #374151;
      stroke: #374151;
    }

    /* Session group headers in object list */
    .light .session-group .session-header {
      background-color: rgba(0, 0, 0, 0.05);
    }

    .light .session-group .session-header:hover {
      background-color: rgba(0, 0, 0, 0.08);
    }