1

src/index.css

@@ -1450,6 +1450,77 @@ body {
   line-height: 1;
 }
 
+.creation-work-card-incentive {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
+  align-items: stretch;
+  gap: 0.38rem;
+  min-width: 0;
+}
+
+.creation-work-card-incentive__metric,
+.creation-work-card-incentive__button {
+  min-width: 0;
+  border: 1px solid color-mix(in srgb, #6b7cff 22%, transparent);
+  border-radius: 0.5rem;
+  background: color-mix(in srgb, var(--platform-neutral-bg) 82%, transparent);
+  backdrop-filter: blur(14px);
+}
+
+.creation-work-card-incentive__metric {
+  overflow: hidden;
+  padding: 0.38rem 0.42rem;
+}
+
+.creation-work-card-incentive__label {
+  display: block;
+  overflow: hidden;
+  color: var(--platform-text-soft);
+  font-size: 0.58rem;
+  font-weight: 800;
+  line-height: 1.1;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.creation-work-card-incentive__value {
+  display: block;
+  margin-top: 0.18rem;
+  overflow: hidden;
+  color: var(--platform-text-strong);
+  font-size: 0.95rem;
+  font-weight: 950;
+  line-height: 1;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.creation-work-card-incentive__button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 2.55rem;
+  padding: 0 0.58rem;
+  color: var(--platform-text-strong);
+  font-size: 0.68rem;
+  font-weight: 900;
+  line-height: 1.1;
+  transition:
+    transform 180ms ease,
+    border-color 180ms ease,
+    opacity 180ms ease;
+}
+
+.creation-work-card-incentive__button:hover:not(:disabled) {
+  transform: translateY(-1px);
+  border-color: color-mix(in srgb, #6b7cff 44%, transparent);
+}
+
+.creation-work-card-incentive__button:disabled {
+  cursor: not-allowed;
+  opacity: 0.52;
+}
+
 .platform-tab {
   border: 1px solid var(--platform-subpanel-border);
   border-radius: 9999px;
@@ -1864,6 +1935,28 @@ body {
     font-size: 0.54rem;
   }
 
+  .creation-work-card-incentive {
+    gap: 0.28rem;
+  }
+
+  .creation-work-card-incentive__metric {
+    padding: 0.34rem 0.34rem;
+  }
+
+  .creation-work-card-incentive__label {
+    font-size: 0.54rem;
+  }
+
+  .creation-work-card-incentive__value {
+    font-size: 0.82rem;
+  }
+
+  .creation-work-card-incentive__button {
+    min-height: 2.34rem;
+    padding: 0 0.48rem;
+    font-size: 0.62rem;
+  }
+
   .platform-tab-panel {
     padding-right: 0;
   }