.recipe-form-wrapper{margin:var(--space-5) 0}.form-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-10);position:relative;padding:var(--space-5) 0}.form-progress::before{content:'';position:absolute;top:30px;left:5%;right:5%;height:2px;background-color:var(--cjbb-border);z-index:0}.form-progress .step{flex:1;text-align:center;position:relative;z-index:1;cursor:default;transition:all 0.3s ease}.form-progress .step::before{content:attr(data-step);display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:0 auto var(--space-2);background-color:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--radius-full);font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--text-secondary);transition:all 0.3s ease}.form-progress .step{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium);transition:all 0.3s ease}.form-progress .step.active::before{background-color:var(--cjbb-primary);border-color:var(--cjbb-primary);color:var(--neutral-000);box-shadow:0 0 0 3px rgba(230,57,70,.2);transform:scale(1.1)}.form-progress .step.active{color:var(--cjbb-primary);font-weight:700}.form-progress .step.completed::before{content:'✓';background-color:var(--cjbb-success);border-color:var(--cjbb-success);color:var(--neutral-000);font-size:var(--text-xl)}.form-progress .step.completed{color:var(--cjbb-success)}.step-counter{text-align:center;margin-bottom:var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.step-counter span{color:var(--cjbb-primary);font-weight:700}@media (max-width:768px){.form-progress{margin-bottom:var(--space-8);padding:var(--space-4) 0}.form-progress .step::before{width:40px;height:40px;font-size:var(--text-sm)}.form-progress .step{font-size:var(--text-xs)}.form-progress::before{top:25px}}@media (max-width:480px){.form-progress{margin-bottom:var(--space-6);padding:var(--space-3) 0}.form-progress .step::before{width:36px;height:36px;margin:0 auto var(--space-1);font-size:var(--text-xs)}.form-progress .step{font-size:var(--text-xs)}.form-progress::before{top:22px}}html.theme-dark .form-progress .step::before{background-color:var(--dark-bg-tertiary);border-color:var(--dark-border-default);color:var(--dark-text-secondary)}html.theme-dark .form-progress .step{color:var(--dark-text-secondary)}html.theme-dark .form-progress::before{background-color:var(--dark-border-default)}html.theme-dark .form-progress .step.active::before{background-color:var(--brand-primary);border-color:var(--brand-primary);color:var(--neutral-000);box-shadow:0 0 0 3px rgba(255,88,16,.25)}html.theme-dark .form-progress .step.active{color:var(--brand-primary)}html.theme-dark .step-counter{color:var(--dark-text-secondary)}