.step-container{max-width:800px;margin:0 auto;padding:0}.step-progress-bar{width:100%;height:4px;background-color:#e5e7eb;border-radius:2px;margin-bottom:30px;overflow:hidden}.step-progress-fill{height:100%;background-color:var(--progress-color,#2563eb);transition:width 0.3s ease;border-radius:2px}.step-item{margin-bottom:var(--step-spacing,20px);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;overflow:hidden;transition:all 0.3s ease;--border-width:1px;--border-radius:8px}.step-container.has-shadow .step-item{box-shadow:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px 0 rgb(0 0 0 / .06)}.step-container.has-shadow.shadow-medium .step-item{box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -1px rgb(0 0 0 / .06)}.step-container.has-shadow.shadow-strong .step-item{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05)}.step-item.step-expanded{border-color:var(--header-color,#2563eb)}.step-container.has-shadow .step-item.step-expanded{box-shadow:0 4px 6px -1px rgb(0 0 0 / .1)}.step-container.has-shadow.shadow-medium .step-item.step-expanded{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05)}.step-container.has-shadow.shadow-strong .step-item.step-expanded{box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 10px 10px -5px rgb(0 0 0 / .04)}.step-item.step-completed{border-color:var(--completed-color,#16a34a);background-color:#f0fdf4}.step-header{padding:20px;background-color:var(--header-color,#2563eb);color:#fff;cursor:pointer;position:relative}.step-item:not(.step-expanded) .step-header{background-color:#f8fafc;color:#64748b}.step-item.step-completed .step-header{background-color:var(--completed-color,#16a34a);color:#fff}.step-title{margin:0;font-size:var(--title-size,18px);font-weight:600;display:flex;align-items:center;text-align:left;color:var(--active-text-color,#ffffff);gap:8px}.step-item:not(.step-expanded) .step-title{color:var(--inactive-text-color,#64748b)}.step-item.step-completed .step-title{color:var(--completed-text-color,#ffffff)}.step-item:not(.step-expanded) .step-edit-link{color:var(--inactive-text-color,#64748b)}.step-item.step-expanded .step-edit-link{color:var(--active-text-color,#ffffff)}.step-item.step-completed .step-edit-link{color:var(--completed-text-color,#ffffff)}.step-edit-link{font-size:14px;font-weight:400;opacity:0;transition:opacity 0.3s ease;cursor:pointer}.step-item.step-completed .step-edit-link{opacity:1}.step-edit-link:hover{text-decoration:underline}.step-content{padding:0;max-height:0;overflow:hidden;transition:all 0.3s ease}.step-item.step-expanded .step-content{padding:var(--content-padding,30px);max-height:none;overflow:visible}.step-actions{margin-top:30px;text-align:right}.step-button{background-color:var(--button-bg,#93c5fd);color:var(--button-text,#1e40af);border:none;padding:var(--button-padding,12px) calc(var(--button-padding, 12px) * 2);border-radius:var(--button-radius,6px);font-size:16px;font-weight:500;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px}.step-button:hover{filter:brightness(.9);transform:translateY(-1px)}.step-button:after{content:"→";font-size:18px}.step-button[disabled],.step-button.is-disabled{opacity:.6;cursor:not-allowed;pointer-events:none;filter:none;transform:none}.step-button[disabled]:hover,.step-button.is-disabled:hover{filter:none;transform:none}.step-content>*{margin-bottom:var(--element-spacing,20px)}.step-content>*:last-child{margin-bottom:0}.step-content .wp-block-group,.step-content .wp-block-columns{margin-bottom:var(--element-spacing,20px)}.step-content .wp-block-paragraph,.step-content .wp-block-heading{margin-bottom:var(--element-spacing,20px)}.step-content .wp-block-list{margin-bottom:var(--element-spacing,20px)}.step-content .wp-block-image,.step-content .wp-block-gallery{margin-bottom:var(--element-spacing,20px)}.step-content input,.step-content select,.step-content textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:16px;transition:border-color 0.3s ease;margin-bottom:var(--element-spacing,20px)}.step-content input:focus,.step-content select:focus,.step-content textarea:focus{outline:none;border-color:var(--header-color,#2563eb);box-shadow:0 0 0 3px rgb(37 99 235 / .1)}.step-content label{display:block;margin-bottom:8px;font-weight:600;color:#374151}@media (max-width:768px){.step-header{padding:15px}.step-item.step-expanded .step-content{padding:calc(var(--content-padding, 30px) * 0.7)}.step-title{font-size:calc(var(--title-size, 18px) * 0.9)}}