.sample-metabar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs)}.sample-metabar__btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--radius-pill);border:1px solid var(--color-border-default);background:var(--color-bg-surface);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap}.sample-metabar__btn svg{flex-shrink:0}.sample-metabar__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;margin-left:2px;font-size:var(--text-label-md);font-weight:500;line-height:1;border-radius:var(--radius-pill);background:var(--surface-tint-03);color:var(--color-text-secondary)}.sample-metabar__pip{width:6px;height:6px;border-radius:50%;background:var(--color-status-live);box-shadow:0 0 0 0 rgba(255,68,56,.6);animation:sample-pip-pulse 2.2s ease-out infinite;flex-shrink:0}@keyframes sample-pip-pulse{0%{box-shadow:0 0 0 0 rgba(255,68,56,.55)}70%{box-shadow:0 0 0 6px rgba(255,68,56,0)}to{box-shadow:0 0 0 0 rgba(255,68,56,0)}}.sample-metabar__countdown{font-family:var(--font-mono);font-size:var(--text-label-sm);font-weight:500;letter-spacing:.02em;color:var(--color-text-muted);padding-left:var(--space-2xs);border-left:1px solid var(--color-border-subtle)}.sample-metabar__btn--urgent .sample-metabar__countdown{color:var(--color-status-live);font-weight:600}.sample-metabar__external{color:var(--color-text-subtle)}.sample-metabar__views{display:inline-flex;align-items:center;gap:var(--space-2xs);height:40px;padding:0 16px;margin-left:auto;border-radius:var(--radius-pill);background:var(--surface-tint-02);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500}