/* 2-step creation and read-only progress workflow */
.workflow-stepbar,.tracker-stepbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none;padding:10px 18px;background:#fff9fc;border-bottom:1px solid #f2dce6;min-width:0}
.workflow-step-description,.tracker-step-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.workflow-step-description>span,.tracker-step-copy>span{font-size:9px;letter-spacing:1.3px;color:#c24981;font-weight:900}
.workflow-step-description strong,.tracker-step-copy strong{font:900 15px Nunito,'DM Sans',Arial,sans-serif;color:#492d41}
.workflow-step-description small,.tracker-step-copy small{font-size:11px;line-height:1.35;color:#9c7990}
.workflow-next{display:inline-flex;justify-content:center;align-items:center;gap:6px;background:#d92379;border:1px solid #c01b66;border-radius:12px;color:white;font-size:13px;font-weight:900;padding:12px 16px;min-height:44px;white-space:nowrap;box-shadow:0 4px 12px #e1337a30}
.workflow-next:hover{background:#c01b66}
.workflow-next .icon{width:17px;height:17px}
.tracker-stepbar{background:#f6fff9;border-bottom-color:#d4eedf;gap:10px}
.tracker-step-copy>span{color:#229464}
.tracker-step-copy strong{color:#214937}
.tracker-step-copy small{color:#658573}
.tracker-live-stats{min-width:126px;display:flex;flex-direction:column;gap:2px;text-align:right}
.tracker-live-stats b{font-size:16px;font-weight:900;color:#236e4d;font-variant-numeric:tabular-nums}
.tracker-live-stats span{font-size:10px;color:#619579}
.tracker-meter{height:7px;width:100%;background:#d9ede0;border-radius:100px;overflow:hidden;margin-top:4px}
.tracker-meter i{display:block;width:0;height:100%;border-radius:100px;background:#2da271;transition:width .15s}
.tracker-step-buttons{display:flex;gap:7px;flex:none;align-items:center}
.tracker-step-buttons button{border:1px solid #bee2cb;background:white;color:#266c4b;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 11px;min-height:42px;border-radius:10px;white-space:nowrap}
.tracker-edit-btn .icon{width:15px;height:15px}
.tracking-mode .stage{background:#f4faf5}
.tracking-mode #pattern-canvas{cursor:pointer!important;touch-action:none}
.tracking-mode .toolrail,.tracking-mode .mobile-actionbar,.tracking-mode .mobile-quickpalette{display:none!important}
.tracking-mode .inspector-tabs .itab:not([data-tab="progress"]){display:none}
.tracking-mode .inspector-tabs .itab[data-tab="progress"]{flex:1}
.tracker-actions{display:flex;justify-content:center;align-items:center;gap:9px;flex:none;padding:11px 12px;background:#fff;border-top:1px solid #e5eee7}
.tracker-actions button{min-height:46px;border-radius:11px;border:1px solid #dce6de;background:#f9fffb;color:#286848;padding:9px 15px;font-size:12px;font-weight:900;white-space:nowrap}
.tracker-actions .track-mark-btn{background:#269d69;color:#fff;border-color:#269d69;min-width:130px}
.tracker-actions button:not(:disabled):active{transform:scale(.97)}
.tracking-mode .stage-footer{display:none}
@media(max-width:900px){
 .workflow-stepbar{padding:8px 12px;gap:8px;min-height:70px}
 .workflow-step-description strong{font-size:13px}
 .workflow-step-description small{font-size:10px}
 .workflow-next{padding:10px 11px;font-size:11px;min-height:45px;max-width:50%;white-space:normal;text-align:center;line-height:1.2}
 .tracker-stepbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 9px;min-height:102px;padding:8px 12px}
 .tracker-step-copy strong{font-size:14px}
 .tracker-step-copy small{font-size:10px}
 .tracker-live-stats{min-width:91px}
 .tracker-live-stats b{font-size:15px}
 .tracker-step-buttons{grid-column:1/-1;justify-content:space-between}
 .tracker-step-buttons button{min-height:37px;padding:7px 12px}
 .tracker-actions{gap:5px;padding:8px 7px calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr) 44px}
 .tracker-actions button{min-width:0;font-size:11px;padding:7px 4px;min-height:49px}
 .tracker-actions .track-mark-btn{min-width:0}
 .tracking-mode .inspector{height:min(70dvh,630px)}
 .tracking-mode #toast-area{bottom:calc(80px + env(safe-area-inset-bottom))}
}
@media(max-width:370px){
 .workflow-step-description small,.tracker-step-copy small{display:none}
 .workflow-next{font-size:10px}
 .tracker-actions button{font-size:10px}
}