:root {
  --creator-brand-font: "PingFang SC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --creator-brand-serif: "Songti SC", "STSong", serif;
  --creator-brand-ink: #17231f;
  --creator-brand-muted: #68756f;
  --creator-brand-bg: #f3f6f4;
  --creator-brand-surface: #ffffff;
  --creator-brand-surface-muted: #fbfcfb;
  --creator-brand-hover: #e9eeeb;
  --creator-brand-line: #dfe5e2;
  --creator-brand-line-strong: #c9d2ce;
  --creator-brand-accent: #ee4d2d;
  --creator-brand-accent-strong: #d83d20;
  --creator-brand-accent-soft: #fff0eb;
  --creator-brand-success: #18794e;
  --creator-brand-disabled: #cbd2ce;
  --creator-brand-focus-ring: rgba(238, 77, 45, 0.2);
  --creator-brand-shadow: rgba(23, 35, 31, 0.16);
  --creator-global-header-height: 64px;
}

.creator-global-brand-mark {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  border-radius: 5px;
  color: #ffffff;
  background: var(--creator-brand-accent);
  box-shadow: 0 7px 16px rgba(216, 61, 32, 0.16);
  font-family: var(--creator-brand-serif);
  font-size: 21px;
  font-weight: 900;
  line-height: 1;
  transform: rotate(-2deg);
}