/* system/apps/toolbar-demo/styles.css
 *
 * Split out of index.html's shared <style> block (Sept 2026) -- see
 * start-here.md's "Each app owns its own styles.css" note for why.
 */

.toolbar-demo-log {
  margin-top: 16px;
  padding-left: 18px;
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
}

.toolbar-demo-peek-widget {
  margin-top: 16px;
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(138, 91, 214, 0.12);
  border: 1px solid rgba(138, 91, 214, 0.4);
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
}