.design-step-nav{width:80px;padding:10px 5px}.design-step-nav button{padding:10px 2px;min-height:68px;margin:4px 0}.design-step-nav button>span{font-size:17px;line-height:25px;font-weight:750}.design-step-nav button>small{font-size:10px;display:block;line-height:1.4;overflow-wrap:anywhere}.design-step-nav button[aria-current=step]{background:#303b27;color:#b8ff5b;border:1px solid #607d3e}
.design-workflow .sidebar-content{padding:18px 15px;scrollbar-gutter:stable}.design-workflow .sidebar-heading{margin-bottom:10px}.design-workflow .sidebar-heading h1{font-size:17px}.design-step-introduction>p:first-child{font-size:12px;color:#b3bac8;line-height:1.7;margin:0 0 10px}.workflow-template-status{font-size:11px;line-height:1.6;color:#b8ff5b;padding:9px 11px;background:#253020;border:1px solid #455638;border-radius:6px;margin:0 0 18px;overflow-wrap:anywhere}
.design-step-pane[hidden],.design-workflow #toolsPane{display:none!important}.design-step-pane #templateLibrary{padding-top:0;border:0}.design-step-pane>button{width:100%;margin-top:10px;font-size:12px}.workflow-step-tip{border:1px solid #404956;border-radius:7px;padding:10px;font-size:11px;margin:0 0 16px}
#bikeTemplateChooser{margin-bottom:18px;border-bottom:1px solid #3a414d;padding-bottom:16px}#bikeTemplateChooser label{display:block;margin:14px 0 5px}#bikeTemplateChooser label:first-child{margin-top:0}#bikeTemplateChooser select{margin:0}#workflowUseBike{width:100%;margin-top:15px;font-size:12px}#bikeTemplateMessage{margin:10px 0 0;color:#b8ff5b}#bikeTemplateMessage:empty{display:none}#bikeTemplateFitNote{font-size:11px;margin-bottom:0}
.artwork-step-tabs{display:flex;gap:6px;margin-bottom:16px}.artwork-step-tabs button{flex:1;font-size:11px;padding:9px 7px}.artwork-step-tabs button[aria-pressed=true]{border-color:#b8ff5b;color:#b8ff5b;background:#303b27}.design-step-pane #textPane{padding:0}.design-step-pane #logosPane,.design-step-pane #swatchesPane{padding:0}.design-step-pane .tool-group:first-child{border-top:0}.design-step-pane #printResolutionPanel{padding-top:0;border:0}.design-step-pane #printResolutionPanel h2{font-size:13px;text-transform:none;letter-spacing:0;color:#e1e6ef}.design-step-pane #printResolutionPanel .hint{font-size:11px}.workflow-review-actions{display:flex;flex-direction:column;gap:9px;margin-top:16px}.workflow-review-actions button{width:100%;font-size:12px}.design-step-pane .note{font-size:11px;margin-top:20px;color:#aeb7c5}
.design-step-pager{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;border-top:1px solid #3a414d;margin-top:25px;padding-top:18px}.design-step-pager button{font-size:11px;padding:9px}.design-step-pager>p{grid-column:1/-1;font-size:10px;color:#99a4b6;line-height:1.6;margin:3px 0 0}
@media(max-width:759px){body.design-workflow main{grid-template-columns:72px minmax(0,1fr)}body.design-workflow .design-sidebar{width:72px}.design-step-nav{width:72px}.design-workflow .sidebar-content{left:72px;width:min(280px,calc(100vw - 80px))}.design-step-nav button>small{font-size:9px}}

/* Three stages across the top; design categories share the left workspace. */
body.design-workflow #designSteps{display:flex;width:auto;padding:7px 18px;gap:10px;border-bottom:1px solid #343843;background:#1c1f26}
body.design-workflow #designSteps button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:36px;flex:1;margin:0;padding:7px 14px}
body.design-workflow #designSteps button>small{font-size:12px}
body.design-workflow main{height:calc(100dvh - 124px)}
body.design-workflow .design-sidebar .sidebar-content{margin-left:0}
body.design-workflow .design-sidebar{display:block}
.design-subpane[hidden]{display:none!important}
#designToolTabs{flex-wrap:wrap}#designToolTabs button{flex:1 1 70px}
#templateArrangement{border:1px solid #465638;border-radius:8px;padding:14px;margin:18px 0;background:#20291d}
#templateArrangement button{width:100%;margin:5px 0;font-size:12px}
#templateArrangement .hint{font-size:11px}
#templateArrangement[hidden]{display:none!important}
body.design-workflow #stickerLocks,body.design-workflow #panelColor,body.design-workflow #paint{display:none!important}
body.design-workflow #panelColorLabel{display:none!important}
@media(max-width:759px){body.design-workflow .sidebar-content{left:0}body.design-workflow #designSteps{padding:6px;gap:5px}body.design-workflow #designSteps button{padding:6px;gap:5px}body.design-workflow .design-sidebar{width:72px}}

body.design-workflow[data-design-step=bike] .drawing-toolbar{display:none}
#artworkStepTabs{display:none!important}
body.design-workflow .sidebar-content{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}