.creation-footprints{margin:2px 0 30px;padding:0 0 25px;border-bottom:1px solid var(--color-border)}
.creation-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.creation-heading h2{font-size:18px;line-height:1.5;letter-spacing:-.02em;font-weight:600;margin:0;color:var(--color-text)}
.creation-heading p{font-size:13px;line-height:1.8;color:var(--color-text-secondary);margin:0}
.creation-heading .creation-pending{color:var(--color-warning)}
.creation-heading button{min-height:44px}
.creation-milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0;padding:0;list-style:none}
.creation-milestones li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 12px;align-content:start;min-width:0}
.creation-step-mark{position:relative;z-index:1;grid-column:1;grid-row:1/span 3;display:grid;place-items:center;width:26px;height:26px;margin-top:2px;border-radius:50%;background:var(--color-surface-alt);border:1px solid var(--color-border)}
.creation-step-mark .hub-icon{width:15px;height:15px}
.creation-milestones .is-done .creation-step-mark{background:var(--color-accent-bg);border-color:transparent;color:var(--color-accent)}
.creation-milestones strong{font-size:15px;line-height:1.8;font-weight:600;color:var(--color-text)}
.creation-step-state{grid-column:2;font-size:12px;line-height:1.8;color:var(--color-text-secondary)}
.creation-step-state:empty{display:none}
.creation-milestones .hub-text-action{grid-column:2;display:inline-flex;align-items:center;gap:8px;justify-self:start;min-height:44px;font-size:13px}
.creation-milestones .hub-icon{transition:transform 220ms ease}
.creation-milestones button:hover>.hub-icon{transform:translateX(4px)}
.creation-milestones button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:3px}
.creation-milestones .is-new .creation-step-mark{animation:creation-mark-settle 500ms cubic-bezier(.16,1,.3,1)}
@keyframes creation-mark-settle{0%{transform:translateY(-6px) scale(1.15)}65%{transform:translateY(1px) scale(.96)}100%{transform:none}}
@media(max-width:650px){.creation-footprints{margin-bottom:24px;padding-bottom:20px}.creation-heading{display:block;margin-bottom:16px}.creation-heading h2{font-size:17px}.creation-heading p{font-size:12px;margin-top:6px}.creation-milestones{gap:15px}.creation-milestones li{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.creation-step-mark{width:25px;height:25px;margin:0 0 4px}.creation-milestones strong{font-size:12px;line-height:1.7}.creation-step-state{font-size:11px;line-height:1.7}.creation-milestones .hub-text-action{font-size:12px;gap:4px;margin-top:auto}.creation-milestones .hub-text-action .hub-icon{width:13px;height:13px}}
@media(prefers-reduced-motion:reduce){.creation-milestones .is-new .creation-step-mark{animation:none}.creation-milestones .hub-icon{transition:none}.creation-milestones button:hover>.hub-icon{transform:none}}