/* Playground view: overrides layered after app.css. Keep rules scoped to
   #sec-playground so nothing here leaks into other dashboard views. */

/* Idle-preview bullets, every theme: inline text flow so the bold lead
   ("Real Chromium", "Claude", "Your model") reads as part of the sentence.
   The base flex row made the <b> its own column in dark mode, splitting
   "Real / Chromium" over two lines. Light already did this in app.css. */
#sec-playground .pg-preview-bullets li {
  display: block;
  position: relative;
  padding-left: 20px;
}
#sec-playground .pg-preview-bullets li::before {
  position: absolute;
  left: 0;
  top: 0;
}
#sec-playground .pg-preview-bullets b { color: var(--text); font-weight: 600; }
:root[data-theme="light"] #sec-playground .pg-preview-bullets b { color: var(--ink); }

/* The provider-aware "who drives it" bullet swaps text when the provider
   changes. Keep a stable line box so the idle card doesn't jump. */
#sec-playground .pg-preview-bullets li[data-pg-driver] { min-height: 1.45em; }