@import url("../content/tool-shell.css");

.ddl-grid {
  grid-template-columns: 1fr 1fr;
}

.object-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 14px;
  list-style: none;
}

.object-list button {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 10px 12px;
  color: var(--text);
  background: rgba(255,255,255,.04);
  cursor: pointer;
  font-family: "JetBrains Mono", Consolas, "Courier New", monospace;
  font-size: .82rem;
  text-align: left;
}

.object-list button.active,
.object-list button:hover {
  border-color: color-mix(in srgb, var(--primary) 50%, transparent);
  background: rgba(45,212,191,.12);
}

.filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
}

@media (max-width: 900px) {
  .ddl-grid {
    grid-template-columns: 1fr;
  }
}