/* Studio empty state — THE one shape for "nothing here yet" in Creator Studio (design QA
 * r3: two fixers had swapped two framed variants between screens in the same round).
 * Unframed on purpose: a full-width bordered box around one sentence reads as a
 * placeholder, not a designed state. Loaded by app/base.html, so every studio page has it.
 * Markup: .empty-state > .empty-state-icon (bi glyph) + .empty-state-title + .empty-state-body
 * [+ .empty-state-action holding at most ONE button, omitted when the page header already
 * carries the create action].
 */
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
  padding: var(--space-8) 0;
  max-width: 46ch;
}
.empty-state-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--color-surface-sunken);
  color: var(--color-primary);
  font-size: 1.5rem;
  margin-bottom: var(--space-2);
}
.empty-state-title {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-fg);
  margin: 0;
}
.empty-state-body {
  font-size: .9375rem;
  color: var(--color-muted-fg);
  margin: 0;
}
.empty-state-action { margin-top: var(--space-3); }
.empty-state-meta {
  font-size: var(--font-size-sm);
  color: var(--color-muted-fg);
  margin: var(--space-1) 0 0;
}