.build-controls{padding:22px;background:#f8f9f8;border-top:1px solid #d6d8d8}.build-controls[hidden]{display:none}.build-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.build-heading p{font-size:15px;letter-spacing:-.3px;margin:8px 0 15px}.playback{display:flex;align-items:center;gap:8px}.playback button{background:#262b2f;color:#fff;border:0;padding:9px 13px;border-radius:5px;font-size:11px}.playback button+button{color:#646d70;background:#e8eae8}.playback span{font-size:10px;color:#818889;min-width:65px;margin-left:10px}.build-controls input[type=range]{width:100%;accent-color:#c91e32;cursor:pointer;margin:2px 0 19px}.build-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.build-steps button{border:1px solid #d6dad6;background:white;padding:12px 9px;text-align:left;border-radius:5px;font-size:9px;color:#ae2735;line-height:1.4}.build-steps button span{display:block;color:#77807f;margin-top:5px;font-size:10px}.build-steps button.active{border-color:#30373b;background:#30373b;color:#eea6ad}.build-steps button.active span{color:#fff}.illustrative-note{font-size:10px;color:#7c8581;line-height:1.6;margin:16px 0 0}.video-detail{margin-top:15px;font-size:11px;color:#5e6865}.video-detail summary{cursor:pointer}.video-detail video{display:block;width:100%;max-height:600px;margin-top:15px;background:#272d32;border-radius:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.workspace-top h2{font-size:10px}.modes{gap:0}.modes button{font-size:9px;padding:7px}.build-controls{padding:16px}.build-heading{display:block}.playback{margin-bottom:15px}.build-heading p{font-size:14px}.build-steps{grid-template-columns:repeat(3,1fr)}.build-steps button{padding:9px}.stage-status{max-width:120px;text-align:right}}

.build-steps{grid-template-columns:repeat(3,1fr)}.component-count{font-size:10px;color:#697672;margin:13px 0 0}