.creator-hub-page { max-width: 920px; margin: 0 auto; padding-bottom: var(--space-40); }
.creator-hub-heading { padding: var(--space-24) 0; }
.creator-hub-heading h1 { font-size: var(--font-size-hero-mobile); }
.creator-hub-heading p { margin-top: var(--space-8); color: var(--ink-muted-readable); font-size: var(--font-size-small); }
.creator-hub-summary-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: var(--space-12); }
.creator-hub-summary-grid div { padding: var(--space-12) 0; border-right: var(--border-width) solid var(--line); }
.creator-hub-summary-grid div:last-child { border-right: 0; }
.creator-hub-summary-grid b, .creator-hub-summary-grid span { display: block; }
.creator-hub-summary-grid b { font-size: var(--font-size-card-title); font-variant-numeric: tabular-nums; }
.creator-hub-summary-grid span { margin-top: var(--space-4); color: var(--ink-muted-readable); font-size: var(--font-size-caption); }
.creator-hub-project { padding: var(--space-18) 0; border-bottom: var(--border-width) solid var(--line); }
.creator-hub-project:last-child { border-bottom: 0; }
.creator-hub-project-head, .creator-hub-actions, .creator-hub-following, .creator-hub-update { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-10); }
.creator-hub-project-head { justify-content: space-between; align-items: flex-start; }
.creator-hub-project h3 { font-size: var(--font-size-list-title); overflow-wrap: anywhere; }
.creator-hub-meta { margin-top: var(--space-4); color: var(--ink-muted-readable); font-size: var(--font-size-caption); }
.creator-hub-progress { padding: var(--space-2) var(--space-8); border-radius: var(--radius-pill); background: var(--amber-soft); color: var(--amber); font-size: var(--font-size-caption); white-space: nowrap; }
.creator-hub-progress.is-done { background: var(--green-soft); color: var(--green-ink); }
.creator-hub-metrics { display: flex; flex-wrap: wrap; gap: var(--space-18); margin-top: var(--space-14); }
.creator-hub-metrics span { color: var(--ink-muted-readable); font-size: var(--font-size-caption); }
.creator-hub-metrics b { margin-right: var(--space-4); color: var(--ink); font-size: var(--font-size-small); font-variant-numeric: tabular-nums; }
.creator-hub-checklist { display: flex; flex-wrap: wrap; gap: var(--space-6) var(--space-12); margin-top: var(--space-12); color: var(--ink-muted-readable); font-size: var(--font-size-caption); }
.creator-hub-checklist span.is-done { color: var(--green-ink); }
.creator-hub-actions { margin-top: var(--space-10); }
.creator-hub-actions a, .creator-hub-actions button { min-height: var(--touch-target-min); display: inline-flex; align-items: center; }
.creator-hub-following { margin-top: var(--space-14); padding-top: var(--space-14); border-top: var(--border-width) solid var(--line); font-size: var(--font-size-small); }
.creator-hub-following b { color: var(--ink-2); }
.creator-hub-following a { min-height: var(--touch-target-min); display: inline-flex; align-items: center; }
.creator-hub-updates { margin-top: var(--space-20); }
.creator-hub-update { min-height: var(--touch-target-min); padding: var(--space-12) 0; color: var(--ink); border-bottom: var(--border-width) solid var(--line); }
.creator-hub-update:last-child { border-bottom: 0; }
.creator-hub-update span { min-width: 0; flex: 1; overflow-wrap: anywhere; }
.creator-hub-update small { display: block; margin-top: var(--space-2); color: var(--ink-muted-readable); font-size: var(--font-size-caption); }
.creator-hub-loading { padding: var(--space-60) 0; color: var(--ink-muted-readable); text-align: center; font-size: var(--font-size-small); }
.creator-hub-page a:focus-visible, .creator-hub-page button:focus-visible, .creator-hub-preview a:focus-visible { outline: var(--focus-width) solid var(--brand); outline-offset: var(--focus-offset); }
@media (max-width: 640px) { .creator-hub-heading { padding: var(--space-18) 0; } .creator-hub-summary-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .creator-hub-summary-grid div:nth-child(3n) { border-right: 0; } .creator-hub-project-head { gap: var(--space-8); } }