/* PresetPicker — dipakai Container, Spawner, dan Entity Editor. */

.preset-picker {
  margin-bottom: 16px;
}

.preset-picker__details summary {
  cursor: pointer;
  font-size: 12px;
  color: var(--text-secondary);
  padding: 10px 0 4px;
  border-top: 1px solid var(--border-subtle);
  list-style: none;
}

.preset-picker__details summary::-webkit-details-marker { display: none; }
.preset-picker__details summary::before { content: "▸ "; }
.preset-picker__details[open] summary::before { content: "▾ "; }

.preset-picker__hint {
  margin: 6px 0 0;
  font-size: 11.5px;
  color: var(--text-muted);
}

.preset-picker__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
}

.preset-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  text-align: left;
  background: var(--surface-raised, rgba(255, 255, 255, 0.03));
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  color: inherit;
  transition: border-color 0.12s ease, background 0.12s ease;
}

.preset-item:hover {
  border-color: var(--accent, #c87d4a);
  background: var(--surface-hover, rgba(255, 255, 255, 0.06));
}

.preset-item__name { font-size: 13px; font-weight: 600; }
.preset-item__desc { font-size: 11.5px; color: var(--text-muted); }