body.builder-page{overflow:hidden;height:100vh}.nav-cta{padding:.45rem 1rem!important;border:1px solid rgba(244,244,244,.2)!important;color:var(--text)!important;transition:background .2s,border-color .2s!important}.nav-cta:hover,.nav-cta--active{background:#f4f4f414!important;border-color:#f4f4f461!important;color:var(--text)!important}.builder-layout{display:flex;height:calc(100vh - 72px);margin-top:72px;overflow:hidden;position:relative}.builder-canvas-wrap{flex:1;position:relative;overflow:hidden}#builder-canvas{display:block;width:100%!important;height:100%!important}.builder-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.5rem;pointer-events:none;transition:opacity .4s}.builder-loading.hidden{opacity:0}.builder-loading-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-teal);animation:dotPulse 1.2s ease-in-out infinite}.builder-loading-dot:nth-child(2){animation-delay:.2s}.builder-loading-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.pod-back-btn{position:absolute;top:1.5rem;left:1.5rem;z-index:10;background:#1f2a38cc;color:var(--text);border:1px solid rgba(244,244,244,.16);font-family:inherit;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.6rem 1.2rem;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .35s ease,transform .35s ease,background .2s,border-color .2s}.pod-back-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.pod-back-btn:hover{background:#f4f4f41a;border-color:#f4f4f44d}.pod-detail-panel{position:absolute;top:50%;left:1.75rem;transform:translateY(-50%) translate(-18px);z-index:10;width:260px;background:#141e2cd1;border:1px solid rgba(244,244,244,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:1.5rem 1.6rem;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease}.pod-detail-panel.visible{opacity:1;pointer-events:auto;transform:translateY(-50%) translate(0)}.pod-detail-name{font-size:1.1rem;font-weight:800;color:var(--text);letter-spacing:-.01em;line-height:1.1;margin-bottom:.75rem}.pod-detail-desc{font-size:.73rem;color:var(--muted);line-height:1.65;margin-bottom:1rem}.pod-detail-specs{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.35rem}.pod-detail-specs li{font-size:.68rem;font-weight:600;color:var(--accent-teal);letter-spacing:.02em;padding-left:.85rem;position:relative}.pod-detail-specs li:before{content:"—";position:absolute;left:0;opacity:.5}.pod-detail-examples-label{font-size:.56rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:.6;margin-bottom:.2rem}.pod-detail-examples{font-size:.68rem;color:var(--muted);line-height:1.5;font-style:italic}.builder-selected-info.hidden{opacity:0;pointer-events:none;transition:opacity .3s ease}.blabel-container{position:absolute;inset:0;pointer-events:none;z-index:5}.blabel{position:absolute;display:flex;align-items:center;opacity:0;transition:opacity .45s ease;pointer-events:none;white-space:nowrap}.blabel.visible{opacity:1;pointer-events:auto}.blabel-right{transform:translate(4px,-50%)}.blabel-left{flex-direction:row-reverse;transform:translate(calc(-100% - 4px),-50%);text-align:right}.blabel-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-teal);flex-shrink:0;box-shadow:0 0 7px #8bb8c8bf}.blabel-line{width:30px;height:1px;background:#8bb8c861;flex-shrink:0}.blabel-text{padding:0 .5rem;display:flex;flex-direction:column;gap:.2rem}.blabel-name{font-size:.8rem;font-weight:700;color:var(--text);letter-spacing:.03em;line-height:1}.blabel-explore{font-size:.6rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-teal);background:none;border:none;padding:0;cursor:pointer;font-family:inherit;transition:opacity .2s;text-align:inherit}.blabel-explore:hover{opacity:.65}.blabel-container.labels-hidden .blabel{opacity:0!important;pointer-events:none!important;transition:opacity .2s ease}.builder-selected-info{position:absolute;bottom:2.5rem;left:3rem;pointer-events:none;transition:opacity .3s ease}.builder-selected-name{font-size:1.6rem;font-weight:900;line-height:1;letter-spacing:-.02em;color:var(--text);margin-bottom:.3rem}.builder-selected-tagline{font-size:.75rem;color:var(--muted);letter-spacing:.04em;margin-bottom:.8rem}.builder-selected-pods{display:flex;flex-wrap:wrap;gap:.4rem}.pod-tag{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-teal);border:1px solid rgba(139,184,200,.3);padding:.2rem .55rem;background:#8bb8c80f}.builder-common-stack-wrap{margin-top:.85rem;max-width:320px}.builder-common-stack-label{font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem;opacity:.7}.builder-common-stack-text{font-size:.72rem;color:var(--muted);line-height:1.55;opacity:.85}.builder-panel{width:320px;flex-shrink:0;background:#223757;border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.builder-panel-head{padding:1.5rem 1.75rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.builder-panel-head h2{font-size:1.55rem;margin:.4rem 0 .6rem;line-height:1.1}.builder-panel-head p{font-size:.76rem;color:var(--muted);line-height:1.6}.builder-panel-list{flex:1;min-height:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem;scrollbar-width:thin;scrollbar-color:rgba(244,244,244,.1) transparent}.config-card{display:flex;align-items:center;flex-shrink:0;gap:0;background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:border-color .2s,background .2s,transform .15s;overflow:hidden;-webkit-user-select:none;user-select:none}.config-card:hover{border-color:#f4f4f438;background:#f4f4f40a;transform:translate(-2px)}.config-card.active{border-color:#8bb8c88c;background:#8bb8c80f}.config-card-accent{width:3px;align-self:stretch;flex-shrink:0;opacity:.75;transition:opacity .2s}.config-card.active .config-card-accent{opacity:1}.config-card-body{flex:1;padding:1rem 1rem 1rem 1.1rem}.config-card-name{font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:.2rem}.config-card.active .config-card-name{color:var(--accent-teal)}.config-card-tagline{font-size:.72rem;color:var(--muted);line-height:1.4;margin-bottom:.35rem}.config-card-count{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:.6}.config-card-arrow{padding:0 1.1rem;font-size:.85rem;color:#f4f4f433;transition:color .2s,transform .2s;flex-shrink:0}.config-card.active .config-card-arrow,.config-card:hover .config-card-arrow{color:#f4f4f48c;transform:translate(2px)}.builder-panel-foot{padding:1.25rem 1.75rem;border-top:1px solid var(--border);flex-shrink:0}@media(max-width:768px){body.builder-page{overflow:hidden}.builder-layout{flex-direction:column;height:calc(100vh - 60px);margin-top:60px}.builder-canvas-wrap{flex:1;min-height:0}.builder-layout.detail-active .builder-canvas-wrap{flex:0 0 55%}.builder-selected-info{display:none}.builder-panel{width:100%;height:auto;flex-shrink:0;border-left:none;border-top:1px solid var(--border);flex-direction:column;transition:transform .4s ease,opacity .4s ease}.builder-layout.detail-active .builder-panel{transform:translateY(100%);opacity:0;pointer-events:none}.builder-panel-head{padding:.75rem 1.25rem .6rem}.builder-panel-head .section-eyebrow{font-size:.6rem}.builder-panel-head h2{font-size:.95rem;margin:.2rem 0 0}.builder-panel-head p{display:none}.builder-panel-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:.75rem 1rem;gap:.5rem;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.builder-panel-list::-webkit-scrollbar{display:none}.config-card{flex-direction:column;align-items:stretch;min-width:90px;max-width:90px;flex-shrink:0;transform:none!important}.config-card:hover,.config-card.active{transform:translateY(-2px)!important}.config-card-accent{width:100%;height:3px;align-self:unset}.config-card-body{padding:.6rem .7rem .5rem}.config-card-name{font-size:.72rem;margin-bottom:.15rem}.config-card-tagline{display:none}.config-card-count{font-size:.58rem}.config-card-arrow{display:none}.builder-panel-foot{padding:.6rem 1.25rem}.pod-detail-panel{position:relative;inset:auto;width:100%;transform:none;opacity:1;pointer-events:auto;background:var(--surface);border:none;border-top:1px solid var(--border);backdrop-filter:none;-webkit-backdrop-filter:none;padding:1.25rem 1.5rem 1.5rem;max-height:none;overflow-y:visible;display:none;flex-shrink:0;transition:none}.builder-layout.detail-active .pod-detail-panel{display:block}.pod-detail-panel.visible{transform:none}}@media(max-width:480px){.config-card{min-width:80px;max-width:80px}}