.builder-guide{flex-shrink:0;padding:12px 18px;border-bottom:1px solid #cadbcf;background:#f0f5ee;color:#263d33;max-height:44dvh;overflow:auto;overscroll-behavior:contain}.builder-guide[hidden]{display:none!important}.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-eyebrow{font-size:11px;letter-spacing:.6px;color:#4c6d5b}.builder-guide h2{font-size:17px;line-height:1.4;margin:1px 0;font-weight:650}.guide-controls,.guide-actions,.guide-paths{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.guide-description{font-size:13px;line-height:1.75;margin:8px 0 10px;max-width:850px;color:#425e4b}.guide-content{display:flex;align-items:center;gap:20px}.guide-diagram{width:180px;min-width:140px;max-height:76px;flex-shrink:0}.guide-steps{display:flex;overflow-x:auto;gap:6px;padding:8px 0 0;overscroll-behavior:contain}.guide-steps button{flex-shrink:0;min-height:36px;padding:6px 10px;border:1px solid #cedccf;border-radius:20px;background:#fff;color:#496050;font:inherit;font-size:12px;cursor:pointer}.guide-steps button.current{background:#286658;border-color:#286658;color:#fff}.builder-guide .s-btn{min-height:40px;padding:6px 12px;font-size:13px}.builder-guide.compact{padding:6px 18px}.builder-guide.compact h2{font-size:14px}.builder-guide.compact .guide-eyebrow{font-size:10px}.guide-target{outline:3px solid #478d70!important;outline-offset:-3px}.guide-sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
@media(max-width:900px){.builder-guide{padding:10px 12px;max-height:40dvh}.guide-heading{gap:8px;align-items:flex-start}.builder-guide h2{font-size:15px}.guide-controls{flex-wrap:nowrap;gap:4px}.builder-guide .s-btn{min-height:44px;font-size:12px;padding:5px 9px;white-space:normal}.guide-description{font-size:12px;margin:8px 0}.guide-content{gap:8px}.guide-diagram{width:95px;min-width:80px}.guide-steps button{min-height:44px}.builder-guide.compact{padding:4px 10px}.builder-guide.compact h2{font-size:13px}.guide-actions{gap:6px}.mobile-editor #studioEditor .studio-head{flex-wrap:wrap}.mobile-editor #studioEditor .studio-actions{margin-left:auto}}
@media(max-height:500px){.builder-guide{max-height:44dvh;padding:6px 12px}.guide-diagram{display:none}.builder-guide.compact{max-height:68px}.guide-steps{padding-top:4px}}