.oi-path-nav{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:500;box-shadow:var(--shadow-sm)}.oi-path-container{display:flex;align-items:center;justify-content:center;width:100%;max-width:1400px;margin:0 auto;padding:0 2vw;overflow:hidden}.oi-path-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 12px;background:transparent;border:none;cursor:pointer;font-family:'Space Mono',monospace;font-size:0.52rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);transition:all 0.3s ease;white-space:nowrap;position:relative;flex:1;min-width:0}.opb-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid var(--border);font-size:0.9rem;transition:all 0.3s ease;background:var(--bg);flex-shrink:0}.opb-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.oi-path-btn:hover .opb-icon,.oi-path-btn.active .opb-icon{background:var(--teal);border-color:var(--teal);color:#fff}.oi-path-btn.active{color:var(--teal)}.oi-path-btn.active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--teal)}.oi-path-connector{width:20px;min-width:20px;height:1px;background:var(--border);flex-shrink:0}